@charset"UTF-8";

#suntoryCommonWrapper .pc_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 50% 0;
text-align:center;
}

/* #wrapper #hd_topicpath
======================================================================== */
#hd_topicpath{
background-color:#fff;
padding:15px 0 0 0;
}

#hd_topicpath ul{
width:910px;
text-align:left;
margin:0 auto;
}

#hd_topicpath ul:after{content:""; clear:both; display:block;}

#hd_topicpath ul li,
#hd_topicpath ul li a,
#hd_topicpath ul li  a:after{
font-size:11px;
line-height:100%;
color:#999;
font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#hd_topicpath ul li{
float:left;
padding:0 1.4em 0 0;
}

#hd_topicpath ul li a{
position:relative;
color:#67bfba;
}

#hd_topicpath ul li a:after{
position:absolute;
top:-0.05em;
right:-0.8em;
content:">";
float:left;
font-size:12px;
}

#hd_topicpath ul li a:link,#hd_topicpath ul li a:visited{color:#68cab5;}
#hd_topicpath ul li a:hover,#hd_topicpath ul li a.hover,#wrapper a:active{color:#0cf;text-decoration:underline;}



/* #wrapper #kyushu-kumamoto_common_hd
======================================================================== */
#kyushu-kumamoto_common_hd{
background-color:#fff;
}

#kyushu-kumamoto_common_hd .inner{
width:960px;
margin:0 auto;
text-align:left;
}

/* #kyushu-kumamoto_common_hd .inner .hd
-------------------------------------------------- */
#kyushu-kumamoto_common_hd .hd{
line-height:0;
padding:0 0 10px 0;
}

#kyushu-kumamoto_common_hd .hd:after{content:""; clear:both; display:block;}
#kyushu-kumamoto_common_hd .hd h1{float:left;}
#kyushu-kumamoto_common_hd .hd .btn_box{float:right;}

/* #kyushu-kumamoto_common_hd .hd h1
------------------------------ */
#kyushu-kumamoto_common_hd .hd h1 a{
display:block;
margin:7px 0 0 25px;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_tit_pc.png) no-repeat 0 0;
width:400px;
height:50px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

/* #kyushu-kumamoto_common_hd .hd .btn_box
------------------------------ */
#kyushu-kumamoto_common_hd .hd .btn_box li.reserve_btn{
margin:-8px -6px 0 0;
}

#kyushu-kumamoto_common_hd .hd .btn_box li.close{display:none;}

#kyushu-kumamoto_common_hd .hd .btn_box li.reserve_btn a{
display:block;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/reserve_btn_pchd.png) no-repeat 0 0;
width:322px;
height:54px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#kyushu-kumamoto_common_hd .hd .btn_box li.reserve_btn a.hover{
background-position:0 -60px;
}

/* #kyushu-kumamoto_common_hd .inner .common_navi
-------------------------------------------------- */
#kyushu-kumamoto_common_hd .common_navi{
height:40px;
width:960px;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_pc.png?202506) no-repeat 0 -100px;
}

#kyushu-kumamoto_common_hd .common_navi ul:after{content:""; clear:both; display:block;}

#kyushu-kumamoto_common_hd .common_navi ul li{
float:left;
padding:0 10px 0 11px;
}

#kyushu-kumamoto_common_hd .common_navi ul li a{
display:block;
}

#kyushu-kumamoto_common_hd .common_navi ul li i{
display:block;
background-image:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_pc.png?202506);
background-repeat:no-repeat;
height:40px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_01 a i{width:178px;background-position:-11px 0;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_02 a i{width:209px;background-position:-210px 0;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_03 a i{width:209px;background-position:-440px 0;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_04 a i{width:129px;background-position:-670px 0;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_05 a i{width:129px;background-position:-820px 0;}

#kyushu-kumamoto_common_hd .common_navi ul li a.hover,
#kyushu-kumamoto_common_hd .common_navi ul li.on a{
display:block;
height:40px;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_pc.png?202506?202506) no-repeat;
}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_01.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_01 a.hover{width:178px;background-position:-11px -50px;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_02.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_02 a.hover{width:209px;background-position:-210px -50px;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_03.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_03 a.hover{width:209px;background-position:-440px -50px;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_04.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_04 a.hover{width:129px;background-position:-670px -50px;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_05.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_05 a.hover{width:129px;background-position:-820px -50px;}

/*メニュークローズ用*/
#kyushu-kumamoto_common_hd .common_navi ul li.close a{pointer-events:none;}
#kyushu-kumamoto_common_hd .common_navi ul li.close a i{opacity:0.4;filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)";background-color:#fff;}


/* #header_fixed.fixed
======================================================================== */
#header_fixed.fixed{
width:100%;
position:fixed;
top:0;
left:0;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/container_bg_ct.png) no-repeat 50% bottom;
height:100px;
z-index:99999;
}

#header_fixed.fixed #hd_topicpath{
padding-bottom:10px;
}

#header_fixed.fixed #kyushu-kumamoto_common_hd .hd{
display:none;
}


/* #wrapper #kyushu-kumamoto_common_ft
======================================================================== */
#kyushu-kumamoto_common_ft{
padding:0 0 40px 0;
}

#kyushu-kumamoto_common_ft .inner{
width:960px;
margin:0 auto 20px;
text-align:left;
position: relative;
min-height: 220px;
}

	#kyushu-kumamoto_common_ft .inner #basicinfo {
		position: absolute;
		top: 25px;
		left: 310px;
		width: 77px;
		height: 23px;
		border: 1px solid #797979;
		background: url("/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/arrow2.png") 62px 5px no-repeat;
		background-size: 8px 11px;
		line-height: 23px;
		vertical-align: middle;
	}
	
	#kyushu-kumamoto_common_ft .inner #basicinfo a {
		display: block;
		color: #000;
		padding-left: 8px;
		font-size: 12px;					
	}


#kyushu-kumamoto_common_ft .inner:after{content:""; clear:both; display:block;}

#kyushu-kumamoto_common_ft .inner h1{
float:left;
width:600px;
}

#kyushu-kumamoto_common_ft .inner h1{
margin-bottom: 20px;
}

#kyushu-kumamoto_common_ft .inner .btn_box{
width:355px;
}

/* #kyushu-kumamoto_common_ft .inner h1
-------------------------------------------------- */
#kyushu-kumamoto_common_ft .inner h1{line-height:0;}
#kyushu-kumamoto_common_ft .inner h1 img{
margin:25px 0 0 2px;
width:290px;
height:auto;
}

/* #kyushu-kumamoto_common_ft .inner .btn_box
-------------------------------------------------- */
#kyushu-kumamoto_common_ft .btn_box ul li{
text-align:right;
line-height:0;
margin:0 0 10px 0;
}

#kyushu-kumamoto_common_ft .btn_box ul li.close{display:none;}

#kyushu-kumamoto_common_ft .btn_box li.reserve_btn img{
width:360px;
height:auto;
margin:0 -6px 0 0;
}

#kyushu-kumamoto_common_ft .btn_box li.app_btn:after{content:""; clear:both; display:block;}

#kyushu-kumamoto_common_ft .btn_box li.app_btn a{
float:right;
display:block;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/ft_app_btn_pc.png) no-repeat 0 0;
width:274px;
height:35px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
}

#kyushu-kumamoto_common_ft .btn_box li.app_btn a.hover{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{
position: absolute;
right: 0;
top: 12px;
line-height: 2;
}

#kyushu-kumamoto_common_ft .ft_info_box .sp_item{
display: none;
}

#kyushu-kumamoto_common_ft .ft_info_listTtl,
#kyushu-kumamoto_common_ft .ft_info_listText {
    font-size: 14px;
    line-height: 2;
    color: #000;
}
#kyushu-kumamoto_common_ft .ft_info_listTtl{
min-width: 70px;
text-align: left;
}

/* #wrapper #container
======================================================================== */
#container_bg{background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/container_bg.png) repeat-x 50% 0;}
#container{background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/container_bg_ct.png) no-repeat 50% 0;}

/* #wrapper #container .contents
======================================================================== */
#container .contents{padding-top:40px;}




/* #wrapper #container .contents .notice_important
==================================================== */
#container .contents .notice_important{
margin:0 auto 20px auto;
width:100%;
background-color:#fff;
text-align:left;
}

#container .contents .notice_important h3{
padding:20px 10px 0 20px;
font-size:14px;
font-weight:bold;
color:#dc0000;
}

#container .contents .notice_important ul{
padding:16px 20px 10px 32px;
}

#container .contents .notice_important ul li{
font-size:14px;
line-height:140%;
letter-spacing:1px;
color:#322517;
margin:0 0 12px 0;
border-bottom:1px dotted #b1b1b1;
padding:0 0 10px 10px;
}

#container .contents .notice_important ul li:last-child{
border-bottom:none;
padding:0 0 0 10px;
}

#container .contents .notice_important ul li:last-child{
border-bottom: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;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/ico_ar_b.png) no-repeat right 40%;
padding:0 25px 0 0;
}

#container .contents .notice_important dl dt.hover{
text-decoration:underline;
}

#container .contents .notice_important dl dt.open{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/ico_ar_t.png) no-repeat right 40%;
}

#container .contents .notice_important dl dd{
padding:5px 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 15px 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{
float:right;
line-height:0;
}

#container .contents .event_info_box ul li .txt_area i.ph img{
width:190px;
height:auto;
margin:0 0 0 10px;
}


#container .contents .event_info_box,
#container .contents .event_info_box ul li{
display:none;
}




/* #wrapper #container .contents .info_box
==================================================== */
#container .contents .info_box dl{
text-align:left;
background:#fff;
padding:30px 30px 20px 30px;
}
#container .contents .info_box2 dl{
padding-top: 0;
}

#container .contents .info_box dl dt{
font-weight:bold;
font-size:16px;
color:#000;
margin:0 0 12px 0;
}

#container .contents .info_box dl dd ul li{
font-size:12px;
line-height:140%;
letter-spacing:0.5px;
color:#000;
text-indent:-1em;
margin:0 0 3px 1em;
}





/*add for BTCC->MT*/
#container .contents .notice_important dl dt{
  background-image: none;
  padding: 0;
}

#container .contents .notice_important ul li{
    font-weight: bold;
}

#container .contents .notice_important .toggleLeed{
    background: url("/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/ico_ar_b.png") no-repeat scroll right 40%;
    color: #322517;
    font-weight: bold;
    padding: 0 25px 0 0;
		display: inline-block;
}

#container .contents .notice_important .toggleLeed_Link{
    background: url("/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/ico_ar_r.png") no-repeat scroll right 40%;
    font-weight: bold;
    padding: 0 25px 0 0;
		display: inline-block;
}

#container .contents .notice_important .toggleLeed_Link a{
    color: #322517;
}

#container .contents .notice_important .toggleLeed:hover{
    text-decoration:underline;
}

#container .contents .notice_important .toggleLeed_Link:hover{
    text-decoration:underline;
}

#container .contents .notice_important dl dd {
    font-weight: normal;
}

#container .contents .event_info_box ul li .txt_area i.ph img {
    height: auto;
    margin: 0 0 0 10px;
    width: 254px;
}


/* 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 .common_navi ul li a i {background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_pc_gray.png) no-repeat;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_03 a.hover i {cursor: auto;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_04 a.hover i {cursor: auto;}
#kyushu-kumamoto_common_hd .common_navi ul li.navi_05 a.hover i {cursor: auto;}
#kyushu-kumamoto_common_hd .hd .btn_box {display: none;}
#kyushu-kumamoto_common_ft .btn_box ul li.reserve_btn {display: none;}


#kyushu-kumamoto_common_hd .common_navi ul li.navi_03.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_03 a.hover{width:209px;background: url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_pc_gray.png) no-repeat;background-position:-440px -100px;cursor:auto;}

#kyushu-kumamoto_common_hd .common_navi ul li.navi_04.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_04 a.hover{width:129px;background: url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_pc_gray.png) no-repeat;background-position:-670px -100px;cursor:auto;}

#kyushu-kumamoto_common_hd .common_navi ul li.navi_05.on a,#kyushu-kumamoto_common_hd .common_navi ul li.navi_05 a.hover{width:129px;background: url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/hd_navi_pc_gray.png) no-repeat;background-position:-820px -100px;cursor:auto;}*/
