@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/yamazaki/common/img/bg.jpg) repeat 0 0;*/
background-color:#341a0c;
text-align:center;
}

/* #wrapper #yamazaki_common_hd .inner .common_navi,
#wrapper #yamazaki_common_ft .inner .common_navi
======================================================================== */
#wrapper .inner .common_navi{
margin:15px 0 15px 0;
}

#wrapper #yamazaki_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:#432412;
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:#e8c088;
}



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

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

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

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

#yamazaki_common_hd .hd h1 img{
width:96%;
height:auto;
}

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

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

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

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

#yamazaki_common_hd .hd .btn_box li.navi_btn.open{
background:url(/sun_common/contents_alias/factory/yamazaki/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;
}

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



/* #wrapper #yamazaki_common_ft
======================================================================== */
#yamazaki_common_ft{
padding:45px 10px 30px 10px;
text-align:left;
/*background:url(/sun_common/contents_alias/factory/yamazaki/common/img/sp_ftr_bg.jpg) left top repeat-x #171615; */
padding-top: 35px!important;
}

#yamazaki_common_ft .inner{
	position: relative;
}

#yamazaki_common_ft .inner #basicinfo {
	position: absolute;
	top: -2px;
	right: 0px;
	width: 158px;
	height: 49px;
	border: 1px solid #FFF;
	background: url("/sun_common/contents_alias/factory/yamazaki/common/img/arrow3.png") 130px 13px no-repeat;
	background-size: 15px 21px;
	line-height: 47px;
	vertical-align: middle;

}

#yamazaki_common_ft .inner #basicinfo a {
	display: block;
	color: #FFF;
	padding-left: 17px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;				
}


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

#yamazaki_common_ft .inner #basicinfo {
	width: 125px;
	height: 38px;
	background-position: 102px 10px;
	background-size: 12px 16px;
	line-height: 36px;
}
#yamazaki_common_ft .inner #basicinfo a {
	padding-left: 13px;
	font-size: 20px;
	letter-spacing: 1px;
}	

}	

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

#yamazaki_common_ft .inner #basicinfo {
	width: 100px;
	height: 31px;
		background-position: 82px 7px;
	background-size: 10px 14px;
		line-height: 29px;
}
#yamazaki_common_ft .inner #basicinfo a {
	padding-left: 10px;
	font-size: 16px;
	letter-spacing: 1px;
}	
}		

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

#yamazaki_common_ft .inner #basicinfo {
	width: 78px;
	height: 24px;
	background-position: 65px 6px;
	background-size: 7px 10px;
	line-height: 22px;
}

#yamazaki_common_ft .inner #basicinfo a {
	padding-left: 7px;
	font-size: 13px;
	letter-spacing: 0px;
}	
}		


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

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


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

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

}		



/* #yamazaki_common_ft .btn_box
------------------------------ */

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

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

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

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

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

/* #yamazaki_common_ft .ft_info_box
------------------------------ */
#yamazaki_common_ft .ft_info_box{
width: 100%;
line-height: 150%;
margin-top: 7.8125%;
color: #fff;
}

/* #yamazaki_common_ft .ft_info_item
------------------------------ */
#yamazaki_common_ft .ft_info_item{
margin:20px 0 0 0;
padding-bottom: 20px;
}

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

#yamazaki_common_ft .phone_link{
display: block;
width: 100%;
margin: 6px 0 0 0;
text-align: center;
border: 1px solid #fff;
padding: 15px 0 10px 25px;
text-align: left;
margin-bottom: 7px;
}

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

#yamazaki_common_ft .tel_number,
#yamazaki_common_ft .caution{
color: #ff6056;
}

#yamazaki_common_ft .caution,
#yamazaki_common_ft .time{
display: block;
font-size: 16px;
line-height: 140%;
}

#yamazaki_common_ft .time{
margin-top: 3px;
}

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

@media screen and (max-width: 350px){
	#yamazaki_common_ft .phone_link a{
	font-size: 26px;
	}
	#yamazaki_common_ft .caution,
	#yamazaki_common_ft .time{
	font-size: 14px;
	}
}

#yamazaki_common_ft img.tel{
	display: none;
}

/* #yamazaki_common_ft .ft_info_listTtl,#yamazaki_common_ft .ft_info_listText */
#yamazaki_common_ft .ft_info_listTtl,
#yamazaki_common_ft .ft_info_listText{
font-size: 16px;
text-align: left;
}

#yamazaki_common_ft .ft_info_listTtl{
white-space: nowrap;
min-width: 20vw;
}

@media screen and (max-width: 350px){
	#yamazaki_common_ft .ft_info_listTtl,
	#yamazaki_common_ft .ft_info_listText{
	font-size: 14px;
	}
}


/* #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;
/*text-indent:-9999px;*/
/*background:url(/sun_common/contents_alias/factory/yamazaki/common/img/ttl_imp_info.png) no-repeat 15px 15px;*/
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/factory/yamazaki/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/factory/yamazaki/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;
font-weight:bold;
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/factory/yamazaki/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/factory/yamazaki/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% 3.5% 6% 4%;
}

#container .contents #main_contents .event_info_box ul li h4{
font-weight:bold;
font-size: 20px;
color: #c43c00;
margin: 0 0 1% 0;
}

#container .contents #main_contents .event_info_box ul li h5{
font-weight:normal;
font-size: 18px;
color: #c43c00;
line-height: 1.4;
margin: 0 0 1.5% 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:18px;
line-height:1.4;
letter-spacing:0.3px;
margin:11px 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 14px 0 14px;
}

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

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

#container .contents .info_box dl dt:after{
display:block;
position:absolute;
top:8px;
right:10px;
background:url(/sun_common/contents_alias/factory/yamazaki/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/yamazaki/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;
}

/* 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:350px){
yamazaki_common_ft .contacts_box dl.tel dt{
font-size:18px;
}

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

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

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

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

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

#yamazaki_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; }			
	
}



/*見学停止対応*/
/*
#yamazaki_common_hd .hd .btn_box li.reserve_btn {display: none;}
#yamazaki_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;} 
*/

/*202310*/
/*
#wrapper .inner .common_navi ul li.navi_02,
#wrapper .inner .common_navi ul li.navi_04 { display: none; }
*/