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

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

#wrapper #kyoto_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 #ff8600;
border-bottom:2px solid #ff8600;
-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:#f6f0d6;
}

/* 休業対応 再開の場合はコメントアウト */
/*#wrapper .inner .common_navi ul li.navi_03,
#wrapper .inner .common_navi ul li.navi_04{
    display:none;
}*/

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

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

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

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

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

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

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

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

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

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

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




/* #wrapper #kyoto_common_ft
======================================================================== */
#kyoto_common_ft{
	padding:30px 10px 30px 10px;
	text-align:left;
	}
	
		#kyoto_common_ft .inner{
			position: relative;
		}
	
		#kyoto_common_ft .inner #basicinfo {
			position: absolute;
			top: 20px;
			right: 0px;
			width: 158px;
			height: 49px;
			border: 1px solid #cbb76a;
			background: url("/sun_common/contents_alias/factory/kyoto/common/img/arrow1.png") 130px 13px no-repeat;
			background-size: 15px 21px;
			line-height: 47px;
			vertical-align: middle;
	
		}
		
		#kyoto_common_ft .inner #basicinfo a {
			display: block;
			color: #6d4a00;
			padding-left: 17px;
			font-size: 24px;
			font-weight: normal;
			letter-spacing: 1px;				
		}
	
	
	@media screen and (max-width: 600px) {
		
		#kyoto_common_ft .inner #basicinfo {
			width: 125px;
			height: 38px;
			background-position: 102px 10px;
			background-size: 12px 16px;
			line-height: 36px;
		}
		#kyoto_common_ft .inner #basicinfo a {
			padding-left: 13px;
			font-size: 20px;
			letter-spacing: 1px;
		}	
		
	}	
		
	@media screen and (max-width: 500px) {
		
		#kyoto_common_ft .inner #basicinfo {
			width: 100px;
				height: 31px;
				background-position: 82px 7px;
			background-size: 10px 14px;
				line-height: 29px;
		}
		#kyoto_common_ft .inner #basicinfo a {
			padding-left: 10px;
			font-size: 16px;
			letter-spacing: 1px;
		}	
	}		
	
	@media screen and (max-width: 400px) {
		
		#kyoto_common_ft .inner #basicinfo {
			width: 78px;
				height: 24px;
			background-position: 65px 6px;
				background-size: 7px 10px;
			line-height: 24px;
		}
		
		#kyoto_common_ft .inner #basicinfo a {
			padding-left: 7px;
			font-size: 13px;
			letter-spacing: 0px;
		}	
	}		
	
	
	/* #kyoto_common_ft .inner h1
	------------------------------ */
	#kyoto_common_ft h1{
	width: 58%;
	margin-bottom: 15px;
	}
	
	#kyoto_common_ft h1 img{
	width: 100%;
	}
	
	/*@media screen and (max-width: 420px) {
	
	#kyoto_common_ft h1 img{
		margin-bottom: 10px;
	}
	
	}	*/	
	
	
	/* #kyoto_common_ft .btn_box
	------------------------------ */
	
	#kyoto_common_ft .btn_box {
		width: 100%;
		/*margin: 9.375% 0 0 0;*/
	}
	
	#kyoto_common_ft .btn_box ul li a {
		display: block;
		border-radius:6px;
		-webkit-border-radius:6px;
	}
	
	#kyoto_common_ft .btn_box ul li a img {
		width: 100%;
		height: auto;
	}
	
	#kyoto_common_ft .btn_box li{
	margin:14px 0 0 0;
	}
	
	#kyoto_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;
	}
	
	#kyoto_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);
	}
	
	#kyoto_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;
	}
	
	#kyoto_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);
	}
	
	#kyoto_common_ft .btn_box li.reserve_btn a.hover,
	#kyoto_common_ft .btn_box li.app_btn a.hover{
		opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
	}
	
	#kyoto_common_ft .phone_link:hover{
		opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
	}
	
	/* #kyoto_common_ft .ft_info_box
	======================================================================== */
	
	#kyoto_common_ft .ft_info_box{
	width: 100%;
	margin-top: 25px;
	color: #6d4a00;
	}
	
	#kyoto_common_ft .ft_info_item{
	padding-bottom: 15px;
	}
	
	#kyoto_common_ft .ft_info_item_ttl{
	font-size: 12px;
	line-height: 130%;
	margin: 0 0 5px 0;
	color: #6d4a00;
	font-weight: bold;
	padding-bottom: 5px;
	}
	
	#kyoto_common_ft img.tel{
	display: none;
	}
	
	#kyoto_common_ft .phone_link{
	display: block;
	width: auto;
	border: 1px solid #6d4a00;
	text-align: left;
	padding: 10px 0 10px 25px;
	}
	
	#kyoto_common_ft .phone_link a{
	color: #6d4a00;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 2px;
	background: url(/sun_common/contents_alias/factory/kyoto/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;
	}
	
	#kyoto_common_ft .caution{
	display: block;
	margin: 2px 0 1px 0;
	color: #f00;
	font-size: 16px;
	line-height: 2;
	}
	
	#kyoto_common_ft .time{
	display: block;
	font-size: 16px;
	}
	
	#kyoto_common_ft .ft_info_listTtl{
	text-align: left;
	min-width: 20vw;
	white-space: nowrap;
	}
	
	#kyoto_common_ft .ft_info_listText,#kyoto_common_ft .ft_info_listTtl{
	font-size: 14px;
	line-height: 150%;
	}
	
	#kyoto_common_ft .ft_info_listText_nowrap {
	white-space: nowrap;
	}
	
	@media screen and (max-width: 350px){
		#kyoto_common_ft .phone_link a{
		font-size: 26px;
		}
		#kyoto_common_ft .phone_link{
		text-align: center;
		padding-left: 0;
		}
		#kyoto_common_ft .caution,
		#kyoto_common_ft .time,#kyoto_common_ft .ft_info_listText,
		#kyoto_common_ft .ft_info_listTtl{
		font-size: 14px;
		}
	}

/* #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% 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;
font-weight:bold;
color:#dc0000;
/*text-indent:-9999px;*/
/*background:url("/factory/common/img/sp/ttl_imp_info.png") no-repeat 15px 15px;*/
/*background-size:98px 13px;*/
}

#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;
margin:0 0 10px 0;
/*border-bottom:1px dotted #b39f58;*/
padding:0 0 10px 10px;
color:#322517;
background:url(/sun_common/contents_alias/factory/kyoto/common/img/dot.png) left bottom repeat-x;
font-weight:bold;
}

#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{
color:#322517;
font-weight:bold;
position:relative;
padding:5px 30px 5px 0;
background:url(/sun_common/contents_alias/factory/kyoto/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/kyoto/common/img/accordion_ico_2.png) no-repeat 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/kyoto/common/img/accordion_ico_2_on.png) no-repeat 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;
}


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

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

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



/* 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){
#kyoto_common_ft .btn_box li.reserve_btn a{
font-size:16px;
}
}


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



/*見学停止対応「見学ツアー・セミナー」「ショップ」「アクセス」2024.12.26*/

#kyoto_common_hd .hd .btn_box li.reserve_btn {display: none;}
#kyoto_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_04 {display: none;}
#wrapper .inner .common_navi ul li.navi_05 {display: none;}