@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 #hakushu_common_hd
======================================================================= */
#wrapper #hakushu_common_hd{display:none;}

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

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
background:url(../png/contents_hd_sp_new.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: #f3f3f3;
}
.webp #contents_hd{
background:url(../webp/contents_hd_sp_new.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: #f3f3f3;
}
#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: #f3f3f3;
}

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


#sp_only_wrap {
  position: relative;
  margin-bottom: 3.2%;
}
/* 場内施設
#main_contents #main_contents_hd #facility_box
==================================== */
#main_contents_hd #facility_box{
	width: 48.4%;
	margin-right: 3.2%;
}

#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%;
	/*position: absolute;
	top: 0;
	right: 0;*/
}

#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:#FFF;
margin: 0;
border:1px solid #6ebe06;
}

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

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

#pickup_box ul li dl.ico_01:after{
background:url(../png/pickup_ico_01_sp-2.png);
background-size:contain;
}
#pickup_box ul li dl.ico_02:after{
background:url(../png/pickup_ico_02_sp-2.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 #suntory_whisky
==================================== */
#main_contents_hd #suntory_whisky {
	width: 100%;
	margin-top: 7.81%;	
}

	#main_contents_hd #suntory_whisky a {
		display: block;
	}

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

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


/* メジャー・アワーズ
#main_contents #main_contents_hd #major_awards
==================================== */
#main_contents_hd #major_awards {
	width: 100%;
	margin-top: 7.81%;	
}

	#main_contents_hd #major_awards a {
		display: block;
	}

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

	#main_contents_hd #major_awards 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 #0c8004;
}

#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 #0c8004;
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 #0c8004;
border-bottom:2px solid #0c8004;
-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: #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;			
		}



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




/* サントリー天然水 南アルプス白州工場
#main_contents #main_contents_ft #water_box
==================================== */
#main_contents_ft #water_box {
	width: 100%;
	margin: 7.81% 0 0 0;
	-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;
	}

	#main_contents_ft #water_box a img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	#main_contents_ft #water_box a:hover img {
		opacity:0.8;
	}





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

#hakushu_common_ft {
    padding-top: 10%;
}

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






#distillery360 a {
	display: block;
    margin: 20px auto;
	background-color: #fff;
    border: 1px solid #000;
}
#distillery360_img img {
	width: 100%;
	height: auto;
}
#distillery360_msg {
	display: block;
    font-size: 14px;
    color: #322517;
    line-height: 140%;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: left;
    width: calc(100% - 40px);
    padding: 20px 20px 30px;
}
#distillery360_msg .distillery360_ttl {
	display: block;
	margin: 0 0 1em 0;
	font-size: 130%;
}


/* #main_contents_hd #reserve_btn_box
==================================== */
#main_contents #reserve_btn_box {
	width: 100%;
	margin: 4% 0;
	box-sizing: border-box;
	border: 3px solid #6EBE06;
	background-color: #fff;
	font-size: 20px;
    font-weight: bold;
    padding: 30px 25px 35px 25px;
    line-height: 150%;
    text-align: center;
    z-index: 999;
	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);
}



/* 202309 再開対応　*/
#main_contents_hd #intro_info_box ul li.btn_02 {
	/*display:none;*/
    display: block;
    margin-left: 2%;
    width: 47.7%;
}
#main_contents_hd #intro_info_box ul li.btn_02 a img {
	height: 45.6vw;  /*高さ微調整*/
}
#main_contents_hd #intro_info_box ul li {
    margin: 0 1.6% 3.2% 0;
}

#main_contents_hd #sp_overwrap {
	position: relative;
	margin-top: 7.81%;
}
#main_contents_hd #sp_only_wrap {
    /*position: absolute;
    top: 0;
    right: 0;
    width: 48.4%;
    margin: 0 0 3.2% 1.6%;*/
}
#main_contents_hd #access_box {
    /*width: 100%;*/
	position: absolute;
    /*width: 48.5%;
    right: 0;
    top: -49.5vw;*/
	width: 48%;
    top: 0;
    right: 0.5%;
}