@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;
top: -85px;
z-index:1000;
}

#yamazaki_common_hd .hd .btn_box li.reserve_btn a{
display:block;
background:url(/sun_common/contents_alias/factory/yamazaki/common/img/reserve_btn_pchd.png) no-repeat 0 0;
width:200px;
height:42px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.webp #yamazaki_common_hd .hd .btn_box li.reserve_btn a{
display:block;
background:url(/sun_common/contents_alias/factory/yamazaki/common/img/reserve_btn_pchd.webp) no-repeat 0 0;
width:200px;
height:42px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#yamazaki_common_hd .hd .btn_box li.reserve_btn a.hover{
background-position:0 -42px;
}

#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:975px;
position:relative;
}


/* #main_contents_hd #intro_info_box　こだわり・楽しみ方
==================================== */
#main_contents_hd #intro_info_box {
	position:absolute;
	width: 650px;
	height: 340px;
	left: 0px;
	top: 0px;
	background:url(../img/intro_info_box_bg.png) left top no-repeat;			
}
.webp #main_contents_hd #intro_info_box {
	position:absolute;
	width: 650px;
	height: 340px;
	left: 0px;
	top: 0px;
	background:url(../img/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;
		top: 78px;
		background:url(../img/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;
		top: 78px;
		background:url(../img/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(../img/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(../img/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;
		top: 16px;
		background:url(../img/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;
		top: 16px;
		background:url(../img/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(../img/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(../img/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)";			
		}

/*
#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 #top_calendar_box　カレンダー
==================================== */
#main_contents_hd #top_calendar_box {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 650px;
	top: 15px;
	
}




/* #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;
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(../img/pickup_ico_01_pc.png);}
#pickup_box ul li dl.ico_02:after{content:url(../img/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(../img/facility_btn_pc.png) left top no-repeat;		
	}
	.webp #main_contents_hd #facility_box a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../img/facility_btn_pc.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: 0px;
	top: 665px;
	background-color: #FFF;
}

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



/* #main_contents_hd #yamazaki_club  山崎クラブ
==================================== */
#main_contents_hd #yamazaki_club {
	position:absolute;
	width: 310px;
	height: 310px;
	left: 650px;
    top: 665px;
	background-color: #FFF;
}

	#main_contents_hd #yamazaki_club a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../img/yamazakiclub_btn_square.png) left top no-repeat;
		background-size: cover;		
	}
	.webp #main_contents_hd #yamazaki_club a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../img/yamazakiclub_btn_square.webp) left top no-repeat;
		background-size: cover;		
	}
	#main_contents_hd #yamazaki_club 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;
	background-color: #FFF;
}

	#main_contents_hd #brand_site a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../img/brandsite_btn_pc.png) left top no-repeat;
	}
	.webp #main_contents_hd #brand_site a {
		display: block;
		width: 310px;
		height: 310px;
		background:url(../img/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 #factory_blog  蒸溜所ブログ
==================================== */
#main_contents_hd #factory_blog {
	position:absolute;
	width: 310px;
	height: 147px;
	left: 650px;
	top: 665px;
	background-color: #FFF;	
}

	#main_contents_hd #factory_blog a {
		display: block;
		width: 310px;
		height: 147px;
		background:url(../img/blog_btn.png) left top no-repeat;
		background-size: cover;	
	}
	.webp #main_contents_hd #factory_blog a {
		display: block;
		width: 310px;
		height: 147px;
		background:url(../img/blog_btn.webp) left top no-repeat;
		background-size: cover;	
	}

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




/* #main_contents_hd #facebook  Facebook
==================================== */
#main_contents_hd #facebook {
	position:absolute;
	width: 310px;
	height: 147px;
	left: 650px;
	top: 828px;
	background-color: #FFF;
}

	#main_contents_hd #facebook a {
		display: block;
		width: 310px;
		height: 147px;
		background:url(../img/facebook_btn.png) left top no-repeat;
		background-size: cover;	
	}

	#main_contents_hd #facebook 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;}
*/



/*==================================================
d_blog
================================================== */
#suntory_contents #d_blog {
    margin-top: 30px;
    padding: 0 0 20px;
    background: url(../img/bg_blog.jpg) repeat 0 0;
    background-size: 100% auto;
}
.webp #suntory_contents #d_blog {
    margin-top: 30px;
    padding: 0 0 20px;
    background: url(../img/bg_blog.webp) repeat 0 0;
    background-size: 100% auto;
}
#suntory_contents #d_blog h2 {
    margin: 0 0 20px;
    width: 960px;
    height: 56px;
    text-indent: -9999px;
    background: url(../img/tl_blog_pc.png) no-repeat 0 0;
    background-size: 100% auto;
}
.webp #suntory_contents #d_blog h2 {
    margin: 0 0 20px;
    width: 960px;
    height: 56px;
    text-indent: -9999px;
    background: url(../img/tl_blog_pc.webp) no-repeat 0 0;
    background-size: 100% auto;
}
#suntory_contents #d_blog ul {
    list-style: none;
    margin: 0 60px 10px;
}
#suntory_contents #d_blog li {
    margin: 0 0 3px;
    padding: 0 0 3px;
    border-bottom: 1px dotted #856a55;
}
#suntory_contents #d_blog li:last-child {
    border-bottom: none;
    padding: 0;
}
#suntory_contents #d_blog li a {
    /*display: block;*/
    margin: 0;
    padding: 0;
    color: #341a0c;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#suntory_contents #d_blog li a .text {
    width: 752px;
    display: flex;
    align-items: center;
}
#suntory_contents #d_blog li.new a .text span {
    background: url(../img/icon_new_blog.png) no-repeat right 0;
    background-size: 60px auto;
    padding-right: 78px;
    display: inline-block;
    min-height: 20px;
}
.webp #suntory_contents #d_blog li.new a .text span {
    background: url(../img/icon_new_blog.webp) no-repeat right 0;
    background-size: 60px auto;
    padding-right: 78px;
    display: inline-block;
    min-height: 20px;
}
#suntory_contents #d_blog li a .date {
    margin: 0;
    padding: 0;
    width: 100px;
    font-size: 14px;
}
#suntory_contents #d_blog li a .title {
    margin: 0;
    padding: 0;
    width: 652px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
}
#suntory_contents #d_blog li a:hover .title {
    text-decoration: underline;
}
#suntory_contents #d_blog li.new a:hover .title span {
    text-decoration: underline;
}

#suntory_contents #d_blog figure {
    margin: 0;
    padding: 0;
    width: 68px;
}
#suntory_contents #d_blog figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
#suntory_contents #d_blog .btn_blog a {
    margin: 0 auto;
    width: 360px;
    height: 50px;
    display: block;
    text-indent: -9999px;
    background: url(../img/btn_blog_pc.png) no-repeat 0 0;
    background-size:360px auto;
}
.webp #suntory_contents #d_blog .btn_blog a {
    margin: 0 auto;
    width: 360px;
    height: 50px;
    display: block;
    text-indent: -9999px;
    background: url(../img/btn_blog_pc.webp) no-repeat 0 0;
    background-size:360px auto;
}
#suntory_contents #d_blog .btn_blog a:hover {
    opacity: .75;
}






/**見学停止対応**/
#yamazaki_common_hd .hd .btn_box li.reserve_btn {display: none;}
#main_contents_hd #pickup_box {display: none;}
#main_contents_hd #facility_box {display: none;}
#main_contents_hd #access_box {top:340px;}

#main_contents_hd #brand_site {top:340px;}
#main_contents_hd #yamazaki_club {top:340px;}
#main_contents_hd {height: 650px;}
#main_contents_hd #access_box a {background: url(../img/access_btn_square_gray_pc.png) left top no-repeat !important;}
#main_contents_hd #access_box a:hover {opacity:1; cursor:auto;}