@charset"UTF-8";

#suntoryCommonWrapper .sp_none{
display:none;
}

/* Reset
======================================================================== */
html, body{
margin:0;
padding:0;
border:0;
}

img{
border:0;
}

/* #wrapper Reset
======================================================================== */
#wrapper{
margin:0;
padding:0;
border:0;
overflow:hidden;
}

#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,#wrapper p,#wrapper a,#wrapper ol,#wrapper ul,#wrapper li,#wrapper dl,#wrapper dt,#wrapper dd,#wrapper table,#wrapper thead,#wrapper tbody,#wrapper th,#wrapper td,#wrapper form,#wrapper br,#wrapper address,#wrapper button,#wrapper em,#wrapper i,#wrapper span,#wrapper strong{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
font-style:normal;
vertical-align:baseline;
outline:none;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
font-family:"suntory sabon";
-webkit-text-size-adjust:100%;
}

#wrapper table{
border-collapse:collapse;
text-align:left;
}

#wrapper input{
vertical-align:middle;
}

#wrapper ol,#wrapper ul,#wrapper li{
list-style:none;
letter-spacing: 0.3px;
}

#wrapper a{
cursor:pointer;
outline:none;
text-decoration:none;
}

#wrapper .on a.hover{
cursor:default;
}

#wrapper a,
#wrapper input,
#wrapper button{
background-color:transparent;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/*
#wrapper a:link{color:#06c;}
#wrapper a:visited{color:#579ab9;}
#wrapper a.hover,#wrapper a:active{color:#0cf;}
*/

#wrapper img{
-ms-interpolation-mode:bicubic;
}

/* #wrapper
======================================================================== */
#wrapper{
/*background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/bg.png) repeat 0 0;*/
background-color:#f3f3f3;
text-align:center;
}

/* #wrapper #hakushu_common_hd .inner .common_navi,
#wrapper #hakushu_common_ft .inner .common_navi
======================================================================== */
#wrapper .inner .common_navi{
margin: 0 0 15px 0;
padding-top: 20px;
clear: both;
}

#wrapper #hakushu_common_hd .inner .common_navi{
display:none;
}

#wrapper .inner .common_navi ul li{border-bottom:1px solid #322517; letter-spacing: 0.5px;}
#wrapper .inner .common_navi ul li:last-child{border-bottom:none;}

/*#wrapper .inner .common_navi ul li.navi_03{display:none;}*/

#wrapper .inner .common_navi ul li a{
display:block;
background-color:#fff;
width:100%;
padding:10px 12px 11px 15px;
font-size:16px;
color:#322517;
position:relative;
}

#wrapper .inner .common_navi ul li a:after{
position:absolute;
display:block;
content:'';
top:37%;
right:20px;
width:10px;
height:10px;
border-right:2px solid #1d0e06;
border-bottom:2px solid #1d0e06;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#wrapper .inner .common_navi ul li a.hover,
#wrapper .inner .common_navi ul li.on a{
background-color:#cff07e;
}



/* #wrapper #hakushu_common_hd
======================================================================== */
#hakushu_common_hd{
padding:18px 15px 23px 15px;
text-align:left;
background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/sp_hdr_bg.jpg) left top repeat-x;
}

/* #hakushu_common_hd .inner .hd
-------------------------------------------------- */
#hakushu_common_hd .hd{
line-height:0;
display:table;
width:100%;
position: relative;
}

#hakushu_common_hd .hd .btn_box{
vertical-align: middle;
width: 100%;
position: absolute;
top: 0;
right: 0;
}

/* #hakushu_common_hd .hd h1
------------------------------ */
#hakushu_common_hd .hd h1{width:100%;}

#hakushu_common_hd .hd h1 img{
width:100%;
height:auto;
}

/* #hakushu_common_hd .hd .btn_box
------------------------------ */
#hakushu_common_hd .hd .btn_box ul{
float:right;
width: 37.5%;
}

#hakushu_common_hd .hd .btn_box ul:after{content:""; clear:both; display:block;}
#hakushu_common_hd .hd .btn_box li{
float:left;
/*float:right;*/
}

#hakushu_common_hd .hd .btn_box li.reserve_btn {
width: 66.6%;
margin-right: 8.4%;	
}

#hakushu_common_hd .hd .btn_box li.navi_btn {
width: 25%;
}

#hakushu_common_hd .hd .btn_box li.reserve_btn img{
width:100%;
height:auto;
}

#hakushu_common_hd .hd .btn_box li.navi_btn img{
width:100%;
height:auto;
}

#hakushu_common_hd .hd .btn_box li.navi_btn.open{
background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/hd_navi_sp_btn_on.png) no-repeat 0 50%;
background-size:100% 100%;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
}

#hakushu_common_hd .hd .btn_box li.navi_btn.open img{
width:100%;
height:auto;	
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
}



/* #wrapper #hakushu_common_ft
======================================================================== */
#hakushu_common_ft{
padding:30px 10px 30px 10px;
text-align:left;
/*background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/sp_ftr_bg.jpg) left top repeat-x #35902e; */
}




	#hakushu_common_ft .inner{
		position: relative;
	}

	#hakushu_common_ft .inner #basicinfo {
		width: 270px;
   		height: 49px;
    	border: 1px solid #322517;
    	background: url(/sun_common/contents_alias/en/factory/hakushu/common/img/arrow3.png) 237px 13px no-repeat;
    	background-size: 15px 21px;
    	line-height: 47px;
    	vertical-align: middle;
    	float: right;
	}
	
	#hakushu_common_ft .inner #basicinfo a {
		display: block;
		color: #322517;
		padding-left: 17px;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: 1px;				
	}


@media screen and (max-width: 600px) {
	
	#hakushu_common_ft .inner #basicinfo {
		width: 230px;
    	height: 36px;
    	background-position: 202px 10px;
    	background-size: 12px 16px;
    	line-height: 34px;
	}
	#hakushu_common_ft .inner #basicinfo a {
		padding-left: 13px;
		font-size: 20px;
		letter-spacing: 1px;
	}	
	
}	
	
@media screen and (max-width: 500px) {
	
	#hakushu_common_ft .inner #basicinfo {
		width: 190px;
    	height: 31px;
    	background-position: 172px 7px;
    	background-size: 10px 14px;
    	line-height: 29px;	
	}
	#hakushu_common_ft .inner #basicinfo a {
    	padding-left: 10px;
    	font-size: 16px;
    	letter-spacing: 1px;
	}	
}		

@media screen and (max-width: 400px) {
	
	#hakushu_common_ft .inner #basicinfo {
    	width: 140px;
    	height: 24px;
    	background-position: 122px 6px;
   	 	background-size: 7px 10px;
    	line-height: 22px;
	}
	
	#hakushu_common_ft .inner #basicinfo a {
    	padding-left: 10px;
    	font-size: 13px;
        letter-spacing: 0px;
	}	
}		
		


/* #hakushu_common_ft .inner h1
------------------------------ */
#hakushu_common_ft h1{
line-height:0;
}

#hakushu_common_ft h1 img{
width:100%;
height:auto;
margin:0 0 20px 5px;
}


@media screen and (max-width: 400px) {

    #hakushu_common_ft h1 img{
		margin-bottom: 15px;
	}
	
}		


/* #hakushu_common_ft .btn_box
------------------------------ */

#hakushu_common_ft .btn_box {
	width: 100%;
	margin: 9.375% 0 0 0;
}

#hakushu_common_ft .btn_box ul li a {
	display: block;
}

#hakushu_common_ft .btn_box ul li a img {
	width: 100%;
	height: auto;
}

#hakushu_common_ft .btn_box ul li.reserve_btn {
	margin-bottom: 3.125%;
}

#hakushu_common_ft .btn_box ul li.faq_btn {
	margin-top: 9%;
    width: 50%;
    margin-left: 50%;
}

#hakushu_common_ft .btn_box ul li a:hover img {
	opacity:0.8;	
}


#hakushu_common_ft .btn_box #footer_attention {
    color: #f00;
    padding-left: 1em;
    text-indent: -0.5em;
	font-size: normal;
	margin-top: 15px;
	line-height: 130%;
}

/*
#hakushu_common_ft .btn_box li{
margin:14px 0 0 0;
}

#hakushu_common_ft .btn_box li.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;
}

#hakushu_common_ft .btn_box li.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);
}

#hakushu_common_ft .btn_box li.app_btn a{
display:block;
background:#FFF;
width:100%;
padding:15px 0 15px 25px;
text-align:left;
color:#322517;
font-size:16px;
font-weight:bold;
position:relative;
}

#hakushu_common_ft .btn_box li.app_btn a:after{
position:absolute;
display:block;
content:'';
top:38%;
right:20px;
width:10px;
height:10px;
border-right:2px solid #ff8600;
border-bottom:2px solid #ff8600;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#hakushu_common_ft .btn_box li.reserve_btn a.hover,
#hakushu_common_ft .btn_box li.app_btn a.hover{
opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
}
*/


/* #hakushu_common_ft .ft_info_box
------------------------------ */

#hakushu_common_ft .ft_info_box{
width:100%;
margin-top:7.8125%;
}

#hakushu_common_ft .ft_info_box .ft_reserve_ttl{
font-size: 20px;
line-height: 130%;
margin: 0 0 5px 0;
color: #322517;
font-weight: bold;
}

#hakushu_common_ft .ft_info_box .phone_link{
display: block;
width: calc(100% - 22px);
border: 1px solid #322517;
text-align: left;
padding: 10px 0 10px 20px;
}

#hakushu_common_ft .ft_info_box .phone_link a{
color: #322517;
font-size: 34px;
font-weight: bold;
letter-spacing: 1px;
background: url(/sun_common/contents_alias/en/factory/hakushu/common/img/tel_ico_sp.png) no-repeat 0 52%;
background-size: 25px 25px;
-moz-background-size: 25px 25px;
-webkit-background-size: 25px 25px;
padding: 0 0 0 30px;
}

#hakushu_common_ft .ft_info_box .phone_link .tel_number{
color:#f00;
}

#hakushu_common_ft .ft_info_box .phone_link:hover{
background-color:#f8f2e2;
opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
}

#hakushu_common_ft .ft_info_box .ft_phone_number img{display: none;}

#hakushu_common_ft .ft_info_box .ft_at_txt{
color:#f00;
margin-top: 10px;
}

#hakushu_common_ft .ft_info_box .ft_time_txt{
margin: 5px 0 15px;
}

#hakushu_common_ft .ft_info_box th{
white-space: nowrap;
text-align: left;
vertical-align: top;
}

#hakushu_common_ft .ft_info_box td{
padding-bottom: 10px;
}

#hakushu_common_ft .ft_info_box tr{
margin-bottom: 10px;
}

@media screen and (max-width: 380px){
#hakushu_common_ft .ft_info_box .phone_link a{font-size: 27px;}
}

/* #wrapper #container
======================================================================== */
#container{
}

/* #wrapper #container .contents
======================================================================== */
#container .contents{}



/* #wrapper #container .contents .notice_important
==================================================== */
#container .contents .notice_important{
margin:0 auto;
width:100%;
background-color:#FFF;
text-align:left;
}

#container .contents .notice_important_frame .notice_important{
border:3px solid #ff00ff;
border-radius:6px;
}

#container .contents .notice_important h3{
padding:15px 10px 10px 15px;
font-size:16px;
color:#dc0000;
background-size:130px auto;
letter-spacing: 0.5px;
font-weight: bold;
}

#container .contents .notice_important ul{
padding:5px 15px 10px 17px;
}

#container .contents .notice_important ul li{
font-size:14px;
line-height:140%;
letter-spacing:1px;
margin:0 0 10px 0;
/*border-bottom:1px dotted #b39f58;*/
padding:0 0 10px 10px;
color:#322517;
background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/dot.png) left bottom repeat-x;
font-weight:bold;
}

#container .contents .notice_important ul li:last-child{
/*border-bottom:none;*/
background: none;
padding:0 0 0 10px;
}

#container .contents .notice_important ul li em{
font-weight:bold;
color:#f00;
}

#container .contents .notice_important ul li a{
color:#322517;
font-weight:bold;
position:relative;
padding:5px 30px 5px 0;
background:url("/sun_common/contents_alias/en/factory/hakushu/common/img/ico_ar_sp.png") no-repeat;
background-position:99.5% center;
background-size:20px 20px;
display:block;
}

#container .contents .notice_important ul li a.hover{text-decoration:underline;}

#container .contents .notice_important dl dt{
color:#322517;
cursor:pointer;
position:relative;
padding:0 30px 0 0;
}

#container .contents .notice_important dl dt:after{
display:block;
position:absolute;
top:0;
right:0;
background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/accordion_ico.png) no-repeat 50% 0;
background-size:20px 20px;
-moz-background-size:20px 20px;
-webkit-background-size:20px 20px;
content:"";
float:left;
width:25px;
height:25px;
border-radius:50%;
}

#container .contents .notice_important dl dt.hover{
text-decoration:underline;
}

#container .contents .notice_important dl dt.open:after{
background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/accordion_ico_on.png) no-repeat 50% 0;
background-size:20px 20px;
-moz-background-size:20px 20px;
-webkit-background-size:20px 20px;
}

#container .contents .notice_important dl dd{
padding:5px 0 0 0;
font-weight:normal;
}

#container .contents .notice_important dl dd a{
color:#0066aa;
font-weight:normal;
position:static;
padding:0;
background:none;
display:block;
text-decoration:underline;
}

#container .contents .notice_important dl dd a:hover{text-decoration:none;}

#container .contents .notice_important,
#container .contents .notice_important ul li{
display:none;
}


/* #wrapper #container .contents .event_info_box
==================================================== */

#container .contents #main_contents .event_info_box{
padding:0 0 0 0;

}
#container .contents #main_contents .event_info_box ul{
margin: 0 4.6%;
width: 90.8%;
}

#container .contents #main_contents .event_info_box ul li{
background-color: #FFF;
margin:0 0 12px 0;
}

#container .contents #main_contents .event_info_box ul li .box{
padding: 6%;
letter-spacing: 0.5px;
}

#container .contents #main_contents .event_info_box ul li h4{
font-weight:bold;
font-size: 15px;
color: #9e720e;
margin: 0 0 2.3% 0;
}

#container .contents #main_contents .event_info_box ul li h5{
font-weight:normal;
font-size: 14px;
color: #9e720e;
line-height: 1.4;
margin: 0 0 3.2% 0;
}

#container .contents #main_contents .event_info_box ul li .ph{
	width: 80%;
	margin: 0 auto;

}

#container .contents #main_contents .event_info_box ul li .ph img{
	width: 100%;
	height: auto;
}


/*#container .contents .event_info_box{
margin:0 auto;
width:100%;
text-align:left;
}*/

/*#container .contents .event_info_box ul li{
background-color:#f7e4b9;
margin:0 0 12px 0;
}*/

/*#container .contents .event_info_box ul li .box{
padding:20px 20px 20px 20px;
}*/

/*#container .contents .event_info_box ul li h3{
font-size:15px;
font-weight:bold;
color:#b80000;
margin:0 0 10px 0;
}

#container .contents .event_info_box ul li h4{
font-size:14px;
color:#894a0b;
margin:0 0 10px 0;
}

#container .contents .event_info_box ul li em{
font-weight:bold;
color:#f00;
}
*/

#container .contents .event_info_box ul li a{text-decoration:underline;}
#container .contents .event_info_box ul li a.hover{text-decoration:none;}



/* #container .contents .event_info_box ul li .txt_area
-------------------------------------------------- */
#container .contents .event_info_box ul li .txt_area:after{content:""; clear:both; display:block;}

#container .contents .event_info_box ul li .txt_area{
color:#322517;
font-size:13px;
line-height:1.4;
letter-spacing:0.3px;
margin:4% 0 0 0;
}

/*
#container .contents .event_info_box ul li .txt_area i.ph{
display:block;
line-height:0;
text-align:center;
}

#container .contents .event_info_box ul li .txt_area i.ph img{
width:80%;
height:auto;
margin:0 auto 15px auto;
}


#container .contents .event_info_box,
#container .contents .event_info_box ul li{
display:none;
}
*/


/* #container .contents .info_box
==================================================== */
#container .contents .info_box{
padding:20px 0 0 0;
}

#container .contents .info_box dl{
background-color:#FFF;
border:1px solid #0a9d2a;
/*border-radius:4px;*/
text-align:left;
}

#container .contents .info_box dl dt{
display:block;
font-weight:bold;
font-size:16px;
color:#322517;
cursor:pointer;
padding:13px;
position:relative;
line-height:100%;
}

#container .contents .info_box dl dt:after{
display:block;
position:absolute;
top:8px;
right:10px;
background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/accordion_ico2.png) no-repeat 50% 50% #0c8004;
background-size:25px 25px;
-moz-background-size:25px 25px;
-webkit-background-size:25px 25px;
content:"";
float:left;
width:25px;
height:25px;
/*border-radius:50%;*/
}

#container .contents .info_box dl dt.open:after{
background:url(/sun_common/contents_alias/en/factory/hakushu/common/img/accordion_ico2_on.png) no-repeat 50% 50% #0c8004;
background-size:25px 25px;
-moz-background-size:25px 25px;
-webkit-background-size:25px 25px;
}

#container .contents .info_box dl dd{
display:none;
padding:0 13px 13px 13px;
}

#container .contents .info_box dl dd ul li{
font-size:14px;
line-height:140%;
color:#322517;
text-indent:-1em;
margin:0 0 7px 1em;
}

/* Suntory Town Banner color instead of kantan.css */

#container #form_wrap.contents #main_contents #kantan_box .accordion dl dt {
    background: #25a4c4;
}



@media screen and (max-width: 600px) {
#hakushu_common_ft .contacts_box dl.tel dd i.num a{
	font-size:32px;
}
}

@media screen and (max-width: 500px) {
#hakushu_common_ft .contacts_box dl.tel dd i.num a{
	font-size:30px;
}
}


@media screen and (max-width: 380px) {
#hakushu_common_ft .contacts_box dl.tel dd i.num a{
	font-size:27px;
}
}


@media screen and (max-width:350px){
hakushu_common_ft .contacts_box dl.tel dt{
font-size:18px;
}

#hakushu_common_ft .contacts_box dl.tel dd i.num a{
font-size:24px;
}

#hakushu_common_ft .contacts_box dl.tel dd i.num{
/*
text-align:center;
padding-left:0;
*/
}

#hakushu_common_ft .contacts_box dl.tel dd i.caution{
font-size:14px;
}

#hakushu_common_ft .contacts_box dl.tel dd i.caution, #hakushu_common_ft .contacts_box dl.tel dd i.time{
font-size:14px;
}

#hakushu_common_ft .contacts_box dl.address dt, #hakushu_common_ft .contacts_box dl.address dd{
font-size:14px;
}

#hakushu_common_ft .btn_box li.reserve_btn a{
font-size:16px;
}


}







@media screen and (max-width: 500px) { 
	#container .contents #main_contents .event_info_box ul li h4{ font-size: 18px; }	
	#container .contents #main_contents .event_info_box ul li h5{ font-size: 16px; }	
	#container .contents .event_info_box ul li .txt_area{ font-size:18px; }	
}

@media screen and (max-width: 420px) { 
	#container .contents #main_contents .event_info_box ul li h4{ font-size: 16px; }	
	#container .contents #main_contents .event_info_box ul li h5{ font-size: 14px; }	
	#container .contents .event_info_box ul li .txt_area{ font-size:16px; }		
}

@media screen and (max-width: 370px) { 
	#container .contents #main_contents .event_info_box ul li h4{ font-size: 14px; }	
	#container .contents #main_contents .event_info_box ul li h5{ font-size: 12px; }
	#container .contents .event_info_box ul li .txt_area{ font-size:14px; }			
	
}



/* 202309 再開対応*/
#wrapper .inner .common_navi ul li.navi_02 a {
   pointer-events:none;
   color:#aaa;
}
#wrapper .inner .common_navi ul li.navi_02 a:after {
	content: none;
}