@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* reset
==================================== */
html,
body{
margin:0;
padding:0;
border:0;
}

#guide_wrap{
margin:0;
padding:0;
border:0;
outline:0;
line-height:1;
background:transparent;
-webkit-text-size-adjust:none;
background-color:#fff;
text-align:left;
}

#guide_wrap h1,#guide_wrap h2,#guide_wrap h3,#guide_wrap h4,#guide_wrap h5,#guide_wrap h6,#guide_wrap p,#guide_wrap ol,#guide_wrap ul,#guide_wrap li,#guide_wrap dl,#guide_wrap dt,#guide_wrap dd,#guide_wrap table,#guide_wrap th,#guide_wrap td,#guide_wrap form,#guide_wrap br,#guide_wrap address,#guide_wrap button,#guide_wrap span,#guide_wrap em,#guide_wrap i,#guide_wrap a,#guide_wrap input,#guide_wrap button{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%
font-style:normal;
line-height:1;
vertical-align:baseline;
outline:none;
box-sizing:border-box;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
background-color:transparent;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}

#guide_wrap table{
border-collapse:collapse;
text-align:left;
}

#guide_wrap input{
vertical-align:middle;
}

#guide_wrap ol,#guide_wrap ul,#guide_wrap li{
list-style:none;
}

#guide_wrap a,
#guide_wrap input,
#guide_wrap button{
cursor:pointer;
text-decoration:none;
}

#guide_wrap img{
-ms-interpolation-mode:bicubic;
border:0;
}



/* STYLE
============================================================ */
#guide_wrap{
text-align:center;
font-size:15.5px;
color:#555;
}

#guide_wrap:after{content:""; clear:both; display:block;}

#guide_wrap_in #guide_wrap_hd #breadcrumbs,
#guide_wrap_in #guide_wrap_hd h1 em,
#guide_wrap_in #guide_wrap_hd p.lead,
#guide_wrap_in #guide_wrap_hd .page_navi ul,
#guide_wrap_in #guide_wrap_ft{
width:98%;
margin:0 auto;
text-align:left;
}

@media only screen and (min-width:961px){
#guide_wrap_in #guide_wrap_hd #breadcrumbs,
#guide_wrap_in #guide_wrap_hd h1 em,
#guide_wrap_in #guide_wrap_hd p.lead,
#guide_wrap_in #guide_wrap_hd .page_navi ul,
#guide_wrap_in #guide_wrap_ft{
max-width:1164px;
}

}

@media only screen and (max-width:767px){
#guide_wrap_in #guide_wrap_hd #breadcrumbs,
#guide_wrap_in #guide_wrap_hd h1 em,
#guide_wrap_in #guide_wrap_hd p.lead,
#guide_wrap_in #guide_wrap_hd .page_navi ul,
#guide_wrap_in #guide_wrap_ft{
width:98%;
max-width:98%;
font-size:13px;
}

}


#guide_wrap_in p,
#guide_wrap_in dd,
#guide_wrap_in td,
#guide_wrap_in ul li{
line-height:1.6;
}


/* #guide_wrap_hd
=========================================================== */
#guide_wrap_hd{
padding-bottom:0.5em;
}

/* #guide_wrap_hd #breadcrumbs
-------------------------------------------------- */
#guide_wrap_hd #breadcrumbs ul:after{content:""; clear:both; display:block;}

#guide_wrap_hd #breadcrumbs ul{
padding:15px 0;
}

#guide_wrap_hd #breadcrumbs ul li{
float:left;
font-size:12px;
line-height:1.5;
letter-spacing:1px;
position:relative;
}

#guide_wrap_hd #breadcrumbs ul li:after{
content:"\003e";
padding:0 5px;
}

#guide_wrap_hd #breadcrumbs ul li:last-child:after{
display:none;
}

#guide_wrap_hd #breadcrumbs ul li a:link,
#guide_wrap_hd #breadcrumbs ul li a:visited,
#guide_wrap_hd #breadcrumbs ul li a:hover,
#guide_wrap_hd #breadcrumbs ul li a:active{
color:#46555e;
}

#guide_wrap_hd #breadcrumbs ul li a:hover,
#guide_wrap_hd #breadcrumbs ul li a:active{
text-decoration:underline;
}

/* #guide_wrap_hd h1
-------------------------------------------------- */
#guide_wrap_hd h1{
width:100%;
background:#dde9f3;
}

#guide_wrap_hd h1 em{
display:block;
padding:10px 0;
font-size:1.8em;
font-weight:bold;
color:#000;
}

#guide_wrap_hd p.lead{
padding-top:1.5em;
}

/* #guide_wrap_hd .page_navi
-------------------------------------------------- */
#guide_wrap_hd .page_navi{
margin-top:18px;
}

#guide_wrap_hd.fixed{
width:100%;
position:fixed;
top:0;
left:0;
z-index:500;
}

#guide_wrap_hd.fixed #breadcrumbs{display:none;}
#guide_wrap_hd.fixed h1 em{
padding:5px 5px 7px 8px;
font-size:1.1em;
font-weight:normal;
}
#guide_wrap_hd.fixed .page_navi{margin-top:0;}

#guide_wrap_hd .page_navi ul:after{content:""; clear:both; display:block;}

#guide_wrap_hd .page_navi ul li{
float:left;
width:25%;
}
@media only screen and (max-width:480px){
	#guide_wrap_hd .page_navi ul li{
	float:left;
	width:20%;
	}
	#guide_wrap_hd .page_navi ul li:nth-child(3){
	width:32%;
	}
	#guide_wrap_hd .page_navi ul li:nth-child(4){
	width:28%;
	}
}@media only screen and (max-width:360px){
	#guide_wrap_hd .page_navi ul li{
	float:left;
	width:20%;
	letter-spacing: -1px;
	}
}

/*@media only screen and (max-width:767px){#guide_wrap_hd .page_navi ul li{width:50%;}}*/
@media only screen and (max-width:360px){#guide_wrap_hd .page_navi ul li{font-size:0.9em;}}

#guide_wrap_hd .page_navi ul li a{
display:block;
text-align:center;
background:#bde8f4;
padding:0.8em 0;
border:2px solid #fff;
color:#000;
}

@media only screen and (max-width:767px){#guide_wrap_hd .page_navi ul li a{border-style:1px solid;}}

#guide_wrap_hd .page_navi ul li a:hover{
background:#5bc2dc;
color:#fff;
}

/* #guide_wrap_ft
=========================================================== */
#guide_wrap_ft{
padding-bottom:2em;
}

#guide_wrap_ft h2{
padding-top:3em;
font-size:1.3em;
font-weight:bold;
color:#444;
text-align:center;
}

#guide_wrap_ft sup{
font-size:0.8em;
}

#guide_wrap_ft p.lead{
padding:2em 0;
}

#guide_wrap_ft dl{
padding:2.3em 0 1.8em 0;
}

#guide_wrap_ft .guide_list{
border-bottom:1px dotted #999;
}

#guide_wrap_ft .guide_list>dl{
border-top:1px dotted #999;
}

#guide_wrap.kohyo #guide_wrap_ft .guide_list>dl:first-child{border:0;}

#guide_wrap_ft dl dt{
font-weight:bold;
color:#444;
font-size:1.1em;
}

#guide_wrap_ft dl dd{
padding:0.8em;
}

@media only screen and (max-width:767px){#guide_wrap_ft dl dd{padding:0.5em;}}


/* #guide_wrap_ft .guide_list dl dd dl
-------------------------------------------------- */
#guide_wrap_ft .guide_list dl dd dl{
padding:0;
width:99%;
}

#guide_wrap_ft .guide_list dl dd dl dt{
margin-top:1em;
color:#555;
font-size:1em;
}

#guide_wrap_ft .guide_list dl dd dl dd{
padding:0.5em 0 1em 1.5em;
}

#guide_wrap_ft .guide_list dl dd dl dd:last-child{
border-bottom:0;
}



/* #guide_wrap_ft dl dd table
-------------------------------------------------- */
#guide_wrap_ft dl dd table th,
#guide_wrap_ft dl dd table td{
border:1px solid #aaa;
padding:0.5em;
text-align:left;
}

#guide_wrap_ft dl dd table th{
background:#f2f2f2;
padding:0.7em 0.5em;
}

#guide_wrap_ft dl dd table tr.hd th{
text-align:center;
}

/* #guide_wrap_ft dl dd ul.list
------------------------------ */
#guide_wrap_ft dl dd ul.list li{
text-indent:-1.2em;
margin-left:1.2em;
}

/* #guide_wrap_ft dl dd ul.caution 
------------------------------ */
#guide_wrap_ft dl dd ul.caution{
margin-top:0.8em;
}

#guide_wrap_ft dl dd ul.caution li{
font-size:0.9em;
line-height:1.2;
text-indent:-1.5em;
margin-left:1.5em;
margin-bottom:0.5em;
}


/* #guide_wrap_ft a
------------------------------ */
#guide_wrap_hd a,
#guide_wrap_ft a{
color:#06c;
text-decoration:underline;
padding:0 1px;
}

#guide_wrap_ft a:hover,
#guide_wrap_ft a:active{
text-decoration:none;
}


/* #guide_wrap_ft .ft_date
==================================== */
#guide_wrap_ft .ft_date{
width:100%;
text-align:right;
padding-top:1em;
}

#guide_wrap_ft .ft_date ul li{
padding:0 0.2em 0.5em 0;
}


/* #guide_wrap_ft .ft_link
==================================== */
#guide_wrap_ft .ft_link{
width:100%;
padding-top:2em;
}

#guide_wrap_ft .ft_link ul li{
text-indent:-1.2em;
margin-left:1.2em;
padding-bottom:1.5em;
line-height:1.2;
}



/* #suntory_contents .page_top p
============================================================ */
#suntory_contents .page_top{
padding:10px 3px;
}

#suntory_contents .page_top p{
width:100%;
margin:0 auto;
}

@media screen and (min-width:961px){#suntory_contents .page_top p{max-width:1164px;}}
@media only screen and (max-width:767px){#suntory_contents .page_top p{width:100%;max-width:100%;}}

#suntory_contents .page_top p:after{content:""; clear:both; display:block;}

#suntory_contents .page_top p i{
float:right;
position:relative;
display:inline-block;
padding-right:32px;
font-size:13px;
line-height:26px;
letter-spacing:0.5px;
color:#46555e;
cursor:pointer;
}

#suntory_contents .page_top p i:before,
#suntory_contents .page_top p i:after{
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
content:"";
vertical-align:middle;
}

#suntory_contents .page_top p i:before{
width:25px;
height:25px;
-webkit-border-radius:50%;
border-radius:50%;
background:#fff;
border:1px solid #5bc2dc;
}

#suntory_contents .page_top p i:after{
top:2.5px;
right:7%;
width:6px;
height:6px;
border-top:3px solid #5bc2dc;
border-right:3px solid #5bc2dc;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#suntory_contents .page_top p i:hover{
text-decoration:underline;
}

#suntory_contents .page_top p i:hover:before{background:#5bc2dc;}
#suntory_contents .page_top p i:hover:after{border-color:#fff;}

#alcohol .list{
	padding: 0 0 1.8em 0;
}