@charset "utf-8";

/* #container .contents
======================================================================= */
#container .contents{
}

.pc_only {
display: none;
}


/* 重要なお知らせ
======================================================================= */
#container .contents .notice_important, #container .contents .notice_important　{
    display: block;
}

#container .contents .notice_important, #container .contents .notice_important ul li {
    display: block;
}



/* h2
======================================================================= */
#container .contents h2 {
	width: 100%;
	margin: 0 0 0 0;
}

	#container .contents h2 img {
		width: 100%;
		height: auto;
	}


/* #container .contents #contents_hd
======================================================================= */
/*
#contents_hd h1{
background:#bf8c00;
padding:12px 15px;
font-size:14px;
line-height:110%;
font-weight:bold;
color:#fff;
text-align:left;
margin:0 0 10px 0;
}
*/

#contents_hd .sns_btn{
padding:0 5px 0 0;
}


/* #container .contents #main_contents
======================================================================= */
#main_contents{
padding:5px 3.125% 20px 3.125%;
text-align: left;
color: #322517;
}


/* 電車でのアクセス/車でのアクセス
/* #container .contents #main_contents .event_info_box
==================================== */
/*

/* common/css/common_sp.cssで定義　*/




/* #train_block
======================================================================= */
#train_block {
background-color:#f8edcd;
margin-top: 4.7%;
padding: 0 0 6.25% 0;
}

	#train_block h3 {
		width: 100%;
		margin-bottom: 6.25%;
	}

		#train_block h3 img {
			width: 100%;
			height: auto;
		}
	
	#train_block #train_img1 {
		width: 90.6%;
		margin: 6.25% 4.7% 0 4.7%;		
	}
	
		#train_block #train_img1 img {
			width: 100%;
			height: auto;			
		}	
	
	#train_block #train_img2 {
		width: 90.6%;
		margin: 6.25% 4.7% 0 4.7%;					
	}
	
		#train_block #train_img2 img {
			width: 100%;
			height: auto;			
		}	
	
	#train_block #train_img3 {
		width: 90.6%;
		margin: 6.25% 4.7% 0 4.7%;		 
		}

		#train_block #train_img3 a  {
			display: block;
		}

		#train_block #train_img3 a:hover  {
			cursor: pointer;
		}

		#train_block #train_img3 a img {
			width: 100%;
			height: auto;
		}

	#train_block #train_exp2 {
		width: 90.6%;
		margin: 4.7% 4.7% 0 4.7%;
		font-size: 12px;
		line-height: 170%;		
	}

	#train_block #train_img4 {
		width: 100%;
		margin-top: 6.25%;				
	}

		#train_block #train_img4 img {
			width: 100%;
			height: auto;			
		}

	#train_block #to_googlemap {
		width: 90.6%;
		margin: 6.25% 4.7% 0 4.7%;		 
	}

		#train_block #to_googlemap img {
			width: 100%;
			height:auto;		 
		}


	
	#train_block #access_attention {
		margin: 6.25% 4.7% 0 4.7%;
		overflow: hidden;
		border: 2px #f00 solid;
    	border-radius: 5px;
    	padding: 10px;
	}

		#train_block #access_attention #access_attention_img {
			width: 25%;
			margin-right: 10px;	
			float: left;		
		}

		#train_block #access_attention #access_attention_img img {
			width: 100%;
			height: auto;
		}
		
		#train_block #access_attention #access_attention_exp {
			font-size: 18px;
			font-weight: bold;
			color: #743a1d;	
			line-height: 150%;
		}
		
		#train_block #access_attention #access_attention_exp span {
			display: block;
			color: #322517;
		}






	

/* #parking_block
======================================================================= */
#parking_block {
background-color:#faedcd;
margin-top: 4.7%;
}

	#parking_block h3 {
		color: #743a1d;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 1.5%;
		line-height: 160%;	
		padding: 6.25% 4.7% 0 4.7%;		
	}

	#parking_block #parking_exp1 {
		margin-bottom: 6.25%;
		font-size: 18px;
		line-height: 160%;	
		padding: 0 4.7%;
		letter-spacing: 0.3px;				
	}

	#parking_block #parking_link {
		margin-top: 6.25%;
		font-size: 16px;
		color: #ca4d01;
		font-weight: bold;
		padding: 0 4.7% 6.25% 4.7%;				
	}
	
	#parking_block #parking_link a {
		font-size: 16px;
		text-decoration: underline;	
		color: #ca4d01;
		font-weight: bold;									
	}



/* #faq_block
======================================================================= */
#faq_block {
background-color:#faedcd;
margin-top: 4.7%;
padding: 6.25% 4.7%;
}

	#faq_block h3 {
		color: #743a1d;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 15px;			
	}

	#faq_block dl dt {
		margin-bottom: 5px;
		padding-left: 1.5em;
		text-indent: -1.5em;
		line-height: 140%;
	}

	#faq_block dl dd {
		margin-bottom: 5px;
		padding-left: 1.5em;
		text-indent:  -1.5em;
		line-height: 140%;		
	}
	
	#faq_block dl dd.faq_partition {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #322517;	
	}

	#main_contents #faq_block dl dd a {
		color: #ca4d01;
		font-weight: bold;
		text-decoration: underline;	
	}


	#faq_block dl dd a:hover {
		color: #ca4d01;
	}


/* #attention_block
======================================================================= */

#attention_block,#attention_block2 {
background-color:#faedcd;
margin-top: 4.7%;
padding: 6.25% 4.7%;
}

	#attention_block h3,#attention_block2 h3 {
		color: #743a1d;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 4%;
		line-height: 160%;		
	}

	#attention_block ul li,#attention_block2 ul li {
		margin-bottom: 10px;
		font-size: 16px;		
		line-height: 140%;
		margin-left: 1em;
    	text-indent: -1em;
	}
	






@media screen and (max-width: 500px) { 
	#parking_block h3 { font-size: 18px; }
	#parking_block #parking_exp1 { font-size: 18px; }
	#faq_block h3 { font-size: 18px; }
	#faq_block dl { font-size: 16px; }	
	#attention_block h3 { font-size: 18px; }
	#attention_block ul li { font-size: 16px; }
	#train_block #access_attention #access_attention_exp { font-size: 18px; }
}

@media screen and (max-width: 420px) { 
	#parking_block h3 { font-size: 16px; }
	#parking_block #parking_exp1 { font-size: 16px; }
	#faq_block h3 { font-size: 16px; }
	#faq_block dl { font-size: 14px; }		
	#attention_block h3 { font-size: 16px; }
	#attention_block ul li { font-size: 14px; }
	#train_block #access_attention #access_attention_exp { font-size: 16px; }
	
}

@media screen and (max-width: 370px) { 
	#parking_block h3 { font-size: 14px; }
	#parking_block #parking_exp1 { font-size: 14px; }
	#faq_block h3 { font-size: 14px; }
	#faq_block dl { font-size: 12px; }		
	#attention_block h3 { font-size: 14px; }
	#attention_block ul li { font-size: 12px; }
	#train_block #access_attention #access_attention_exp { font-size: 14px; }
	
}