@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;
}





/* #wrapper #yamazaki_common_hd
======================================================================= */
#wrapper #yamazaki_common_hd{display:none;}

/* #container .contents
======================================================================= */
#container .contents{
	padding-top:0;
	width: 100%;

		
	}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
background:url(../img/contents_hd_sp.png) no-repeat 0 0;
background-size:100% auto;-moz-background-size:100% auto;-webkit-background-size:100% auto;
padding:56.25% 10px 2% 0;
line-height:0;
background-color: #201712;
}
.webp #contents_hd{
background:url(../img/contents_hd_sp.webp) no-repeat 0 0;
background-size:100% auto;-moz-background-size:100% auto;-webkit-background-size:100% auto;
padding:56.25% 10px 2% 0;
line-height:0;
background-color: #201712;
}

#contents_hd .sns_btn{
	padding:10px 0 0 0;
}

/* #container .contents #main_contents
======================================================================= */
#main_contents{
padding:0 3.125%;
margin:1% 0 0 0;
background-color: #341a0c;
}

/* #main_contents p.reserve_btn
==================================== */
#main_contents p.reserve_btn{
margin:6.25% 0;
}

#main_contents p.reserve_btn a {
	display: block;
}

	#main_contents p.reserve_btn a img {
		width: 100%;
		height: auto;	
	}

	#main_contents p.reserve_btn a:hover img {
		opacity:0.8;
	}


/*
#main_contents p.reserve_btn a{
display:block;
background:#ea7900;
background:linear-gradient(to right, #ea7900 0%,#ff9c00 100%);
background:-webkit-linear-gradient(to right, #ea7900 0%,#ff9c00 100%);
width:100%;
padding:20px 0 20px 25px;
text-align:left;
color:#FFF;
font-size:18px;
font-weight:bold;
position:relative;
}

#main_contents p.reserve_btn 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;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

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



/* #main_contents #main_contents_hd
==================================== */


/* こだわり・楽しみかた
#main_contents #main_contents_hd #intro_info_box 
==================================== */
#main_contents_hd #intro_info_box{
	width: 100%;	
}

#main_contents_hd #intro_info_box ul{
	
}

	#main_contents_hd #intro_info_box ul li{
		float: left;
		width: 48.4%;
		margin: 0 3.2% 3.2% 0;
	}

	#main_contents_hd #intro_info_box ul li:nth-child(even) {
		margin-right: 0;	
	}

	#main_contents_hd #intro_info_box ul li a {
		display: block;
	}

	#main_contents_hd #intro_info_box ul li a img {
		width: 100%;
		height: auto;
	}

	#main_contents_hd #intro_info_box ul li a:hover img {
		opacity:0.8;
	}



/* 山崎ウイスキー館
#main_contents #main_contents_hd #facility_box
==================================== */
#main_contents_hd #facility_box{
	width: 48.4%;
	margin-right: 3.2%;
	float:left;
}

#main_contents_hd #facility_box ul{
	
}

	#main_contents_hd #facility_box ul li{
		width: 100%;
	}

	#main_contents_hd #facility_box ul li a {
		display: block;
	}

	#main_contents_hd #facility_box ul li a img {
		width: 100%;
		height: auto;
	}

	#main_contents_hd #facility_box ul li a:hover img {
		opacity:0.8;
	}



/* アクセス
#main_contents #main_contents_hd #access_box 
==================================== */
#main_contents_hd #access_box{
	width: 48.4%;
	float: left;
}

#main_contents_hd #access_box ul{
	
}

	#main_contents_hd #access_box ul li{
		width: 100%;
	}

	#main_contents_hd #access_box ul li a {
		display: block;
	}

	#main_contents_hd #access_box ul li a img {
		width: 100%;
		height: auto;
	}

	#main_contents_hd #access_box ul li a:hover img {
		opacity:0.8;
	}




/* カレンダー
#main_contents #main_contents_hd #access_box 
==================================== */
#main_contents_hd #top_calendar_box {
	clear: both;
	margin:0 auto;
	padding: 7.81% 0;
	width: 310px;
	height: 310px;
}




/* ピックアップボックス
#main_contents #main_contents_hd #pickup_box
==================================== */
#pickup_box{
}

#pickup_box ul li{
width:100%;
height:auto;
background-color:#faedcd;
margin: 0;
}

#pickup_box ul li dl{
padding:5px;
position:relative;
}

#pickup_box ul li dl:after{
position:absolute;
top:0;
right:0;
content:" ";
display:inline-block;
width:80px;
height:80px;
}

#pickup_box ul li dl.ico_01:after{
background:url(../img/pickup_ico_01_sp.png);
background-size:contain;
}
#pickup_box ul li dl.ico_02:after{
background:url(../img/pickup_ico_02_sp.png);
background-size:contain;
}

#pickup_box ul li dl dt{
line-height:0;
}

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

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

#pickup_box ul li dl dd{
font-size:18px;
line-height:150%;
letter-spacing: 0.3px;
color:#322517;
padding:10px;
text-align:left;
}

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



@media screen and (max-width: 500px) { 
	#pickup_box ul li dl dd{ font-size:18px; }	
}

@media screen and (max-width: 420px) { 
	#pickup_box ul li dl dd{ font-size:16px; }	
}

@media screen and (max-width: 370px) { 
	#pickup_box ul li dl dd{ font-size:14px; }	
}




/* 山崎倶楽部
#main_contents #main_contents_hd #yamazali_club
==================================== */
#main_contents_hd #yamazaki_club {
	width: 100%;
	margin-top: 7.81%;	
}

	#main_contents_hd #yamazaki_club a {
		display: block;
	}

	#main_contents_hd #yamazaki_club a img {
		width: 100%;
		height: auto;
	}

	#main_contents_hd #yamazaki_club a:hover img {
		opacity:0.8;
	}




/* ブランドサイト
#main_contents #main_contents_hd #brand_site
==================================== */
#main_contents_hd #brand_site {
	width: 100%;
	margin-top: 7.81%;	
}

	#main_contents_hd #brand_site a {
		display: block;
	}

	#main_contents_hd #brand_site a img {
		width: 100%;
		height: auto;
	}

	#main_contents_hd #brand_site a:hover img {
		opacity:0.8;
	}




/* 蒸溜所ブログ
#main_contents #main_contents_hd #factory_blog
==================================== */
#main_contents_hd #factory_blog {
	width: 100%;
	margin-top: 7.81%;	
}

	#main_contents_hd #factory_blog a {
		display: block;
	}

	#main_contents_hd #factory_blog a img {
		width: 100%;
		height: auto;
	}

	#main_contents_hd #factory_blog a:hover img {
		opacity:0.8;
	}




/* Facebook公式アカウント
#main_contents #main_contents_hd #facebook
==================================== */
#main_contents_hd #facebook {
	width: 100%;
	margin: 7.81% 0 13.28% 0;	
}

	#main_contents_hd #facebook a {
		display: block;
	}

	#main_contents_hd #facebook a img {
		width: 100%;
		height: auto;
	}

	#main_contents_hd #facebook a:hover img {
		opacity:0.8;
	}





/* #container .contents #main_contents #main_contents_ft
======================================================================= */
/* #main_contents_ft #parts_link_box
==================================== */

#parts_link_box{
margin:22px 0 0 0;
border-bottom:1px solid #d0aa75;
}

#parts_link_box ul li{line-height:0;}
#parts_link_box ul li a{display:block;}

#parts_link_box ul li a.hover img{filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}


/* #parts_link_box ul.bnr_link
==================================== */

#parts_link_box ul.bnr_link{
margin:0 0 30px 0;
}

#parts_link_box ul.bnr_link li{padding:0;}

#parts_link_box ul.bnr_link li img{
width:100%;
height:auto;
-webkit-box-shadow:rgba(199, 154, 48, 0.498039) 0px 0px 4px 2px;
-moz-box-shadow:rgba(199, 154, 48, 0.498039) 0px 0px 4px 2px;
box-shadow:rgba(199, 154, 48, 0.498039) 0px 0px 4px 2px;
}


/* #parts_link_box ul.txt_link
-------------------------------------------------- */

#parts_link_box ul.txt_link li a dl{
display:table;
width:100%;
border-top:1px solid #d0aa75;
position:relative;
}

#parts_link_box ul.txt_link li a dl:after{
position:absolute;
display:block;
content:'';
top:40%;
right:5px;
width:10px;
height:10px;
border-right:2px solid #c7a26f;
border-bottom:2px solid #c7a26f;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#parts_link_box ul.txt_link li a dl dt,
#parts_link_box ul.txt_link li a dl dd{
padding:10px 16px 10px 0;
display:table-cell;
vertical-align:top;
width:auto;
text-align:left;
}

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

#parts_link_box ul.txt_link li a dl dd{
padding:10px 25px 10px 0;
height: 66px;
}

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



#parts_link_box ul.txt_link li a dl dd span.txt_link_style {
	font-size: 14px;
	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;			
		}



@media screen and (max-width: 350px) {
	#main_contents p.reserve_btn a{
		font-size:16px;
	}
}


/* special padding-top definition for yamazaki factory common footer fof top-page */

#yamazaki_common_ft {
    padding-top: 20%;
}

#yamazaki_common_ft .contacts_box {
    margin-top : 7.8125%;
}


/*==================================================
d_blog
================================================== */
#suntory_contents #d_blog {
    margin-top: 7.8125vw;
    padding: 0 0 4.0625vw;
    background: url(../img/bg_blog_sp.jpg) repeat-y 0 0;
    background-size: 100% auto;
}
.webp #suntory_contents #d_blog {
    margin-top: 7.8125vw;
    padding: 0 0 4.0625vw;
    background: url(../img/bg_blog_sp.webp) repeat-y 0 0;
    background-size: 100% auto;
}
#suntory_contents #d_blog h2 {
    margin: 0;
    width: 100%;
    height: 23.4375vw;
    text-indent: -9999px;
    background: url(../img/tl_blog_sp.png) no-repeat 0 0;
    background-size: 100% auto;
}
.webp #suntory_contents #d_blog h2 {
    margin: 0;
    width: 100%;
    height: 23.4375vw;
    text-indent: -9999px;
    background: url(../img/tl_blog_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
}
#suntory_contents #d_blog ul {
    list-style: none;
    margin: 4.6875vw 4.6875vw 0;
}
#suntory_contents #d_blog li {
    margin: 0 0 3.75vw;
    padding: 0 0 3.75vw;
    border-bottom: 0.46875vw 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: 60.9375vw;
    display: block;
    text-align: left;
}
#suntory_contents #d_blog li a .date {
    margin: 0 0 1.25vw;
    padding: 0;
    font-size: 3.75vw;
    line-height: 4.0625vw;
    text-align: left;
    display: inline-block;
}
#suntory_contents #d_blog li.new a .date {
    background: url(../img/icon_new_blog.png) no-repeat right 0;
    background-size: 12.5vw auto;
    padding-right: 15vw;
    display: inline-block;
    min-height: 4.0625vw;
}
.webp #suntory_contents #d_blog li.new a .date {
    background: url(../img/icon_new_blog.webp) no-repeat right 0;
    background-size: 12.5vw auto;
    padding-right: 15vw;
    display: inline-block;
    min-height: 4.0625vw;
}
#suntory_contents #d_blog li a .title {
    margin: 0;
    padding: 0;
    font-size: 4.0625vw;
    font-weight: 700;
    line-height: 1.375;
    text-align: left;
}

#suntory_contents #d_blog figure {
    margin: 0;
    padding: 0;
    width: 21.25vw;
}
#suntory_contents #d_blog figure img {
    width: 100%;
    height: auto;
    vertical-align: bottm;
}
#suntory_contents #d_blog .btn_blog a {
    margin: 0 auto;
    width: 84.375vw;
    height: 11.71875vw;
    display: block;
    text-indent: -9999px;
    background: url(../img/btn_blog_sp.png) no-repeat 0 0;
    background-size:84.375vw auto;
}
.webp #suntory_contents #d_blog .btn_blog a {
    margin: 0 auto;
    width: 84.375vw;
    height: 11.71875vw;
    display: block;
    text-indent: -9999px;
    background: url(../img/btn_blog_sp.webp) no-repeat 0 0;
    background-size:84.375vw auto;
}






/**見学停止対応**/
#main_contents p.reserve_btn {display: none;}
#main_contents_hd #pickup_box {display: none;}
#main_contents_hd #facility_box {display: none;}
#main_contents_hd #yamazaki_club {margin-top: 0;}
#main_contents_hd #access_box {display: none;}