@charset "utf-8";

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

.sp_only {
display: none;
}



/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
width:960px;
margin:0 auto;
}

#contents_hd h1{display:none;}



/* #container .contents #main_contents
======================================================================= */
#main_contents{
width:960px;
margin:0 auto;
padding:10px 0 50px 0;
text-align: left;
color: #322517;
font-size: 14px;
}



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

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



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

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


/* アクセス用　*/

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

#container .contents #main_contents .event_info_box ul { 
	margin-bottom: 5px;
}

#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 30px 0;
}


/* #tab_contents_wrap .tab_menu
-------------------------------------------------- */
#tab_contents_wrap .tab_menu ul{
	display:table;
	margin:0 0 0 40px;
}

#tab_contents_wrap .tab_menu ul li{
	display:table-cell;
	vertical-align:middle;
}

#tab_contents_wrap .tab_menu ul li a{
	display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
	width:300px;
	height:64px;
	background:url(https://www.suntory.com/factory/hakushu/access/img/tab_menu_pc.png) no-repeat 0 0;
}

#tab_contents_wrap .tab_menu ul li.btn_01 a{background-position:0 0;}
#tab_contents_wrap .tab_menu ul li.btn_02 a{background-position:-300px 0;}

#tab_contents_wrap .tab_menu ul li.btn_01.active a{background-position:0 -200px;}
#tab_contents_wrap .tab_menu ul li.btn_01 a.hover{background-position:0 -100px;}
#tab_contents_wrap .tab_menu ul li.btn_02.active a{background-position:-300px -200px;}
#tab_contents_wrap .tab_menu ul li.btn_02 a.hover{background-position:-300px -100px;}


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


/* 共通　地図エリア　#tab_contents_area .map_area
/* 共通　印刷エリア　#tab_contents_area .sub_area
======================================================================= */
#tab_contents_area .print {
	overflow: hidden;
	zoom: 1;
}

#tab_contents_area .map_area {
	float: left;
}

#tab_contents_area .sub_area {
	width: 136px;
	height: 274px;
	float: right;
	text-indent: -9999px;
}

	#tab_contents_area .sub_area .print {
		width: 136px;
		height: 37px;
	}
		
		#tab_contents_area .sub_area .print a {
			display: block;
			width: 136px;
			height: 37px;					
			background:	url(https://www.suntory.com/factory/hakushu/access/img/print.gif) left top no-repeat;
			}
		
		#tab_contents_area .sub_area .print a:hover {
			background:	url(https://www.suntory.com/factory/hakushu/access/img/print.gif) left -37px no-repeat;
			}

	#tab_contents_area .sub_area .qr_area {
		width: 136px;
		height: 153px; /*153px+67px=220px*/
		margin-top: 17px;
		padding-top: 67px;
		background:	url(https://www.suntory.com/factory/hakushu/access/img/bg_qr.gif) left top no-repeat;				
	}

		#tab_contents_area .sub_area .qr_area .qr_code {
			width: 87px;
			height: 87px;
			margin: 0 auto 18px auto;
			background:	url(https://www.suntory.com/factory/hakushu/access/img/qr_code_train.png) left top no-repeat;				
		}
		
		#tab_contents_area #car_contents .sub_area .qr_area .qr_code {
			background:	url(https://www.suntory.com/factory/hakushu/access/img/qr_code_car.png) left top no-repeat;				
		}	

		#tab_contents_area .sub_area .qr_area .send_url {
			width: 110px;
			height: 34px;
			margin : auto;
		}	
		
		#tab_contents_area .sub_area .qr_area .send_url a {
			display: block;
			width: 110px;
			height: 34px;						
				background:	url(https://www.suntory.com/factory/hakushu/access/img/send_url.gif) left top no-repeat;								
		}	

		#tab_contents_area .sub_area .qr_area .send_url a:hover {
				background:	url(https://www.suntory.com/factory/hakushu/access/img/send_url.gif) left -34px no-repeat;								
		}	


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

	#train_contents #train_block,
	#train_contents #stand_block,
	#train_contents #info_block,
	#train_contents #bus_block {
		background-color:#fff;
		text-align:left;
		padding:40px;
		letter-spacing: 0.5px;
	}



/* #train_contents #train_block
----------------------------------------------------------------------- */
#train_contents #train_block {
	position: relative;
}

	#train_contents #train_block #train { position: absolute; top: -180px; } /*for page link*/

	#train_contents #train_block h3 {
		width: 318px;
		height: 48px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_train_title_pc.gif) left top no-repeat;
		margin: 50px 0 20px;
	}
	
	#train_contents #train_block a #train_btn {
		width: 880px;
		height: 96px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_train_bnr_pc.gif) left top no-repeat;
		clear: both;
		margin: 40px 0 0;
		/*display: none;*/
	}
	
	#train_contents #train_block a:hover #train_btn {
		opacity:0.8;
		-ms-filter:"alpha(opacity=80)";
	}
	
	#train_contents #train_block #train_img1 {
		width: 700px;
		height: 254px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_train_img1_pc.png) left top no-repeat;
	}
	
	#train_contents #train_block #train_img2 {
		width: 880px;
		height: 400px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_train_img2_pc.png) left top no-repeat;
		margin: 0 0 60px;
	}


	/*.time
	------------------------------------ */
	#train_contents #train_block .time ul a{
		display:inline-block;text-indent:100%;white-space:nowrap;line-height:0;
		margin-right:20px;
	}

	#train_contents #train_block .time ul a li.jr_btn{
		width:230px;
		height:60px;
		background:url(https://www.suntory.com/factory/hakushu/access/img/btn_jr_pc.png) no-repeat 0 0;
	}
	
	#train_contents #train_block .time ul li.jr_btn{
		width:200px;
		height:60px;
		border:2px solid #ddd;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	}

	#train_contents #train_block .time ul a.hover li.jr_btn {
		border:2px solid #008803;
	}

	#train_contents #train_block .time ul a li.roote_btn{
		width:416px;
		height:60px;
		background:url(https://www.suntory.com/factory/hakushu/access/img/btn_roote_pc.png) no-repeat 0 0;
	}
	
	#train_contents #train_block .time ul li.roote_btn{
		width:416px;
		height:60px;
		border:2px solid #ddd;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	}
	
	#train_contents #train_block .time ul a.hover li.roote_btn {
		border:2px solid #e70013;
	}
	
	#train_contents #train_block .time ul li.roote_txt{
		margin: 20px 0 0 0;
    	line-height: 160%;
		letter-spacing: 0.5px;
	}


/* #train_contents #stand_block
----------------------------------------------------------------------- */
#train_contents #stand_block {
	margin: 30px 0 0 0;
	position: relative;
}

	#train_contents #stand_block #bus_taxi { position: absolute; top: -115px; } /*for page link*/

	#train_contents #stand_block h3 {
		width: 460px;
		height: 48px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_train_title_stand_pc.gif) left top no-repeat;
		margin-bottom: 20px;
	} 
		
	#train_contents #stand_block #stand_area { overflow: hidden; } 
		
	#train_contents #stand_block #stand_area #stand_map { float: left; }
	#train_contents #stand_block #stand_area #stand_map img { width: 460px; height: auto; } 
		
	#train_contents #stand_block #stand_area #stand_photo { float: right; } 
	#train_contents #stand_block #stand_area #stand_photo img { width: 366px; height: auto; margin-bottom: 15px; }
	#train_contents #stand_block #stand_area #stand_photo ul li { font-size: 12px; line-height: 160%; letter-spacing: 0.5px; }
	
	
/* #train_contents #bus_block
----------------------------------------------------------------------- */
#train_contents #bus_block{
	padding: 0 40px 40px 40px;
	letter-spacing: 0.5px;
    /*display: none;*/
}
#train_contents #info_block {
	padding-top: 40px;
    margin-top: 30px;
}
	#train_contents #bus_block h3{
		width: 880px;
		height: 54px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_schedule_title_pc.gif) left top no-repeat;
	}
	
	
	/* #bus_block #bus_schedule
	==================================== */
	#bus_block #bus_schedule{
		margin:-2px 0 0 0;
		border:2px solid #7b4f1a;
		padding: 30px;
	}
	
	/* #lead_block
	------------------------------------ */
	#bus_schedule #lead_block {
		overflow: hidden;
		zoom: 1;
		margin-bottom: 40px;
	}
	
	#bus_schedule #lead_block .text_box {
		float: left;
		width: 440px;
	}
	
	#bus_schedule #lead_block .text_box h4 {
		color: #7b4f1a;
		font-size: 14px;
		margin-bottom: 10px;
	}
		
	#bus_schedule #lead_block .text_box p {
		font-size: 14px;
		line-height: 160%;
		margin-bottom: 20px;
	}
	
	#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;
		/*font-size: 0.88em;*/
	}
	
	#bus_schedule #lead_block .text_box p.pdf_link a {
		background: url(https://www.suntory.com/factory/hakushu/access/img/icon_pdf.gif) no-repeat right center;
		padding: 3px 50px 3px 0;
		text-decoration: underline;
		color: #0066aa;
		padding-top: 10px;
	}
		
	#bus_schedule #lead_block .img_box {
		float: right;
		width: 336px;
		height: 188px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_schedule_img_pc.png) left top no-repeat;
	}/
	
	/* .month
	------------------------------------ */
	#bus_schedule .month{
		margin-bottom: 10px;
	}	
	
	#bus_schedule .month h4{
		font-size: 21px;
		color: #7b4f1a;
		margin-bottom: 15px;
		font-weight: bold;
	}
	
	#bus_schedule .month:after{content:""; clear:both; display:block;}
	
	/* .month .schedule_block
	------------------------------------ */
	#bus_schedule .month .schedule_block {
		margin-bottom: 15px;
	}
	#bus_schedule .month .schedule_block:after{content:""; clear:both; display:block;}
	
	#bus_schedule .month .schedule_block table{
		float:left;
		width:392px;
		margin:0 0 0 32px;
	}
	
	#bus_schedule .month .schedule_block table:first-child{margin-left:0;}
	
	#bus_schedule .month .schedule_block table th{
		background:#edcfb5;
		font-size:18px;
		line-height:160%;
		letter-spacing:0.5px;
		font-weight:bold;
		color:#322517;
		padding:5px 0 5px 20px;
	}
	
	#bus_schedule .month .schedule_block table td:first-child{padding-left:0; width:50%;}
	
	#bus_schedule .month .schedule_block table td h5{
		width:auto;
		height:60px;
		font-size:14px;
		line-height:130%;
		letter-spacing:0px;
		color:#322517;
		padding:12px 0 0 0;
		text-align:center;
		border-bottom:1px solid #7b4f1a;
	}
	
	#bus_schedule .month .schedule_block table td h5 span.busstop_small {
		font-size: 85%;
	}
	
	#bus_schedule .month .schedule_block table td ul li{
		width:auto;
		font-size:16px;
		line-height:130%;
		letter-spacing:1.5px;
		color:#322517;
		padding:10px 0 10px 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; }
	#bus_schedule .month .schedule_block table td ul.go li.rest{ background-color:#fff9c2; }

	/* .month p.note
	------------------------------------ */
	#bus_schedule .month p.note{
		font-size:13px;
		line-height:160%;
		letter-spacing:0.5px;
		color:#7b4f1a;
		margin:15px 0 0 0;
	}
	
	#bus_schedule .month p.note:before{
		display:block;
		background:#fff9c2;
		content:"";
		float:left;
		width:35px;
		height:20px;
		margin:0 3px 0 0;
		border:1px solid #7b4f1a;
	}
	
	/* .caution
	------------------------------------ */
	#bus_schedule .caution ul li{
		font-size:12px;
		line-height:160%;
		letter-spacing:0.5px;
		color:#322517;
		text-indent:-1em;
		margin:0 0 0 1em;
	}
	
	
/* #train_contents #info_block
----------------------------------------------------------------------- */
#train_contents #info_block #info_area {
}

	#train_contents #info_block #info_area h3 {
		width: 460px;
		height: 48px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_train_title_info_pc.gif) left top no-repeat;
		margin-bottom: 20px;
	}
	
	#train_contents #info_block #info_area p {
		font-size: 14px;
		line-height: 160%;
	}
	
	#train_contents #info_block #info_area p.caution {
		font-size: 12px;
		margin-top: 30px;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	
	
	
/* #car_contents
======================================================================= */
#car_contents {
	background-color:#fff;
	text-align:left;
	padding:40px;
	position: relative;
}
	
	#car_contents #car { position: absolute; top: -180px; } /*for page link*/

	#car_contents h3 {
		width: 316px;
		height: 48px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_car_title_pc.gif) left top no-repeat;
		margin-bottom: 20px;	
	}

	#car_contents #car_img1 {
		width: 700px;
		height: 76px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_car_img1_pc.png) left top no-repeat;
		margin: 0 0 30px 0;			
	}
	
	#car_contents #car_img2 {
		width: 700px;
		height: 506px;
		background: url(https://www.suntory.com/factory/hakushu/access/img/access_car_img2_pc.png) left top no-repeat;					
	}
	
	
	/*googlemapボタン　#car_contents .g_map
	-------------------------------------------------- */
	#car_contents .g_map{
		text-align:center;
		line-height:0;
		padding:30px 0 60px 0;
		clear: both;
	}
	
	#car_contents .g_map a{
		display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
		width:380px;
		height:66px;
		background:url(https://www.suntory.com/factory/hakushu/access/img/to_googlemap_pc.gif) no-repeat 0 0;
		margin:0 auto;
	}
	
	#car_contents .g_map a.hover{
		background:url(https://www.suntory.com/factory/hakushu/access/img/to_googlemap_pc.gif) no-repeat 0 -66px;
	}
	
	
	/*#car_contents #car_parking
	-------------------------------------------------- */
	#car_contents #car_parking h2{
		font-size:16px;
		color:#322517;
		padding-top:50px;
	}
	
	#car_contents #car_parking h2 i{
		font-size:14px;
	}
	
	#car_contents #car_parking dl{
		padding:20px 0 40px 3px;
	}
	
	#car_contents #car_parking dl dt{
		font-size:12px;
		line-height:160%;
		letter-spacing:0.5px;
		color:#322517;
		margin:0 0 15px 0;
	}
	
	#car_contents #car_parking dl dd{
		font-size:12px;
		line-height:160%;
		letter-spacing:0.5px;
		color:#b20008;
		text-indent:-1em;
		margin:0 0 0 1em;
	}

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