@charset "utf-8";

/* #wrapper #hakushu_common_hd
-------------------------------------------------- */
#wrapper #hakushu_common_hd{

}

/* #wrapper #hakushu_common_hd .inner
-------------------------------------------------- */
#wrapper #hakushu_common_hd .inner{
width:100%;
text-align:center;
background:#f3f3f3;
}


/* #wrapper #hakushu_common_hd .inner .hd
-------------------------------------------------- */
#wrapper #hakushu_common_hd .inner .hd{
	padding:0;
	width: 960px;
	margin: 0 auto;
	position: relative;	
}

#wrapper #hakushu_common_hd .inner .hd h1{display:none;}



/* #hakushu_common_hd .hd .btn_box
------------------------------ */
#hakushu_common_hd .hd .btn_box {
}

#hakushu_common_hd .hd .btn_box li.reserve_btn{
position:absolute;
left: 0;
top: -85px;
z-index:1000;
}

#hakushu_common_hd .hd .btn_box li.reserve_btn a{
display:block;
background:url(../png/reserve_btn_pchd-2.png) no-repeat 0 0;
width:217px;
height:75px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#hakushu_common_hd .hd .btn_box li.reserve_btn a:hover {
background:url(../png/reserve_btn_pchd_on-2.png) no-repeat 0 0;
}

.webp #hakushu_common_hd .hd .btn_box li.reserve_btn a{
display:block;
background:url(../webp/reserve_btn_pchd-2.webp) no-repeat 0 0;
width:217px;
height:75px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.webp #hakushu_common_hd .hd .btn_box li.reserve_btn a:hover {
background:url(../webp/reserve_btn_pchd_on-2.webp) no-repeat 0 0;
}

#hakushu_common_hd .common_navi{
margin: 0 auto;
padding: 10px 0;
}

/* #wrapper #container
======================================================================== */


/* #container .contents
======================================================================= */
#container .contents{
/*padding-top:15px;*/
}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
	/*padding-top: 20px;*/
}

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

/* #container .contents #main_contents #main_contents_hd
======================================================================= */
#main_contents_hd{
margin:0 0 0 0;
width:960px;
/*height:975px;*/
height:670px;
position:relative;
}


/* #main_contents_hd #intro_info_box　こだわり・楽しみ方
==================================== */
#main_contents_hd #intro_info_box {
	position:absolute;
	/*width: 750px;*/
	height: 360px;
	left: 0px;
	top: 0px;
	/*background:url(../img/intro_info_box_bg.png) left top no-repeat;*/
	width: 100%;
	background:url(../png/intro_info_box_bg-2.png) center top no-repeat;
}
.webp #main_contents_hd #intro_info_box {
	position:absolute;
	/*width: 750px;*/
	height: 360px;
	left: 0px;
	top: 0px;
	/*background:url(../img/intro_info_box_bg.webp) left top no-repeat;*/
	width: 100%;	
	background:url(../webp/intro_info_box_bg-2.webp) center top no-repeat;	
}
	#main_contents_hd #intro_info_box ul li.btn_01 {
		position: absolute;
		width: 254px;
		height: 254px;
		left: 11px;
		top: 78px;
		background:url(../png/intro_info_bg_pc-2.png) left top no-repeat;				
	}
	.webp #main_contents_hd #intro_info_box ul li.btn_01 {
		position: absolute;
		width: 254px;
		height: 254px;
		left: 11px;
		top: 78px;
		background:url(../webp/intro_info_bg_pc-2.webp) left top no-repeat;				
	}
		#main_contents_hd #intro_info_box ul li.btn_01 a {
			display: block;
			width: 254px;
			height: 254px;
			background:url(../png/introduction_btn_pc-2.png) left top no-repeat;		
		}
		.webp #main_contents_hd #intro_info_box ul li.btn_01 a {
			display: block;
			width: 254px;
			height: 254px;
			background:url(../webp/introduction_btn_pc-2.webp) left top no-repeat;		
		}
		#main_contents_hd #intro_info_box ul li.btn_01 a:hover {
			opacity:0.8;
			-ms-filter:"alpha(opacity=80)";			
		}

	#main_contents_hd #intro_info_box ul li.btn_02 {
		position: absolute;
		width: 254px;
		height: 254px;
		left: 266px;
		top: 16px;
		background:url(../png/intro_info_bg_pc-2.png) left top no-repeat;				
	}
	.webp #main_contents_hd #intro_info_box ul li.btn_02 {
		position: absolute;
		width: 254px;
		height: 254px;
		left: 266px;
		top: 16px;
		background:url(../webp/intro_info_bg_pc-2.webp) left top no-repeat;				
	}
		#main_contents_hd #intro_info_box ul li.btn_02 a {
	 		display: block;
			width: 254px;
			height: 254px;		
			background:url(../png/info_btn_pc-2.png) left top no-repeat;		
		}
		.webp #main_contents_hd #intro_info_box ul li.btn_02 a {
	 		display: block;
			width: 254px;
			height: 254px;		
			background:url(../webp/info_btn_pc-2.webp) left top no-repeat;		
		}
		#main_contents_hd #intro_info_box ul li.btn_02 a:hover {
			opacity:0.8;
			-ms-filter:"alpha(opacity=80)";			
		}


			
/* #main_contents_hd #top_calendar_box　カレンダー
==================================== */
#main_contents_hd #top_calendar_box {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 650px;
	top: 15px;
	background-color: #cff07e;	
}




/* #main_contents_hd #pickup_box
==================================== */
#main_contents_hd #pickup_box {
	position:absolute;
	width: 635px;
	height: 310px;
	left: 0px;
	top: 340px;
}

#pickup_box ul:after{content:""; clear:both; display:block;}
#pickup_box ul li#pickup_l{float:left;}
#pickup_box ul li#pickup_r{float:right;}

#pickup_box ul li{
width:310px;
height:310px;
background-color:#FFF;
/*border-radius:4.5px;*/
border:1px solid #6ebe06;
margin:0 0 20px 0;
position:relative;
}

#pickup_box ul li div{
position:absolute;
top:4px;
left:4px;
background-color:#FFF;
height:300px;
width:300px;
}

#pickup_box ul li dl:after{
position:absolute;
top:-5px;
right:-5px;
}

#pickup_box ul li dl.ico_01:after{content:url(../png/pickup_ico_01_pc-2.png);}
#pickup_box ul li dl.ico_02:after{content:url(../png/pickup_ico_02_pc-2.png);}

#pickup_box ul li dl dt{
line-height:0;
width:300px;
height:225px;
overflow:hidden;
}

#pickup_box ul li dl dt img{
width:100%;
}

#pickup_box ul li a.hover dl dt img,#pickup_box ul li a:hover dl dt img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}

#pickup_box ul li dl dd{
font-size:14px;
line-height:1.4;
letter-spacing:1px;
color:#322517;
padding:18px 12px;
}

#pickup_box ul li a.hover dl dd,#pickup_box ul li a:hover dl dd{
text-decoration:underline;
color:#65583b;
}




/* #main_contents_hd #facility_box  場内施設
==================================== */
#main_contents_hd #facility_box {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 650px;
	top: 340px;
	background-color: #FFF;
	display: none;
}

	#main_contents_hd #facility_box a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../png/facility_top_02.png) left top no-repeat;		
	}
	.webp #main_contents_hd #facility_box a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../webp/facility_top_02.webp) left top no-repeat;		
	}

	#main_contents_hd #facility_box a:hover {
		opacity:0.8;
		-ms-filter:"alpha(opacity=80)";			
	}


/* #main_contents_hd #access_box  アクセス
==================================== */
#main_contents_hd #access_box {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 650px;
	top: 340px;
	background-color: #FFF;
}

	#main_contents_hd #access_box a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../png/access_btn_pc-2.png) left top no-repeat;		
	}
	.webp #main_contents_hd #access_box a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../webp/access_btn_pc-2.webp) left top no-repeat;		
	}
	#main_contents_hd #access_box a:hover {
		opacity:0.8;
		-ms-filter:"alpha(opacity=80)";			
	}


/* #main_contents_hd #suntory_whisky  サントリーウィスキー
==================================== */
#main_contents_hd #suntory_whisky {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 0;
	top: 340px;
	background-color: #FFF;	
}

	#main_contents_hd #suntory_whisky a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../png/suntory_whisky_btn_pc-2.png) left top no-repeat;
		background-size: cover;	
	}
	.webp #main_contents_hd #suntory_whisky a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../webp/suntory_whisky_btn_pc-2.webp) left top no-repeat;
		background-size: cover;	
	}
	#main_contents_hd #suntory_whisky a:hover {
		opacity:0.8;
		-ms-filter:"alpha(opacity=80)";			
	}


/* #main_contents_hd #major_awards　メジャー・アワーズ
==================================== */
#main_contents_hd #major_awards {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 325px;
	top: 340px;
	background-color: #FFF;
}

	#main_contents_hd #major_awards a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../png/major_awards_btn_pc.png) left top no-repeat;
	}
	.webp #main_contents_hd #major_awards a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../webp/major_awards_btn_pc.webp) left top no-repeat;
	}
	#main_contents_hd #major_awards a:hover {
		opacity:0.8;
		-ms-filter:"alpha(opacity=80)";			
	}



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

#parts_link_box {
	width: 960px;
	margin-bottom: 40px;
	background-color: #FFF;
	-moz-box-shadow:0px 0px 5px 0px #ccc;
	-webkit-box-shadow:0px 0px 5px 0px #ccc;
	box-shadow:0px 0px 5px 0px #ccc;
}

#parts_link_box_inner {
	padding: 30px 0 0 40px;
}


#parts_link_box ul.txt_link {
	width: 920px;
	height: 202px;
}

#parts_link_box ul.txt_link li {
	height: 66px;
	margin-bottom: 35px;
	float: left;
}

	#parts_link_box ul.txt_link li.type1 {
		width: 355px;	
	}

	#parts_link_box ul.txt_link li.type2 {
		width: 295px;	
	}

	#parts_link_box ul.txt_link li.type3 {
		width: 270px;	
	}

		#parts_link_box ul.txt_link li a {
			display: block;
			height: 66px;	
		}

		#parts_link_box ul.txt_link li.type1 a {
			width: 355px;	
		}

		#parts_link_box ul.txt_link li.type2 a {
			width: 295px;	
		}

		#parts_link_box ul.txt_link li.type3 a {
			width: 270px;	
		}



#parts_link_box ul.txt_link li a dl dt {
	display: inline-block;
	width: 66px;
	height: 66px;
	margin-right: 20px;
	background-color: #FFF;
}

	#parts_link_box ul.txt_link li a dl dt img {
		width: 100%;
		height: auto;
	}

#parts_link_box ul.txt_link li a dl dd {
	display: inline-block;
	height: 66px;
}

#parts_link_box ul.txt_link li a dl dd span.txt_link_style {
	font-size: 16px;
	color: #322517;
    display: table-cell;
 	vertical-align: middle;
	height: 66px;
	line-height: 130%;
}


		#parts_link_box ul.txt_link li a:hover dl dt img  {
			opacity:0.8;
			-ms-filter:"alpha(opacity=80)";							
		}

		#parts_link_box ul.txt_link li a:hover dl dd span.txt_link_style  {
			text-decoration: underline;			
		}



/* #main_contents_ft #water_box　サントリー天然水 南アルプス白州工場
==================================== */		
#main_contents_ft #water_box {
	width: 960px;
	height: 150px;
	background-color: #FFF;
	margin-bottom: 40px;
	-moz-box-shadow:0px 0px 5px 0px #ccc;
	-webkit-box-shadow:0px 0px 5px 0px #ccc;
	box-shadow:0px 0px 5px 0px #ccc;
}

	#main_contents_ft #water_box a {
		display: block;
		width: 960px;
		height: 150px;
		background:url(../water_bnr_pc.html) left top no-repeat;
		background-size: cover;	
	}

	#main_contents_ft #water_box a:hover {
		opacity:0.8;
		-ms-filter:"alpha(opacity=80)";			
	}



#distillery360 {
    position: absolute;
    top: 640px;
    left: 0;
}
#distillery360 a {
	display: flex;
	margin: 30px 0 0;
	border: 1px solid #000;
}
#distillery360 a:active {
	text-decoration: underline;
	text-decoration-color: #fff;
}
#distillery360 a:hover img {  
	opacity: 0.7;
	cursor: pointer;
}
#distillery360_msg {
	display: flex;
	align-items: center;
	padding: 20px;
	background-color: #fff;
	color: #322517;
	font-size: 14px;
	font-weight: bold;
	height: 252px;
}
#distillery360_msg .distillery360_ttl {
	display: block;
	margin: 0 0 1em 0;
	font-size: 130%;
}
#distillery360_img img {
	vertical-align: bottom;
}


/* #main_contents_hd #reserve_btn_box
==================================== */
#main_contents #reserve_btn_box {
	width: 310px;
	position: absolute;
	top: 30px;
	right: 0;
	box-sizing: border-box;
	border: 3px solid #6EBE06;
	background-color: #fff;
	font-size: 20px;
    font-weight: bold;
    padding: 50px 25px 60px 25px;
    line-height: 150%;
    text-align: center;
    z-index: 99;
	color: #322517;

}
#main_contents #reserve_btn_box p {
    margin: 0 auto;
}
#main_contents #reserve_btn_box p a {
	width: 100%;
	height: 60px;
	display: block;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
    text-align: center;
}

#main_contents #reserve_btn_box p#tour_reserve a {
    background-color: #009a22;
	line-height: 60px;
	margin-top: 10px;
}
#main_contents #reserve_btn_box p#tour_reserve a:hover {
    background-color: #6ebe06;
	opecity: 1.0;
}
#main_contents #reserve_btn_box p a:after {
    position: absolute;
    display: block;
    content: '';
    top: 39%;
    right: 20px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
}