@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:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
-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;
}

#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/factory/kyushu-kumamoto/common/img/bg.jpg) repeat 0 0;
text-align:center;
}

/* #wrapper #kyushu-kumamoto_common_hd .inner .common_navi,
   #wrapper #kyushu-kumamoto_common_ft .inner .common_navi
======================================================================== */
#wrapper .inner .common_navi{
margin:15px 0 15px 0;
}

#wrapper #kyushu-kumamoto_common_hd .inner .common_navi{
display:none;
}

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

#wrapper .inner .common_navi ul li a{
display:block;
background-color:#fff;
width:100%;
padding:10px 12px 11px 15px;
font-size:16px;
color:#000;
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 #00ba99;
border-bottom:2px solid #00ba99;
-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:#bee;
}

#wrapper .inner .common_navi ul li.close{display:none;}/*メニュークローズ用*/



/* #wrapper #kyushu-kumamoto_common_hd
======================================================================== */
#kyushu-kumamoto_common_hd{
padding:18px 15px 0 15px;
text-align:left;
}

/* #kyushu-kumamoto_common_hd .inner .hd
-------------------------------------------------- */
#kyushu-kumamoto_common_hd .hd{
line-height:0;
display:table;
width:100%;
}

#kyushu-kumamoto_common_hd .hd h1,
#kyushu-kumamoto_common_hd .hd .btn_box{
display:table-cell;
vertical-align:middle;
}

/* #kyushu-kumamoto_common_hd .hd h1
------------------------------ */
#kyushu-kumamoto_common_hd .hd h1{width:65%;}

#kyushu-kumamoto_common_hd .hd h1 img{
width:96%;
height:auto;
}

/* #kyushu-kumamoto_common_hd .hd .btn_box
------------------------------ */
#kyushu-kumamoto_common_hd .hd .btn_box ul{
float:right;
margin:0 -5px 0 0;
}

#kyushu-kumamoto_common_hd .hd .btn_box ul:after{content:""; clear:both; display:block;}
#kyushu-kumamoto_common_hd .hd .btn_box li{
float:left;
}

#kyushu-kumamoto_common_hd .hd .btn_box li.close{display:none;}

#kyushu-kumamoto_common_hd .hd .btn_box li.reserve_btn img{
width:58px;
height:46px;
margin:0 2px 0 0;
}

#kyushu-kumamoto_common_hd .hd .btn_box li.navi_btn img{
width:46px;
height:46px;
cursor:pointer;
}

#kyushu-kumamoto_common_hd .hd .btn_box li.navi_btn.open{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_sp_btn_on.png) no-repeat 0 50%;
background-size:46px 46px;
-moz-background-size:46px 46px;
-webkit-background-size:46px 46px;
}

#kyushu-kumamoto_common_hd .hd .btn_box li.navi_btn.open img{
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
}



/* #wrapper #kyushu-kumamoto_common_ft
======================================================================== */
#kyushu-kumamoto_common_ft{
padding:30px 10px 30px 10px;
text-align:left;
}


	#kyushu-kumamoto_common_ft .inner{
		position: relative;
	}

	#kyushu-kumamoto_common_ft .inner #basicinfo {
		position: absolute;
		top: -2px;
		right: 0px;
		width: 158px;
		height: 49px;
		border: 1px solid #797979;
		background: url("/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/arrow2.png") 130px 13px no-repeat;
		background-size: 15px 21px;
		line-height: 47px;
		vertical-align: middle;
	}
	
	#kyushu-kumamoto_common_ft .inner #basicinfo a {
		display: block;
		color: #000;	
		padding-left: 17px;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: 1px;			
	}


@media screen and (max-width: 600px) {
	
	#kyushu-kumamoto_common_ft .inner #basicinfo {
		width: 125px;
		height: 38px;
		background-position: 102px 10px;
		background-size: 12px 16px;
		line-height: 36px;
	}
	
	#kyushu-kumamoto_common_ft .inner #basicinfo a {
		padding-left: 13px;
		font-size: 20px;
		letter-spacing: 1px;
	}	
}	
	
@media screen and (max-width: 500px) {
	
	#kyushu-kumamoto_common_ft .inner #basicinfo {
		width: 100px;
  	  	height: 31px;
   		background-position: 82px 7px;
    	background-size: 10px 14px;
   		line-height: 29px;
	}
	
	#kyushu-kumamoto_common_ft .inner #basicinfo a {
    	padding-left: 10px;
    	font-size: 16px;
    	letter-spacing: 1px;
	}	
	
}		

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


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

#kyushu-kumamoto_common_ft h1 img{
width:70%;
height:auto;
margin:0 0 20px 0;
}

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

#kyushu-kumamoto_common_ft h1 img{
	margin-bottom: 10px;
}

}


/* #kyushu-kumamoto_common_ft .btn_box
------------------------------ */
#kyushu-kumamoto_common_ft .btn_box li{
line-height:0;
}

#kyushu-kumamoto_common_ft .btn_box li.close{display:none;}

#kyushu-kumamoto_common_ft .btn_box li img{
width:100%;
height:auto;
margin:14px 0 0 0;
}

#kyushu-kumamoto_common_ft .btn_box li.reserve_btn img{
margin-left:-5px;
width:103%;
height:auto;
}

#kyushu-kumamoto_common_ft .btn_box li.app_btn a.hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}

/* #kyushu-kumamoto_common_ft .ft_info_box
------------------------------ */

#kyushu-kumamoto_common_ft .ft_info_box{
width: 100%;
line-height: 150%;
margin-top: 17px;
font-size: 16px;
}

#kyushu-kumamoto_common_ft .ft_info_item_ttl{
font-size: 20px;
text-align: left;
}

#kyushu-kumamoto_common_ft .ft_info_item{
margin: 20px 0 0 0;
padding-bottom: 20px;
}

#kyushu-kumamoto_common_ft .phone_link{
display: block;
width: 100%;
margin: 3px 0 0 0;
text-align: center;
border: 1px solid #000;
padding: 12px 0 8px 0;
}

#kyushu-kumamoto_common_ft .phone_link a{
color: #000;
font-size: 34px;
font-weight: bold;
letter-spacing: 2px;
background: url(/sun_common/contents_alias/factory/kyushu-kumamoto/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 32px;
}

#kyushu-kumamoto_common_ft .tel_number{
color: #f00;
}

#kyushu-kumamoto_common_ft .caution{
display: block;
margin: 5px 0 0 0;
color: #f00;
font-size: 16px;
line-height: 120%;
}

#kyushu-kumamoto_common_ft .time{
display: block;
font-size: 16px;
}

#kyushu-kumamoto_common_ft img.tel{
display: none;
}

#kyushu-kumamoto_common_ft .ft_info_listTtl{
text-align: left;
white-space: nowrap;
min-width: 20vw;
}

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

/* #wrapper #container .contents
======================================================================== */
#container .contents{padding-top:20px;}



/* #wrapper #container .contents .notice_important
==================================================== */
#container .contents .notice_important{
margin:0 auto 3.125% 0;
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;
font-weight:bold;
color:#dc0000;
letter-spacing:0.5px;
}

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

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

#container .contents .notice_important ul li:last-child{
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.hover{text-decoration:underline;}

#container .contents .notice_important dl dt{
color:#322517;
font-weight:bold;
cursor:pointer;
position:relative;
/*padding:0 20px 0 0;*/
}

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

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

#container .contents .notice_important dl dd{
padding:3px 0 0 0;
}

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


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

#container .contents .event_info_box ul li{
background-color:#fff;
border:3px solid #d0f2ec;
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:16px;
font-weight:bold;
color:#097;
margin:0 0 10px 0;
}

#container .contents .event_info_box ul li h4{
font-size:14px;
color:#097;
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{
font-size:13px;
line-height:140%;
letter-spacing:1px;
color:#000;
}

#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 14px 0 14px;
}

#container .contents .info_box dl{
background-color:#e0f6ef;
border:1px solid #097;
border-radius:4px;
text-align:left;
}

#container .contents .info_box dl dt{
display:block;
font-weight:bold;
font-size:14px;
color:#000;
cursor:pointer;
padding:13px;
position:relative;
}

#container .contents .info_box dl dt:after{
display:block;
position:absolute;
top:10px;
right:10px;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/accordion_ico_orange.png) no-repeat 50% 50%;
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/factory/kyushu-kumamoto/common/img/accordion_ico_orange_on.png) no-repeat 50% 50%;
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:12px;
line-height:140%;
color:#000;
text-indent:-1em;
margin:0 0 7px 1em;
}

#container .contents .notice_important dl dd {
    font-weight: normal;
}


/*add for BTCC->MT*/

#container .contents .notice_important .toggleLeed{
color:#322517;
font-weight:bold;
cursor:pointer;
position:relative;
padding:0 30px 0 0;
}

#container .contents .notice_important .toggleLeed_Link{
color:#322517;
font-weight:bold;
cursor:pointer;
position:relative;
/*padding:0 20px 0 0;*/
}

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

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


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

/*#container .contents .notice_important .toggleLeed_Link:after{
    display: block;
    position: absolute;
    top: -3;
    right: 0;
    background: url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/link_ico.png) no-repeat 50% 50% #322517;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    content: "";
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}*/

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


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

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


/*見学停止対応*/
/*
#kyushu-kumamoto_common_hd .hd .btn_box li.reserve_btn {display: none;}
#kyushu-kumamoto_common_ft .btn_box ul li.reserve_btn {display: none;}
#wrapper .inner .common_navi ul li.navi_03 {display: none;}
#wrapper .inner .common_navi ul li.navi_05 {display: none;}
#shop_access_box {display: none;}
*/