@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: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, 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;
}

.suntory_contents_breadcrumb {
	display: flex;
}

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

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

#guide_wrap_in #guide_wrap_hd h2,
#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 h2,
#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{order: 1;}
#guide_wrap_in #guide_wrap_hd h2,
#guide_wrap_in #guide_wrap_hd p.lead,
#guide_wrap_in #guide_wrap_hd .page_navi ul,
#guide_wrap_in #guide_wrap_ft{
width:95%;
max-width:95%;
font-size:13px;
}
#guide_wrap_in #guide_wrap_hd h2{
font-size: 15px;
}
}

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

/* #guide_wrap_in ruby {
position: relative;
}
#guide_wrap_in rt {
position: absolute;
top: -1em;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
} */


/* #guide_wrap_hd
=========================================================== */
#guide_wrap_hd{
padding-bottom:0.5em;
margin-bottom: 3.5em;
}
@media only screen and (max-width:767px){
#guide_wrap_hd{
margin-bottom: 1.5em;
}
}

/* #guide_wrap_hd h1
-------------------------------------------------- */
#guide_wrap_hd h1 em{
display:block;
margin: 75px 0 100px;
padding: 0 2.5vw;
font-size: 2.25rem;/* 36px */
line-height: 1.4;
font-weight:bold;
text-align: center;
}
@media only screen and (max-width:767px){
	#guide_wrap_hd h1 em{
		margin: 13.333333333333333vw auto 16vw;
		font-size: 8vw;
	}
}

#guide_wrap_hd h2 {
padding-top: 35px;
font-size:1.1em;
font-weight:bold;
}	

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


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

#guide_wrap_ft h2{
padding-top:3em;
font-size:1.3em;
font-weight:bold;
color:#000;
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;
font-size:1.1em;
}

#guide_wrap_ft dl dd{
padding:0.8em;
}
#guide_wrap_ft dl dd span.indent{
  display: block;
  margin-left:1em;
  text-indent:-1em;
  line-height: 1.6;
}



@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:#000;
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 dl dd ul.optlist
------------------------------ */
#guide_wrap_ft dl dd ul.optlist{
margin-top:0.5em;
}

#guide_wrap_ft dl dd ul.optlist li{
text-indent:1em;
margin: 0.5em 0 1em;
}


/* #guide_wrap_ft 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;
}

/* icon_blank
------------------------------ */
.icon_blank {
	display: inline-block;
	width: 1em;
	margin-left: 6px;
	vertical-align: middle;
}

/* arrow_link
------------------------------ */
.arrow_link:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0 0 8px;
	border-top: 2.5px solid #005886;
	border-right: 2.5px solid #005886;
	transform: rotate(45deg);
}

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