@charset "utf-8";

/* #wrapper #yamazaki_common_hd
-------------------------------------------------- */
#wrapper #yamazaki_common_hd{

}

/* #wrapper #yamazaki_common_hd .inner
-------------------------------------------------- */
#wrapper #yamazaki_common_hd .inner{
width:100%;
text-align:center;
/*background:#19120e;*/
}


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

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



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

#yamazaki_common_hd .hd .btn_box li.reserve_btn{
position:absolute;
/*left: 760px;*/
right: 0;
top: -85px;
z-index:1000;
}

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

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


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

/* #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:1285px;*/
height:980px;
position:relative;
}


/* #main_contents_hd #intro_info_box　こだわり・楽しみ方
==================================== */
#main_contents_hd #intro_info_box {
	position:absolute;
	width: 650px;
	height: 340px;
	/*left: 0px;*/
	left: 310px;
	top: 0px;
	background:url(../png/intro_info_box_bg.png) left top no-repeat;			
}
.webp #main_contents_hd #intro_info_box {
	position:absolute;
	width: 650px;
	height: 340px;
	left: 0px;
	/*left: 310px;*/
	top: 0px;
	background:url(../webp/intro_info_box_bg.webp) left top no-repeat;			
}
	#main_contents_hd #intro_info_box ul li.btn_01 {
		position: absolute;
		width: 250px;
		height: 250px;
		/*left: -40px;*/
		left: -290px;
		top: 78px;
		background:url(../png/intro_info_bg_pc.png) left top no-repeat;				
	}
	.webp #main_contents_hd #intro_info_box ul li.btn_01 {
		position: absolute;
		width: 250px;
		height: 250px;
		left: -40px;
		/*left: -290px;*/
		top: 78px;
		background:url(../webp/intro_info_bg_pc.webp) left top no-repeat;				
	}
		#main_contents_hd #intro_info_box ul li.btn_01 a {
			display: block;
			width: 250px;
			height: 250px;
			background:url(../png/introduction_btn_pc.png) left top no-repeat;		
		}
		.webp #main_contents_hd #intro_info_box ul li.btn_01 a {
			display: block;
			width: 250px;
			height: 250px;
			background:url(../webp/introduction_btn_pc.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: 250px;
		height: 250px;
		/*left: 210px;*/
		left: -30px;
		top: 16px;
		background:url(../png/intro_info_bg_pc.png) left top no-repeat;				
	}
	.webp #main_contents_hd #intro_info_box ul li.btn_02 {
		position: absolute;
		width: 250px;
		height: 250px;
		left: 210px;
		/*left: -30px;*/
		top: 16px;
		background:url(../webp/intro_info_bg_pc.webp) left top no-repeat;				
	}
		#main_contents_hd #intro_info_box ul li.btn_02 a {
	 		display: block;
			width: 250px;
			height: 250px;		
			background:url(../png/info_btn_pc.png) left top no-repeat;		
		}
		.webp #main_contents_hd #intro_info_box ul li.btn_02 a {
	 		display: block;
			width: 250px;
			height: 250px;		
			background:url(../webp/info_btn_pc.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)";
			cursor: pointer;
		}

/*
#intro_info_box{
width:630px;
height:100%;
background:url(../img/intro_info_box_pc.png) no-repeat right 0;
}

#intro_info_box ul{
margin:25px 0 0 80px;
}

#intro_info_box ul:after{content:""; clear:both; display:block;}

#intro_info_box ul li.btn_01{position:absolute; top:88px; left:-18px;}
#intro_info_box ul li.btn_02{position:absolute; top:2px; left:213px;}

#intro_info_box ul li a{
display:block;
width:232px;
height:232px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
}

#intro_info_box ul li.btn_01 a{background:url("../img/btn_kodawari.png") no-repeat;}
#intro_info_box ul li.btn_02 a{background:url("../img/btn_tanoshimikata.png") no-repeat;}

#intro_info_box ul li.btn_01 a.hover{background-position:0 -232px;}
#intro_info_box ul li.btn_02 a.hover{background-position:0 -232px;}
*/



			

/* #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:#faedcd;
/*border-radius:4.5px;*/
margin:0 0 20px 0;
position:relative;
}

#pickup_box ul li div{
position:absolute;
top:5px;
left:5px;
background-color:#faedcd !important;
height:300px;
width:300px;
}

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

#pickup_box ul li dl.ico_01:after{content:url(../png/pickup_ico_01_pc.png);}
#pickup_box ul li dl.ico_02:after{content:url(../png/pickup_ico_02_pc.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;
}

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


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

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



/* #main_contents_hd #brand_site  ブランドサイト
==================================== */
#main_contents_hd #brand_site {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 325px;
	top: 665px;
	/*top: 365px;*/
	background-color: #FFF;
}

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

	#main_contents_hd #brand_site 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: 665px;
	/*top: 365px;*/
	background-color: #FFF;	
}

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







/*
#intro_info_box{top:0px;left:0px;line-height:0;}
#top_calendar_box{top:8px;right:0px;}

#pickup_box{top:330px;left:0px;}
#shop_access_box{top:330px;right:0px;line-height:0;}

#group_box{top:655px;left:0px;line-height:0;}
#message_box{top:655px;left:325px;line-height:0;}
*/


/* #main_contents_hd #shop_access_box
==================================== */
/*
#shop_access_box ul li a{
display:block;
background:url(../img/shop_access_pc_btn.png) no-repeat 0 0 #f1ede2;
width:310px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
margin:0 0 15px 0;
box-shadow:0 0 3px 2px #eee189;
-webkit-box-shadow:0 0 3px 2px #eee189;
-moz-box-shadow:0 0 3px 2px #eee189;
}

#shop_access_box ul li.btn_01 a{height:310px;background-position:0 0;}
#shop_access_box ul li.btn_02 a{height:147px;background-position:0 -323px;}

#shop_access_box ul li a.hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
*/

/* #main_contents_hd #group_box
==================================== */
/*
#group_box img{
width:310px;
height:auto;
}

#group_box a.hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}
*/

/* #main_contents_hd #message_box
==================================== */
/*
#message_box img{
width:310px;
height:auto;
cursor:pointer;
}

#message_box img.hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}

*/






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

#parts_link_box {
	width: 920px;
	margin-left: 40px;
}

#parts_link_box_inner {
}


#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: 345px;	
	}

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

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

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

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

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

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



#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: #FFF;
    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;			
		}





/* #container .contents #main_contents #main_contents_ft #parts_link_box
======================================================================= */
/*
#parts_link_box{
margin:40px 0 0 0;
border:1px solid #d2c678;
}
*/

/* #parts_link_box_inner
------------------------------------------------------------ */
/*
#parts_link_box_inner{
padding:30px 0 0 30px;
display:table;
}

#parts_link_box_inner ul{
display:table-cell;
vertical-align:top;
}

#parts_link_box ul li{
padding:0 0 30px 0;
}

#parts_link_box ul li a{display:block;}
#parts_link_box ul li a.hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";background-color:#f1ede2;}
*/

/* #parts_link_box_inner ul.bnr_link
------------------------------ */
/*
#parts_link_box_inner ul.bnr_link{
width:265px;
}

#parts_link_box_inner ul.bnr_link li a{
display:block;
width:265px;
height:160px;
line-height:0;
}

#parts_link_box_inner ul.bnr_link li a img{
width:265px;
height:160px;
}
*/

/* #parts_link_box_inner ul.txt_link
-------------------------------------------------- */
/*
#parts_link_box_inner ul.txt_link:after{content:""; clear:both; display:block;}

#parts_link_box_inner ul.txt_link li{
float:left;
padding:0 0 28px 30px;
}

#parts_link_box_inner ul.txt_link li a{
display:block;
width:286px;
}

#parts_link_box_inner ul.txt_link li a dl{
display:table;
}

#parts_link_box_inner ul.txt_link li a dl dt,
#parts_link_box_inner ul.txt_link li a dl dd{
display:table-cell;
vertical-align:top;
}

#parts_link_box_inner ul.txt_link li a dl dt img{
width:66px;
height:66px;
vertical-align:middle;
}

#parts_link_box_inner ul.txt_link li a dl dd{
padding:0 0 0 16px;
font-size:14px;
line-height:1.5;
color:#322517;
}

#parts_link_box_inner ul.txt_link li a.hover dl dd{text-decoration:underline; color:#65583b;}
*/


/*蒸溜所360°フリーツアー*/

#distillery360  {
	position: absolute;
    top: 960px;
    /*top: 665px;*/
    left: 0;
}
#distillery360 a {
	display: flex;
	margin: 30px 0 0;
}

#distillery360 a:active {
	text-decoration: underline;
	text-decoration-color: #fff;
}

#distillery360 a:hover img {
	opacity: 0.7;
	cursor: pointer;
}

#distillery360_msg {
	padding: 20px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 253px;
}

#distillery360_msg .distillery360_ttl {
	display: block;
	margin: 20px 0 30px;
	font-size: 23px;
}

#distillery360_msg .distillery360_ttl_txt {
	font-size: 17px;
	line-height: 1.7;
	font-weight: normal;
}



#main_contents #reserve_btn_box {
	width: 310px;
	position: absolute;
	top: 30px;
	right: 0;
	box-sizing: border-box;
	border: 3px solid #faedcd;
	background-color: #fff;
	font-size: 20px;
    font-weight: bold;
    padding: 30px 25px 35px 25px;
    line-height: 150%;
    text-align: center;
    z-index: 999;

}
#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: #ca4d01;
	line-height: 60px;
	margin-top: 10px;
}
#main_contents #reserve_btn_box p#tour_reserve a:hover {
    background-color: #f08603;
	opecity: 1.0;
}
#main_contents #reserve_btn_box p#onlive_reserve a {
	font-size: 17px;
	letter-spacing: -0.3px;
	line-height: 100%;
	margin-top: 15px;
	background: url(../remote.html) left 8px center no-repeat;
    background-size: 30px auto;
    background-color: #694130;
}
#main_contents #reserve_btn_box p#onlive_reserve a:hover {
    background-color: #8f5d47;
	opecity: 1.0;
}
#main_contents #reserve_btn_box p#onlive_reserve a span {
	display: inline-block;
	font-size: 12px;
	color: #000;
	margin: 7px 0 6px 0;
	padding: 5px 7px;
	background-color: #fff;
	color: #000;
	border-radius: 10px;
	line-height: 100%;
}
#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);
}







/* #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 #faedcd;
	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: #ca4d01;
	line-height: 60px;
	margin-top: 10px;
}
#main_contents #reserve_btn_box p#tour_reserve a:hover {
    background-color: #f08603;
	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);
}