@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 {
	margin: 0 0 10px 0;
	background-color: #6ebe06;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 15px 20px;
	font-size: 26px;	
}
@media screen and (max-width: 500px) { #container .contents h2 { font-size: 24px; } }
@media screen and (max-width: 370px) { #container .contents h2 { font-size: 22px; } }



/* #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で定義　*/


/* アクセス用　*/

#container .contents #main_contents .event_info_box {
	background-color: #fff;
}

#container .contents #main_contents .event_info_box ul { 
	margin: 0;
	width: 100%;
	margin-bottom: 20px;
}
	
#container .contents #main_contents .event_info_box ul li { 
	border: 1px solid #009a22;
}


/* タブ　#main_contents #tab_contents_wrap
======================================================================= */
#main_contents #tab_contents_wrap{
	padding:20px 0 10px 0;
}


/* #tab_contents_wrap .tab_menu
-------------------------------------------------- */
#tab_contents_wrap .tab_menu ul{
	display:table;
	width:100%;
	line-height:0;
}

#tab_contents_wrap .tab_menu ul li{
	display:table-cell;
	vertical-align:bottom;
	width:50%;
}

#tab_contents_wrap .tab_menu ul li a{
	display:block;
}

#tab_contents_wrap .tab_menu ul li a img{
	width:100%;
	height:auto;
}

#tab_contents_wrap .tab_menu ul li.btn_01 a{
	background:url(https://www.suntory.com/factory/hakushu/access/img/tab_menu_spbtn_01_on.png) no-repeat 0 bottom;
	background-size:100% auto;
}

#tab_contents_wrap .tab_menu ul li.btn_02 a{
	background:url(https://www.suntory.com/factory/hakushu/access/img/tab_menu_spbtn_02_on.png) no-repeat 0 bottom;
	background-size:100% auto;
}

#tab_contents_wrap .tab_menu ul li.active a img,
#tab_contents_wrap .tab_menu ul li a.hover img{
	opacity:0;filter:alpha(opaciy=0);-ms-filter:"alpha(opacity=0)";
}


/* #tab_contents_wrap #tab_contents_area .tab_contents
-------------------------------------------------- */
#tab_contents_wrap #tab_contents_area .tab_contents{
	display:none;
}


/* #train_contents
======================================================================= */
#train_contents {
}

	#train_contents #train_block,
	#train_contents #stand_block,
	#train_contents #info_block {
	background-color:#fff;
	text-align:left;
	padding:6.25% 4.7%;
	margin:35px 0 0 0;
	letter-spacing: 0.3px;
	}

	#train_contents h3 {
		width: 100%;
		margin-bottom: 15px;
	}

		#train_contents h3 img {
			width: 100%;
			height: auto;
		}


/* #train_contents #train_block
----------------------------------------------------------------------- */
#train_contents #train_block {
	margin-top: 0;
}

	#train_contents #train_block #train_btn { width: 100%; margin: 0 0 30px; }
	#train_contents #train_block #train_btn img { width: 100%; height: auto; /*display: none;*/ }
	
	#train_contents #train_block #train_img1 img,
	#train_contents #train_block #train_img2 img {
		width: 100%;
		height: auto;		
		margin: 0 0 35px;	
	}
	
	
	/*.time
	------------------------------------ */
	#train_contents #train_block .time ul a li{
		display:block;
		border:1px solid #ddd;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		-ms-border-radius:2px;
		border-radius:2px;
		margin:0 0 15px 0;
		line-height:0;
	}
	
	#train_contents #train_block .time ul a li img{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	#train_contents #train_block .time ul a.hover li.jr_btn{ border:1px solid #008803; }
	#train_contents #train_block .time ul a.hover li.roote_btn{ border:1px solid #e70013; }
	
	#train_contents #train_block .time ul li.roote_txt{
		font-size:14px;
    	line-height:160%;
		letter-spacing: 0.3px;
	}


/* #train_contents #stand_block
----------------------------------------------------------------------- */
#train_contents #stand_block {
}

	#train_contents #stand_block #stand_area #stand_map img,
	#train_contents #stand_block #stand_area #stand_photo img {
		width: 100%;
		height: auto;
		margin: 0 0 15px;
	}
	
	#train_contents #stand_block #stand_area ul li {
		font-size: 14px;
		line-height: 160%;
		text-indent: -1em;
		padding-left: 1em;
	}


/* #train_contents #bus_block
----------------------------------------------------------------------- */
#train_contents #bus_block {
	background-color:#fff;
	text-align:left;
	margin:35px 0 0 0;
	letter-spacing: 0.3px;
	/*display: none;*/
}

	#train_contents #bus_block h3 { width: 100%; line-height: 0; margin-bottom: 0; }
	#train_contents #bus_block h3 img { width: 100%; height: auto; }
	
	
	/* #bus_block #bus_schedule
	==================================== */
	#bus_block #bus_schedule {
		padding:15px;
		border:2px solid #7b4f1a;
		margin-top:-2px;
	}
	
	/* #lead_block
	------------------------------------ */
	#bus_schedule #lead_block {
		margin-bottom: 30px;
	}
	
	#bus_schedule #lead_block .text_box {
		margin-bottom: 25px;
	}

	#bus_schedule #lead_block .text_box h4 {
		color: #7b4f1a;
		font-size: 16px;
		margin-bottom: 5px;
		font-weight: bold;
	}

	#bus_schedule #lead_block .text_box p {
		font-size: 14px;
		line-height: 160%;
		margin-bottom: 10px;
	}
	
	#bus_schedule #lead_block .text_box h4.import,
	#bus_schedule #lead_block .text_box p.import {
		font-weight: bold;
	}
	
	#bus_schedule #lead_block .text_box p i {
		color: #d30303;
	}
	
	#bus_schedule #lead_block .text_box p span {
		text-indent: -1em;
		padding-left: 1em;
		font-weight: normal;
		display: inline-block;
	}
	
	#bus_schedule #lead_block .img_box img {
		width: 100%;
		height: auto;
	}
	
	/* .month
	------------------------------------ */
	#bus_schedule .month{
	}

	#bus_schedule .month:after{content:""; clear:both; display:block;}

	/* .month .schedule_block
	------------------------------------ */
	#bus_schedule .month .schedule_block table{
		width:100%;
		margin:0 0 15px 0;
	}
	
	#bus_schedule .month .schedule_block table th{
		background:#edcfb5;
		font-size:14px;
		line-height:130%;
		letter-spacing:0.5px;
		font-weight:bold;
		color:#322517;
		padding:6px 0 5px 10px;
	}
	
	#bus_schedule .month .schedule_block table td {	width:50%; }
	#bus_schedule .month .schedule_block table td:first-child{padding-left:0;}
	
	#bus_schedule .month .schedule_block table td h5{
		width:100%;
		border-bottom: 1px solid #7b4f1a;
	}

	#bus_schedule .month .schedule_block table td h5 img{
		width: 100%;
		height: auto;
	}

	#bus_schedule .month .schedule_block table td h5 span.time_table {
		display: none;
	}


	
	#bus_schedule .month .schedule_block table td ul li{
		width:100%;
		font-size:16px;
		line-height:130%;
		letter-spacing:0.5px;
		color:#322517;
		padding:6px 0 5px 0;
		text-align:center;
		border-bottom:1px solid #7b4f1a;
		font-weight: bold;
	}
	
	#bus_schedule .month .schedule_block table td ul li.rest{
		background:#fff9c2;
	}
	
	#bus_schedule .month .schedule_block table td ul.go li{ background:url(https://www.suntory.com/factory/hakushu/access/img/icon_ar_r_brown.png) no-repeat right center; padding-right:15px; }
	#bus_schedule .month .schedule_block table td ul.go li.rest{ background-color:#fff9c2; }

	/* .month p.note
	------------------------------------ */
	#bus_schedule .month p.note{
		font-size:14px;
		line-height:160%;
		letter-spacing:0.5px;
		color:#7b4f1a;
		margin-bottom:15px;
	}
	
	#bus_schedule .month p.note:before{
		display:block;
		background:#fff9c2;
		content:"";
		float:left;
		width:25px;
		height:15px;
		margin:0 3px 0 0;
		border:1px solid #7b4f1a;
	}
		
	/* .pdf_link_sp
	------------------------------------ */
	#bus_schedule p.pdf_link_sp{
		width:100%;
		margin-bottom:20px;
	}
	
	#bus_schedule p.pdf_link_sp a{
		display:block;
		width:100%;
		padding:15px 9% 15px 15px;
		color:#7b4f1a;
		font-size:16px;
		font-weight:bold;
		position:relative;
		border:1px solid #7b4f1a;
	}
	
	#bus_schedule p.pdf_link_sp a:after{
		position:absolute;
		display:block;
		content:'';
		top:38%;
		right:5%;
		width:10px;
		height:10px;
		border-right:2px solid #7b4f1a;
		border-bottom:2px solid #7b4f1a;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}

	/* .caution
	------------------------------------ */
	#bus_schedule .caution{
		padding: 0 0 15px 0;
	}

	#bus_schedule .caution ul li{
		font-size:13px;
		line-height:160%;
		color:#322517;
		text-indent:-1em;
		margin:0 0 0 1em;
	}

	
/* #train_contents #info_block
----------------------------------------------------------------------- */
#train_contents #info_block {
}

	#train_contents #info_block #info_area p {
		font-size: 14px;
		line-height: 160%;
	}
	
	#train_contents #info_block #info_area p i {
		display: block;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	#train_contents #info_block #info_area p.caution {
		margin-top: 20px;
		text-indent: -1em;
		padding-left: 1em;
	}




/* #car_contents
======================================================================= */
#car_contents {
	background-color:#fff;
	text-align:left;
	padding:6.25% 4.7%;
}

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

	#car_contents h3 img {
		width: 100%;
		height: auto;
	}

	#car_contents #car_img1 img,
	#car_contents #car_img2 img { width: 100%; height: auto; }
	
			
	/*#car_contents .g_map
	-------------------------------------------------- */
	#car_contents .g_map{
		line-height:0;
		padding:25px 0 25px 0;
		width:98%;
		margin:0 0 0 1%;
	}
	
	#car_contents .g_map a img{
		width:100%;
		height:auto;
	}
	
	#car_contents .g_map a.hover{
		background-color:#fff;
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)";
	}
	
	
	/*#car_contents #car_parking
	-------------------------------------------------- */
	#car_contents #car_parking h2{
		font-size:16px;
		line-height:160%;
		color:#322517;
		margin:30px 0 10px 0;
		font-weight:bold;
		padding:0;
		background:none;
	}
	
	#car_contents #car_parking h2 i{
		font-weight:normal;
	}

	#car_contents #car_parking dl dt{
		font-size:14px;
		line-height:160%;
		color:#322517;
		text-indent:-1em;
		padding-left:1em;
	}
	
	#car_contents #car_parking dl dd{
		font-size:14px;
		line-height:160%;
		color:#b20008;
		text-indent:-1em;
		padding-left:1em;
	}


@media screen and (max-width: 500px) { 
	#bus_schedule .month .schedule_block table td h5 { font-size: 13px; }
	
}

@media screen and (max-width: 420px) { 
	#bus_schedule .month .schedule_block table td h5 { font-size: 13px; }
	
}

@media screen and (max-width: 370px) { 
	#bus_schedule .month .schedule_block table td h5 { font-size: 12px; }
	
}

/* アクセスシャトルバス運休対応
======================================================================= */
/*#train_btn, #bus_block { display: none; }*/