@charset "utf-8";

/* clearfix */

.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}



/* reset */

h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

ul,li,dl,dd,dt  {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	vertical-align: bottom;
}

a {
	text-decoration: none;
}

a:hover {
	cursor: pointer;
}


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

.sp_only {
	display: none;
}



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

#contents_hd h1{display:none;}



/* #main_visual
======================================================================= */
#main_visual {
	width: 960px;
	height: 360px;
	margin: 10px auto 30px auto;
	background: url(https://www.suntory.com/factory/hakushu/facility/img/main_pc.jpg) left top no-repeat;
	position: relative;
}

 #main_visual #main_map ul a li { position: absolute; }
 #main_visual #main_map ul a li#link01 { top: 51px; left: 251.5px; background: url(https://www.suntory.com/factory/hakushu/facility/img/main_btn1_pc.png) left top no-repeat; width: 218px; height: 73px; }
 #main_visual #main_map ul a li#link02 { top: 30px; left: 330px; background: url(https://www.suntory.com/factory/hakushu/facility/img/main_btn2_pc.png) left top no-repeat; width: 130px; height: 40px; }
 #main_visual #main_map ul a li#link03 { top: 20px; left: 532px; background: url(https://www.suntory.com/factory/hakushu/facility/img/main_btn3_pc.png) left top no-repeat; width: 210px; height: 50px; }
 #main_visual #main_map ul a li#link04 { top:173px; left: 494px; background: url(https://www.suntory.com/factory/hakushu/facility/img/main_btn4_pc.png) left top no-repeat; width: 180px; height: 40px; }
 #main_visual #main_map ul a li#link05 { top:83px; left: 724px; background: url(https://www.suntory.com/factory/hakushu/facility/img/main_btn5_pc.png) left top no-repeat; width: 212px; height: 40px; }

 #main_visual #main_map ul a:hover li#link01 { background-position: 0 -73px; }
 #main_visual #main_map ul a:hover li#link02 { background-position: 0 -40px; }
 #main_visual #main_map ul a:hover li#link03 { background-position: 0 -50px; }
 #main_visual #main_map ul a:hover li#link05 { background-position: 0 -40px; }

 #main_visual #main_info {
 	 width: 930px;
 	 position: absolute;
 	 bottom: 10px;
 	 left: 15px;
 	 line-height: 160%;
 	 background-color: rgba(255,255,255,0.85);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); /*for IE8*/
 	 padding: 8px 0;
 }
 
 #main_visual #main_info:not(:target) { filter: none; letter-spacing: 0.5px; } /*for IE9*/

 #main_visual #main_info p {
	 text-align: center;
	 font-size: 14px;
	 color: #d30303;	 
 }

 #main_visual #main_info p#main_lead {
	 font-size: 18px;
 }



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



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

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



/* BAR/ショップ/ウイスキー博物館/レストラン
   #container .contents #main_contents .event_info_box
======================================================================= */

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

#container .contents #main_contents .event_info_box h3 {
	height: auto;
	margin: 0;
	background: none;		
}


/* レストランメニュー用　*/

#container .contents #main_contents .event_info_box.menu_box ul li {
	background-image: url(https://www.suntory.com/factory/hakushu/facility/img/bg_menu_mid_pc.gif);
  background-repeat: repeat-y;
  background-position: top;
	position:relative;
	padding:26px 0;
}

#container .contents #main_contents .event_info_box.menu_box ul li:before {
	background-image: url(https://www.suntory.com/factory/hakushu/facility/img/bg_menu_hd_pc.gif);
  background-repeat: no-repeat;
  background-position: top;
	position:absolute;
	top:0;
	left:0;
	width:880px;
	height:26px;
	content: "";
}

#container .contents #main_contents .event_info_box.menu_box ul li:after {
	background-image: url(https://www.suntory.com/factory/hakushu/facility/img/bg_menu_ft_pc.gif);
  background-repeat: no-repeat;
  background-position: bottom;
	position:absolute;
	bottom:0;
	left:0;
	width:880px;
	height:26px;
	content: "";
}

#container .contents #main_contents .event_info_box.menu_box ul li .box {
	padding: 19px 45px;
}

#container .contents #main_contents .event_info_box.menu_box ul li h4 {
	color: #c86134;
}

#container .contents #main_contents .event_info_box.menu_box ul li h5 {
	font-weight:bold;
	font-size: 15px;
	color: #c86134;
}

#container .contents #main_contents .event_info_box.menu_box ul li .txt_area {
	margin-top: 20px;
}

#container .contents #main_contents .event_info_box.menu_box ul li .ph {
	width: 300px;
	margin-top: 20px;
	border: 4px solid #fff;
	box-sizing: border-box;
}



/* #facility_contents
======================================================================= */
#facility_contents {
	width: 880px;
	margin: 30px auto 100px auto;
	padding: 0 40px 0 40px;
	/*background-color: #f3f3f3;*/
}

	#facility_contents p.explain_head {
		font-size: 16px;
		line-height: 160%;
	}
	
	#facility_contents p.explain_head span.open {
		display: block;
		padding-top: 30px;
		color: #91673a;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.5px;
	}

	#facility_contents p.explain_head span.caution_open {
		display: block;
		font-size: 14px;
		letter-spacing: 0.5px;
	}

	#facility_contents p.explain {
		font-size: 14px;
		line-height: 150%;
	}
	
	#facility_contents .sub_block {
		width: 880px;
		margin: 30px 0 30px 0;
	}

	#facility_contents .title_subimg {
		width: 960px;
		height: 300px;
		margin: 0 0 30px -40px;
	}

	#facility_contents ul.caution {
		margin-top: 10px;
		font-size: 12px;
		line-height: 160%;
		letter-spacing: 0.5px;
	}

		#facility_contents ul.caution li:before {
			content: "* ";
		}
		
		#facility_contents ul.caution li.caution_important {
			color: #d30303;
		}


/* #visitor_block
======================================================================= */
#visitor_block {
	margin-bottom: 100px;
	position: relative;
}

	#visitor_block #visitor { position: absolute; top: -156px; } /*for page link*/

	#visitor_block h3 {
		width: 960px;
		height: 50px;
		margin: 0 0 0 -40px;
		background: url(https://www.suntory.com/factory/hakushu/facility/img/facility_visitor_title_pc.gif) left top no-repeat;		
	}

	#visitor_block #visitor_explain {
		width: 100%	
	}


/* #bar_block
======================================================================= */
#bar_block {
	margin-bottom: 100px;
	position: relative;
}

	#bar_block #bar { position: absolute; top: -156px; } /*for page link*/

	#bar_block h3 {
		width: 960px;
		height: 50px;
		margin: 0 0 0 -40px;
		background: url(https://www.suntory.com/factory/hakushu/facility/img/facility_bar_title_pc.gif) left top no-repeat;		
	}

	#bar_block #bar_explain {
		width: 700px;
		float: left;		
	}

	#bar_block #bar_img {
		width: 136px;
		float: right;		
	}

		#bar_block #bar_img img {
			width: 136px;
			height: auto;		
		}
	
	
	
/* #shop_block
======================================================================= */
#shop_block {
	margin-bottom: 100px;
	position: relative;
}

	#shop_block #shop { position: absolute; top: -156px; } /*for page link*/

	#shop_block h3 {
		width: 960px;
		height: 50px;
		margin: 0 0 0 -40px;
		background: url(https://www.suntory.com/factory/hakushu/facility/img/facility_shop_title_pc.gif) left top no-repeat;		
	}

	#shop_block #shop_explain {
		width: 700px;
		float: left;		
	}

	#shop_block #shop_img {
		width: 136px;
		float: right;		
	}

		#shop_block #shop_img img {
			width: 136px;
			height: auto;		
		}

#shop_block #shop_caution {
    color: #d30303;
    font-size: 16px;
    line-height: 160%;
	margin: 10px 0 0 0;
	letter-spacing: 0.5px;
}

/* #museum_block
======================================================================= */
#museum_block {
	margin-bottom: 100px;
	position: relative;
}

	#museum_block #museum { position: absolute; top: -156px; } /*for page link*/

	#museum_block h3 {
		width: 960px;
		height: 50px;
		margin: 0 0 0 -40px;
		background: url(https://www.suntory.com/factory/hakushu/facility/img/facility_museum_title_pc.gif) left top no-repeat;		
	}

	#museum_block #museum_explain {
		width: 880px;
	}


/* #history_block
---------------------------------------------- */
#history_block {
	margin-top: 60px;
}

	#history_block #histories {
		width: 880px;
	}
	
		#histories .histories_every {
		}
		
		#histories .histories_every h4 {
			margin-bottom: 10px;
			font-size: 18px;
			font-weight: bold;
			letter-spacing: 0.5px;	
		}

			#histories .histories_every h4.floor1 {
				height: 30px;
				padding: 6px 0 0 40px;
				background: url(https://www.suntory.com/factory/hakushu/facility/img/history1_label_num.gif) left top no-repeat;		
			}
			
			#histories .histories_every h4.floor2 {
				height: 30px;
				padding: 6px 0 0 82px;
				background: url(https://www.suntory.com/factory/hakushu/facility/img/history2_label_num.gif) left top no-repeat;		
			}

		#histories .histories_img {
			margin: 10px 0 30px 0;
		}
		
			#histories .histories_img img {
				width: 880px;
				height: auto;
			}
		


/* #restaurant_block
======================================================================= */
#restaurant_block {
	margin-bottom: 100px;
	position: relative;
}

	#restaurant_block #restaurant { position: absolute; top: -156px; } /*for page link*/

	#restaurant_block h3 {
		width: 960px;
		height: 50px;
		margin: 0 0 0 -40px;
		background: url(https://www.suntory.com/factory/hakushu/facility/img/facility_restaurant_title_pc.gif) left top no-repeat;		
	}

	#restaurant_block #restaurant_explain {
		width: 880px;
	}
	
	
	/* #menu
	---------------------------------------------- */	
	#restaurant_block #menu {
		overflow: hidden;
		zoom: 1;
		margin: 30px 0;
	}
	
		#restaurant_block #menu #menu_caution {
			float: left;
			letter-spacing: 0.5px;
		}
		
		#restaurant_block #menu #menu_caution ul li {
			font-size: 16px;
			line-height: 160%;
			text-indent: -1em;
			padding-left: 1em;
			color: #432412;
		}
		
		#restaurant_block #menu #menu_caution ul li a {
			text-decoration: underline;
		}
		
		#restaurant_block #menu #gourmet {
			float: right;
		}
		
		#restaurant_block #menu #gourmet a {
			display:block;
			background:url(https://www.suntory.com/factory/hakushu/facility/img/bnr_gourmet.gif) no-repeat 0 0;
			width:300px;
			height:102px;
			line-height:0;
		}
		
		#restaurant_block #menu #gourmet a:hover {
			background-position:0 -102px;
		}
		
		
	/* #faq
	---------------------------------------------- */	
	#restaurant_block #faq {
		margin: 30px 0;
		padding: 30px;
		border: 1px solid #432412;
		font-size: 16px;
		letter-spacing: 0.5px;	
		line-height: 160%;
		background-color: #fff;
	}

		#restaurant_block #faq #faq_title {
			color: #7d2506;
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 10px;
		}

		#restaurant_block #faq #faq_devide {
			padding-bottom: 5px;
			margin-bottom: 5px;
			border-bottom: 1px solid #432412;
		}



/* #caution_block
======================================================================= */
#caution_block {
	margin: 30px 0;
}

	#caution_block ul li {
		color: #d30303;
		font-size: 16px;
		text-indent: -1em;
		padding-left: 1em;
		line-height: 160%;
		letter-spacing: 0.5px;
	}


/*202310*/
#facility_contents #bar_information {
	width: 85%;
	border: 1px solid #F2D072;
	background-color: #FDF8E9;
	padding: 20px;
}
#facility_contents #bar_information ul.caution {
	margin-top: 0;
}
#facility_contents #bar_information ul.caution li {
	font-size: 16px;
	color: #D30303;
	line-height: 150%;
}