@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/tominooka/common/img/bg_sp.png) repeat 0 0;
text-align:center;
}

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

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

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

/* アクセス非表示時対応 */
/* #wrapper .inner .common_navi ul li:nth-child(5){
border-bottom:none;
} */
/* アクセス非表示時対応 */

#wrapper .inner .common_navi ul li a{
display:block;
background-color:#fff;
width:100%;
padding:15px 12px 15px 17px;
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 #b55260;
border-bottom:2px solid #b55260;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/*221221アクセスボタンリンク非設定START*/
/* #wrapper .inner .common_navi ul li.navi_05 a{background-color: #444;opacity: 0.8;}
#wrapper .inner .common_navi ul li.navi_05 a:after{
border: none;
} */
/*221221アクセスボタンリンク非設定*/

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

#wrapper .inner .common_navi ul li:first-of-type a {
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}

#wrapper .inner .common_navi ul li:last-of-type a {
	border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottom-left: 6px;
	-moz-border-radius-bottom-right: 6px;
	border-bottom: 1px solid #afa07a;
}

/* #wrapper .inner .common_navi ul li:nth-child(5) a {
	border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottom-left: 6px;
	-moz-border-radius-bottom-right: 6px;
	border-bottom: 1px solid #afa07a;
} */

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

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

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


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

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

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

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

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

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

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

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



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

	#tominooka_common_ft .inner{
		position: relative;
	}

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

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


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

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


/* #tominooka_common_ft .inner h1
------------------------------ */
#tominooka_common_ft h1{
width: 58%;
margin-bottom: 15px;
}

#tominooka_common_ft h1 img{
width: 100%;
}

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

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

}	*/	


/* #tominooka_common_ft .btn_box
------------------------------ */

#tominooka_common_ft .btn_box {
	width: 100%;
	/*margin: 9.375% 0 0 0;*/
}

#tominooka_common_ft .btn_box ul li a {
	display: block;
	border-radius:6px;
	-webkit-border-radius:6px;
}

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

#tominooka_common_ft .btn_box li{
margin:14px 0 0 0;
}

#tominooka_common_ft .btn_box li.reserve_btn a{
display:block;
background:#ac3d4d;
/*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;
}

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

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

#tominooka_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 #b55260;
border-bottom:2px solid #b55260;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

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

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

/* #tominooka_common_ft .ft_info_box
======================================================================== */

#tominooka_common_ft .ft_info_box{
width: 100%;
margin-top: 25px;
}

#tominooka_common_ft .ft_info_box th{
font-weight: normal;
}

#tominooka_common_ft .ft_info_item{
padding-bottom: 15px;
}

#tominooka_common_ft .ft_info_item_ttl{
font-size: 12px;
line-height: 130%;
margin: 0 0 5px 0;
color: #444;
font-weight: bold;
padding-bottom: 5px;
}

#tominooka_common_ft img.tel{
display: none;
}

#tominooka_common_ft .phone_link{
display: block;
width: auto;
border: 1px solid #ac3d4d;
text-align: left;
padding: 10px 0 10px 25px;
border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #fff;
}

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

#tominooka_common_ft .caution{
display: block;
margin: 2px 0 1px 0;
color: #ff0000;
font-size: 16px;
line-height: 2;
}

#tominooka_common_ft .time{
display: block;
font-size: 16px;
color: #444;
}

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

#tominooka_common_ft .ft_info_listText,#tominooka_common_ft .ft_info_listTtl{
font-size: 16px;
line-height: 150%;
color: #444;
}

@media screen and (max-width: 350px){
	#tominooka_common_ft .phone_link a{
	font-size: 26px;
	}
	#tominooka_common_ft .phone_link{
	text-align: center;
	padding-left: 0;
	}
	#tominooka_common_ft .caution,
	#tominooka_common_ft .time,#tominooka_common_ft .ft_info_listText,
	#tominooka_common_ft .ft_info_listTtl{
	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;
margin-bottom: 6.25%;
}

#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/factory/tominooka/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/tominooka/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/factory/tominooka/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/tominooka/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 0 6.25% 0;
/*width: 90.8%;*/
}

#container .contents #main_contents .event_info_box ul li {
background-image:
	url(/sun_common/contents_alias/factory/tominooka/common/img/bg_frame_hd_sp.png),  /* before */
	url(/sun_common/contents_alias/factory/tominooka/common/img/bg_frame_ft_sp.png),  /* after  */
	url(/sun_common/contents_alias/factory/tominooka/common/img/bg_frame_mid_sp.png); /* middle */

background-repeat:
	no-repeat,
	no-repeat,
	repeat-y;

background-position:
	top,
	bottom,
	top;
	
background-size: 100%;
margin:0 0 12px 0;
}

#container .contents #main_contents .event_info_box ul li .box{
padding: 6%;
}

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

#container .contents #main_contents .event_info_box ul li h5{
font-weight:normal;
font-size: 14px;
color: #bb7a38;
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 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 .info_box
==================================================== */
#container .contents .info_box{
padding:20px 0 0 0;
}

#container .contents .info_box dl{
/*background-color:#FFF;*/
border:1px solid #b3a580;
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/factory/tominooka/common/img/accordion_ico2.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/tominooka/common/img/accordion_ico2_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: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:350px){
#tominooka_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; }			
	
}