@charset "utf-8";

@import url('https://fonts.googleapis.com');
@import url('https://fonts.gstatic.com');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

html{height:100%;background:url(../images/bg.png) left #0088a1;}
body{width:100%;height:100%;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:100%;letter-spacing:-0.25px;line-height:1;}
img{width:100%;height:auto;-webkit-backface-visibility: hidden;}
#contents{width:1000px/*2019.01/06変更 元940px*/;height: auto; margin:-1em auto 0 auto;padding:30px 40px 20px 40px;overflow:hidden;background:#FFF;box-shadow:0px 0px 5px 0px rgba(59,59,59,1);z-index:1; position:relative;}
hr{border:0;border-bottom:1px solid #CCC;background:#FFF;}

h2#mtitle{z-index:-1;font-family: 'Oswald', sans-serif;
width: 100%;position: relative;font-size:5vw;text-align:center;
margin:0 auto;padding: 15% 0 4% 0;color:#FFF;
text-shadow: 0 0 5px rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
background-size:cover;background-position:center; background-repeat:no-repeat;line-height: 1.3;

/*background:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.7))*/


}
h2#mtitle storng{display: block;font-size:medium;}
h2.title{font-size:197%;color:#0889a5;line-height:1.3;margin:0.2em auto 0.7em auto;padding: 0 0 0.5em 0; border-bottom:1px solid;}

.apile{font-size:medium;line-height: 1.8;color:#00A0E9;font-weight:bold;padding:0.8em 1em;margin:0 auto 1em auto;border: solid 1px;border-radius: 20px 20px 20px 20px;}


/*20220506.終了*/
#end{margin:0 auto;background:rgba(0,0,0,0.5);
position: absolute;
top:0;
left: 0;
color:rgba(255,255,255,0.7);
width:100%;
height:100%;
}

#end span{margin:0 auto;
text-align: center;
font-size:2em;
line-height: 1.2;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:rgba(255,255,255,0.7);
}



/*20200407.対策*/
#relief02{margin:0.5em auto 1.5em auto;background:#FFF;width:100%;padding:1em 2em;overflow:hidden;border:2px solid #009b63;box-sizing: border-box;}
#relief02 h2{text-align:center;font-size:xx-large;color:#009b63;line-height: 1.6;margin:0 auto 0.2em auto;}
#relief02 p{font-size:medium;line-height: 1.8;}
#relief02 p.cent{text-align:center;margin:0 auto;}

/*20200407.対策*/
.relief02{margin:0 auto 1.5em auto;background:#FFF;width:100%;padding:1em 2em;overflow:hidden;border:2px solid #009b63;box-sizing: border-box;}
.relief02 h2{text-align:center;font-size:xx-large;color:#009b63;line-height: 1.6;margin:0 auto 0.2em auto;}
.relief02 p{font-size:medium;line-height: 1.8;}
.relief02 p.cent{text-align:center;margin:0 auto;}

/*20200407.対策*/
#relief{margin:2em auto 3em auto;background:#FFF;width:100%;text-align:center;}
#relief p{font-size: large;}



/*Gotoトラベル*/
span.goto{color: yellow;background: #00A0E9;line-height:1.5;border-top:5px solid #00A0E9;font-weight:bold;padding:0.5em 1em;}
.gototitles{font-size:medium;line-height:1.4; color: yellow;background: #00A0E9;font-weight:bold;display:inline-block;padding:0.5em 1em;}
span.gotono{color:#787878;line-height:1.5;border-top:5px solid #FFF;font-weight:bold;padding:0.5em 1em;}


.stx{margin:0 auto;font-size:100%;line-height:1.5;}

/*パンくず*/
#brcr{position:absolute;font-size: x-small;width:100%; background:url(../images/brcrbg.png);}
#brcr ul {position:relative;width:960px;margin: 0 auto;padding:1em;line-height:1.3;}
#brcr ul li {display: inline-block;color: #aaf0ff;letter-spacing:normal;}
#brcr ul li a:link,
#brcr ul li a:visited,
#brcr ul li a:active {padding: 0 20px 0 0;margin: 0 5px 0 0;background: url(../images/link.png) center right no-repeat;color: #FFF;text-decoration:none;}
#brcr ul li a:hover {color:#CCC;text-decoration:none;}

/*バナー*/
ul.abr{width:100%;margin:20px auto 0 auto;text-align:center;overflow:hidden;table-layout:fixed;display:table;border-collapse:separate;border-spacing:5px 0;}
ul.abr li{width:33.333%;display:table-cell;border-bottom:1px solid #CCC;border-right:1px solid #CCC;background:#FF6;}
ul.abr li.no{border:none;background: transparent;}
ul.abr li dl{font-size:77%;padding: 0.2em 0.7em 0.5em 0.7em;line-height:1.2; overflow:hidden;}
ul.abr li dl dt{line-height:1.2;margin:0 0 5px 0;padding:3px 0 0 0;color:#FFF;font-weight:bold;text-align:center;}
ul.abr li dl dd{padding:0 0.7em 0 0.7em;}

ul.abr li span{font-size: 77%;line-height: 125%;display: block;padding: 3px 5px 5px 5px;height:auto;}
ul.abr li span strong{font-size: 131%;line-height: 125%;display: block;}
ul.abr li a:link,
ul.abr li a:visited,
ul.abr li a:active {display:block; overflow:hidden;color: #FFF;background: #00b1d8; padding:0;}
ul.abr li a:hover {color:#FFF; background:#00ccf9;}

/*メニュー*/
ul#etc{width: 100%;clear: both;float: none;font-size: 85%;text-align: center;margin: 3em auto;overflow: hidden;}
ul#etc li{display:inline-block;letter-spacing: normal;margin:0 2px 2px 2px;overflow: hidden;}

/*コンテンツトップアピールバナー*/
ul#blist { overflow: hidden; margin: 3% auto;line-height: 0;text-align: center;table-layout:fixed;display:table;border-collapse: separate;border-spacing: 10px 0;}
ul#blist li {text-align: center;width:25%;height: auto;display: table-cell;overflow: hidden; border-top: 5px solid; vertical-align:top;}
ul#blist li span {font-size: 77%;line-height: 1.2;display: block;padding: 0; margin: 0 auto; overflow: hidden;}
ul#blist li span strong {font-size:123.1%;display: block; margin: 0 auto 5px auto; padding: 3px 0 3px 0; color: #FFF;}

/*コンテンツトップアピールバナーレストラン*/
ul#blist li.bek {color:#F60;}
ul#blist li.bek  span strong{background:#F60;}
ul#blist li.ran {color:#090;}
ul#blist li.ran span strong {background:#090;}
ul#blist li.din {color:#C00;}
ul#blist li.din  span strong{background:#C00;}
ul#blist li.aft {color:#339;}
ul#blist li.aft span strong {background:#339;}

/*各コンテンツトップアイコン*/
ul.tlist{width:100%;margin:3em auto;text-align:center;overflow:hidden;table-layout:fixed;display:table;border-collapse:separate;border-spacing:1px 0;}
ul.tlist li{display:table-cell;text-align:left;width:25%;overflow:hidden;vertical-align:top;background:#f0f0f0;}
ul.tlist li.nobord{border:none;background:none;}
ul.tlist li.no{background:none;}

ul.tlist.wi3{width:66.7%;}
ul.tlist li img{width: 100%;}
ul.tlist dl{margin: 0.2em 0.7em 1em 0.7em;line-height: 1.2;}
ul.tlist dl dt{line-height: 1.2;margin: 0 0 5px 0;padding: 3px 0 0 10px;color: #0889a5;font-weight: bold;background: url(../images/linkb.png) left center no-repeat;background-size: 6px;}
ul.tlist dl dd{font-size: 77%;color:#333;}

/*room*/
ul.tlist dl dd span.winfo,
ul.tlist dl dd span.nsmok,
ul.tlist dl dd span.smok{display:inline-block;margin:7px 3px 0 0;padding:2px 7px 1px 7px;border:1px solid;}
ul.tlist dl dd span.winfo{color:#666;}
ul.tlist dl dd span.nsmok{color:#F66;}
ul.tlist dl dd span.smok{color:#396;}

/*レストラン*/
ul.tlist dl dt span.storename{display:block;}
ul.tlist dl dd span.ibek,
ul.tlist dl dd span.iran,
ul.tlist dl dd span.idin,
ul.tlist dl dd span.iaft,
ul.tlist dl dd span.ieve {display: inline-block;margin: 7px 3px 0 0;padding: 2px 7px 1px 7px;border: 1px solid;}
ul.tlist dl dd span.ibek {color:#F60;}
ul.tlist dl dd span.iran {color:#090;}
ul.tlist dl dd span.idin {color:#C00;}
ul.tlist dl dd span.iaft {color:#339;}
ul.tlist dl dd span.ieve {color: #F00;}

ul.tlist dl dd span.ired {background:  #F00; color: #FFF;display: inline-block;margin: 7px 3px 0 0;padding: 2px 7px 1px 7px;border: 1px solid;}


/*レストラン 選べる～*/
ul.restcon{width:100%;margin:3em auto;text-align:center;overflow:hidden;table-layout:fixed;display:table;border-collapse:separate;border-spacing:1px 0;}
ul.restcon li{display:table-cell;width:25%;overflow:hidden;vertical-align:top;}
ul.restcon li.breakfast dl,
ul.restcon li.breakfast dt,
ul.restcon li.breakfast dd{color:#F60;}
ul.restcon li.lunch dl,
ul.restcon li.lunch dt,
ul.restcon li.lunch dd{color:#090;}
ul.restcon li.dinner dl,
ul.restcon li.dinner dt,
ul.restcon li.dinner dd{color:#C00;}
ul.restcon li.after dl,
ul.restcon li.after dt,
ul.restcon li.after dd{color:#339;}
ul.restcon dl{text-align:center;margin: 0.2em 0.5em 0 0.5em;padding:0.5em;line-height:1.5;border-top:5px solid;}
ul.restcon dl dt{font-weight:bold;font-size:131%;margin:0 0 0.2em 0;}
ul.restcon dl dt span{display:block;}
ul.restcon dl dd{font-size:85%;}

/*コンテンツトップマリン 期間振り分け*/
ul.tlistmt{width:100%;overflow:hidden;margin:0 auto;}
ul.tlistmt li{position:relative;text-align:left;overflow:hidden;display:block;margin:5% 8%;}
ul.tlistmt li img{width:20%;margin:0 0 1em 0;padding:0;line-height:0; float:left;}
ul.tlistmt dl{margin:1em 2em; clear:both;line-height:1.5;}
ul.tlistmt dl dt{font-size:123.1%;margin:0 0 0.5em 0;}
ul.tlistmt dl dt span{display:block;}
ul.tlistmt dl dd{font-size:77%;color:#666;}

/*コンテンツトップマリン*/
h3.mctitle{font-size:131%;color:#0889a5;font-weight:bold;line-height:1.3;margin:2em auto 0.3em auto; border-bottom:1px solid;}
ul.spase3t{margin:0 auto;overflow:hidden; padding:0.2em 0 0 0;}
ul.spase3b{margin:0 auto 3% auto;overflow:hidden;}
ul.tlistm{width:100%;overflow:hidden;table-layout:fixed;display:table;border-collapse:separate;border-spacing:1px 0; margin:1em auto 1em auto;}
ul.tlistm li{position:relative;display:table-cell;text-align:center;width:25%;overflow:hidden;vertical-align:top;}
ul.tlistm li.nobord{border:none;}
ul.tlistm li img{width:100%;margin:0 0 0 0;line-height:0;}
ul.tlistm dl{margin:0 0.5em 1em 0.5em;padding-top:0.3em;}
ul.tlistm dl dt{line-height:1.2;margin:0;}
ul.tlistm dl dd{position:absolute;top:0;font-size:77%;color:#FFF;background:#F00;display:inline-block;padding:0.3em; border:1px solid;text-shadow:none;white-space:nowrap;}

/*hayawari*/
ul.tlistm li.advance{width:50%;}

.clerfix:after {display:block; clear:both;content: "";}

/*--コンテンツ2ページ以降--*/
#contents #main{float:left;width:710px;overflow:hidden;}

/* Photo切替 */
.photo{margin: 5% auto;line-height: 0;}
.photo p{width:100%;height:auto;background: #000;line-height:0;margin-bottom:0;}
#MainPhoto,#MainPhoto2{display:block;width:100%;height:auto;}
.photo ul{font-size:77%;overflow:hidden;clear:both;width:100%;margin:0;table-layout:fixed;display:table;border-collapse:separate;border-spacing:1px 1px;}
.photo li{text-align:center;width:auto;display:table-cell;vertical-align: bottom;}
.photo li img{width:100%;-ms-interpolation-mode:bicubic;cursor:pointer;}
.photo li span{margin:2px 0 5px 0; display:block;line-height:1.2;}
.photo li a:link,
.photo li a:visited,
.photo li a:active{display: block;}
.photo li a:hover{opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";}

/* インフォ写真有 */
h3.info{display:block;font-size:131%;line-height:1.2;color:#0889a5;font-weight:bold;margin:0 auto; padding:0 0 0.4em 0.3em;border-bottom:1px solid;}
.infoa{float:left;font-size: 85%;line-height:1.5;width: 70%;margin: 0 auto 3% auto;overflow:hidden;}
.infoa dl{margin: 0 15px 0 0;padding:10px;overflow: hidden;border-bottom:1px dotted #999;}
.infoa dl dt{float: left;width: 30%;font-weight: bold;}
.infoa dl dd{float: right;width: 70%;}
ul.infop{font-size: x-small;overflow: hidden;width:30%;float:right; margin: 3% 0;}
ul.infop li img{margin: 0 0 3px 0;}
ul.infop li{text-align: right;margin: 0 0 10px 0;}

/* インフォ写真無 */
.infoc {font-size: 85%;line-height:1.5;margin: 0 auto 2.5em auto;overflow:hidden;}
.infoc p.infotext{font-size:93%;line-height:1.3;margin:1em auto;}
.infoc dl {margin: 0 auto;padding:10px;overflow: hidden;border-bottom: dotted 1px #999;}
.infoc dl dt {float: left;width: 30%;font-weight: bold;}
.infoc dl dd {float: right;width:70%;}

/* 写真と文章 */
.desca {overflow: hidden;margin: 1.5%; padding:0 2% 2% 2%;border: solid 1px #CCC;}
.desca p {font-size: 77%; line-height:1.3;}
.desca img{ width:30%; float:left; margin-right: 1%;}

/* インフォ注意書き */
ul.infob {clear:both;display:block;overflow:hidden;margin: 1.5em; padding:1%;font-size: 77%; line-height:1.3;}
ul.infob li.titleate {font-size:123.1%;font-weight:bold;color:#0889a5;border-bottom:1px solid;margin:0 0 0.4em 0; padding:0 0 0.4em 0.3em;}
ul.infob li {margin: 0 1em;padding:0 0.5em 0.5em 0;list-style:circle;}

/*説明＆写真有無（マリン・*/
.area{clear:both;margin:0 auto;padding:2.2em 0.5em 1.8em 0;overflow:hidden;
box-shadow:0 7px 5px -5px rgba(204,204,204,1);
-webkit-box-shadow:0 7px 5px -5px rgba(204,204,204,1);
-moz-box-shadow:0 7px 5px -5px rgba(204,204,204,1);
}
.area dl{overflow:hidden;padding:0.1em 0 0 0;}
.area dl dt{font-size:123.1%;font-weight:bold;line-height:1.3;color:#0889a5;border-bottom:1px solid;margin:0 0 0.1em 0;padding:0 0 0.2em 0.3em;}
.area dl dd{font-size:85%;border-bottom:1px dotted #999;line-height:1.4;margin:0;padding:0.6em 0 0.5em 0.3em;}
.area dl dd.no{font-size:100%;}
.area dl dd strong{margin:0 1em 0 0;}
.area dl.w50olo{width:48%; float:left; margin:0 2% 0 0;}
.photor{width:60%;float:right;margin:0 0 0 2%;}
.photol{width:60%;float:left;margin:0 2% 0 0;}
.photors{width:40%;float:right;margin:0 0 0 2%;}
.photols{width:40%;float:left;margin:0 2% 0 0;}
table.areazone{border-top:1px solid #999;border-left:1px solid #999;border-collapse:collapse;text-align:center;font-size:85%;line-height:1.2;margin:1em 0;}
table.areazone th,
table.areazone td{border-right:1px solid #999;border-bottom:1px solid #999;padding:0.5em;}
table.areazone th{background-color:#d4fff4;font-weight:bold;}
.atte{font-weight:bold;display:block;color:#F60;}

/*3列商品説明（ショップ・*/
.areaitem{clear:both;margin:2em auto 0 auto; padding:0.5em 0 0.5em 0;overflow:hidden; border-bottom:1px solid #CCC;}
.areaitem h3{font-size:123.1%;font-weight:bold;color:#0889a5;border-bottom:1px solid;padding:0 0 0.3em 0;}
.areaitem p{font-size:77%;padding:0.5em 0 0.3em 0;}
.areaitem ul{width:100%;table-layout:fixed;display:table;border-collapse: separate;border-spacing:1px 0;vertical-align:top;padding:1em 0 0.5em 0;}
.areaitem ul li{display:table-cell;width:33.333%;}
.areaitem ul dl{overflow:hidden;padding:0.2em 0.7em 0 0.7em;line-height:1.3;}
.areaitem ul dl dt{font-size:85%;color:#0889a5;}
.areaitem ul dl dd{font-size:77%;}

/*文章（マリン・*/
.wordlista,dl.wordlistb{margin:0.5em auto 0 auto;padding:1em 1em 0 1em;overflow:hidden;}
.wordlista h3,dl.wordlistb dt{font-size:123.1%;font-weight:bold;color:#0889a5;border-bottom:1px solid;margin:0 0 0.5em 0;padding:0 0 0.3em 0;}
.wordlista ul li,dl.wordlistb dd{font-size:77%;line-height:1.2;margin:0 0 0.5em 0;padding:0 0 0 0.8em;background:url(../images/iconlista.png) no-repeat left 0.3em; background-size:auto 0.6em;}
.wordlista ul li{float:left;width:30%;}
dl.wordlistb dd.no{background:none;}

.mailbtn{display: inline-block;font-size:20px;}
.mailbtn strong{ font-size:131%;display:block;font-weight:bold; margin:0 auto 0.2em auto;}

.entry{width:50%;margin:0 1em;padding:0.7em 0.7em 0.2em 0.7em;overflow:hidden; color:#0889a5;border:1px solid;}
dl.entry dt{font-size:85%;font-weight:bold;border-bottom:1px solid;margin:0 0 0.5em 0;padding:0 0 0.4em 0}
dl.entry dd{font-size:77%;line-height:1.2;margin:0 0 0.5em 0;}

.textsatte{margin:0.5em auto 2em auto;padding:1em 1em 0 1em;overflow:hidden;}
.textsatte p{font-size:77%;line-height:1.3;}
ul.confirmation{margin:0.8em auto;overflow:hidden;}
ul.confirmation li{ width:48%;display:inline-block;}

ul.attered{margin:1em auto 0 auto;padding:0.7em 0.7em 0.2em 0.7em;overflow:hidden;color:#F00;border:1px solid;}
ul.attered li{font-size:85%;color:#F00;font-weight:bold;line-height:1.2;margin:0 0 0.5em 0;}

.menu{width:70%;margin:1.5em auto;}

/*サイドメニュー*/
#side{float:right;width:210px;overflow:hidden;padding:0;
background: url(../images/sidebg.png);
}
#side ul#snavi{display:block;overflow:hidden; margin:0 auto 2px auto;}
#side ul#snavi li.title {font-size:85%;line-height:1.2;font-weight:bold;width:100%;margin:0 0 1px 0;padding:0;text-align: center;background:url(../images/sidebga.png);}
#side ul#snavi li.titles {font-size:93%;line-height:1.2;margin:0 0 1px 0;padding:10px 0 5px 0; color:#0088a1; border-bottom:1px solid;background:none;}
#side ul#snavi li span { display: block;line-height:1.3;}
#side ul#snavi li.no {margin: -5px 15px -5px 0;background:none;}
#side ul#snavi li.title a:link,
#side ul#snavi li.title a:visited,
#side ul#snavi li.title a:active {display: block;padding:1em;color: #FFF;}
#side ul#snavi li.title a:hover {background:#00b1d8;}
#side ul#snavi li {font-size:77%;line-height:1.3;background:url(../images/linkb.png) no-repeat 0.5em center;background-size:auto 1em;}

#side ul#snavi li a:link,
#side ul#snavi li a:visited,
#side ul#snavi li a:active{display:block;background:url(../images/sidebgc.png);margin: 0 auto 1px auto;padding:0.7em 0.7em 0.7em 1.3em;}
#side ul#snavi li a:hover {background:url(../images/sidebgb.png);}

#side ul#etc {display: block;margin:0 auto 1px auto; font-size:77%;}
#side ul#etc li { width:100%;margin:0;overflow:hidden;}
/*予約バナー*/
#side ul.abr {margin:0 auto;border-spacing:0 0;}
#side ul.abr li {display: block;width:99%;margin: 0 auto 3px auto;}
#side ul.abr li span {line-height: 125%;display: block;padding:0.3em;}
#side ul.abr li span strong {font-size: 116%;}

/*基本*/
strong{font-weight:bold;}
.red{color:#F00;}
.blue{color:#008AFF;}
.orange{color:#F60;}
.gold{color:#990;}
.wine{color:#C03131;}
.gray{color:gray;}
.yellow{color: yellow;}


.wide20{width:20%;}
.wide50{width:50%;}
.wide60{width:60%;}
.wide70{width:70%;}
.wide100{width:100%;}

.hei50{height:50%;}

/*注意*/
.precautionary{font-size:100%;display:block;overflow:hidden; border:1px solid #CCC;margin:1em auto;padding:1em;clear: both;}
.precautionary p strong{font-size:medium;}
.precautionary p {font-size:small;line-height:1.7;}


.notice{line-height:1.6;display:block;overflow:hidden; border:2px solid rgba(0,0,0,0.2);margin:1em 1em 2em 1em;padding:1.5em 1em 1em 1em;text-align: center;
box-shadow: 5px 5px 1px rgba(0,0,0,0.2);
}
.notice dt{font-weight:bold;font-size:123.1%;line-height:1.2;}


.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:123.1%; }
.font17 { font-size:131%; }
.font18 { font-size:138.5%; }
.font19 { font-size:146.5%; }
.font20 { font-size:153.9%; }
.font21 { font-size:161.6%; }
.font22 { font-size:167%; }
.font23 { font-size:174%; }
.font24 { font-size:182%; }
.font25 { font-size:189%; }
.font26 { font-size:197%; }

.fonts7 {font-size: xx-small;}
.fonts8 {font-size: x-small;}
.fonts9 {font-size: small;}
.fonts10 {font-size:medium;}
.fonts11 {font-size: large; }
.fonts12 {font-size: x-large; }
.fonts13 {font-size: xx-large; }


@media only screen and (max-width: 1024px) {
#contents{width:94%;padding:3%;}
#brcr ul{width:95%;}
h2#mtitle storng{font-size: small;}
ul.tlist dl dd span.winfo{display: block;}
h2.title{font-size: 131%;margin:0.3em auto 0.6em auto;}
.stx{font-size:85%;line-height:1.5;}
h3.mctitle{font-size:100%;}
ul.tlistm dl{font-size:small;}
ul.tlist dl dt{font-size:small;}
ul.tlist dl dd{font-size:77%;}
ul.restcon dl dt{font-size:100%;}
ul.restcon dl dd{font-size:77%;}
#contents #main{width:75%;}
#contents #side{width:23%;}
.photo p{width:100%;}
#MainPhoto,#MainPhoto2{width:100%;}
.photo li{width:16.4%;}
}

@media only screen and (max-width: 736px) {
.wordlista h3,dl.wordlistb dt{font-size:100%;}
ul.tlistmt li{margin:5% 2% 2% 2%;}
}

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

/*20200407.対策*/
#relief02 h2{font-size:large;}
#relief02 p{font-size:small;line-height: 1.5;margin:0 auto 0.5em auto;} 

.relief02{margin:1em auto;}
.relief02 h2{font-size:large;}
.relief02 p{font-size:small;line-height: 1.5;margin:0 auto 0.5em auto;} 


.stx {font-size:85%;}
}

@media only screen and (max-width: 480px) {
#contents{width:90%;padding:5%;}
#brcr ul{padding:0.5em;line-height:1.8; font-size:100%;}
h2#mtitle{font-size:197%;padding: 120px 0 25px 0;margin:0 auto;}
h2.title{font-size:123.1%;margin:0.2em auto 0.6em auto;}
.stx{margin:0 auto 4% auto;}


.apile{margin:0 auto 1em auto;}

.gototitles{font-size:3vw;display:inline-block;padding:0.2em 0.5em;}



ul.abr {margin:5px auto;}
ul.abr li{text-align:left;overflow: hidden;display: block;width:100%;margin: 0 auto 1% auto;}
ul.abr li span strong{font-size:116%; margin:0 auto 3px auto;}
ul.abr li span{padding:2%;}
ul.abr li img{float:left;width:50%;margin: 0 2% 0 0;}

ul#blist{margin:3% auto -3% auto;}
ul#blist li{display: block;text-align:left;width:100%;margin:0 auto 2% auto;}
ul#blist li span{font-size:77%;padding:2%;}
ul#blist li span strong{font-size:108%;text-align:center;}
ul#blist li img{float:left;width:45%;margin:0;}

ul.tlist{margin:0 auto;}
ul.tlist li{display:block;width:100%;margin:0 auto 1px auto;float:none;}
ul.tlist.wi3{width:100%;}
ul.tlist li img{float: left;width: 50%;margin: 0 2% 0 0;}
ul.tlist dl {line-height:1.2;overflow:hidden;margin:0.2em 0.2em 0.4em 0;}
ul.tlist dl dd {margin:5px 0 0 0;}
ul.tlist dl dd span.winfo {display:inline-block;}
ul.tlist dl dd span.winfo,
ul.tlist dl dd span.nsmok,
ul.tlist dl dd span.smok {margin:1px;}

ul.restcon{margin:0 auto;}
ul.restcon li{display:block;width:100%;margin:0 auto 10px auto;float:none;}
ul.restcon li img{float:right;width:50%;margin:0;}

ul.restcon dl{float:left;width:49%;text-align:left;margin:0 1% 0 0;line-height:1.3; padding:0.3em 0 0.5em 0;}
ul.restcon dl dt{font-size:85%;margin: 0 0 0.2em 0;padding:0;}
ul.restcon dl dd{font-size:x-small;}



ul.tlistmt{ }
ul.tlistmt li{text-align:left;margin:5% 5% 2% 5%;}
ul.tlistmt li img{width:33.3333%;margin:0;}
ul.tlistmt dl{margin:0 auto;}
ul.tlistmt dl dt{font-size:100%;margin:0 0 0.5em 0; padding:1em 0 0 0;}
ul.tlistmt dl dd{font-size:77%;}



ul.tlistm{width:100%;margin:0 auto;table-layout:fixed;display:table;border-collapse: separate;border-spacing:1px 0;}
ul.tlistm li{display:table-cell;width:50%;float: left; vertical-align:top;border-right:1px solid #FFF;box-sizing: border-box;}
ul.tlistm li img{width:100%;}

ul.tlistm dl dt{white-space: nowrap;font-size:2.8vw;}


/*ul.tlistm{width:100%;overflow:hidden;display: block;border-spacing:0 0;margin:0 auto;}
ul.tlistm li{display:inline-block;width:49%;float:left;margin:0 1px 1px 0;}
ul.tlistm li img{width:100%;margin:0 0 -2% 0;}*/



/*hayawari*/
ul.tlistm li.advance{width:98.2%;}

.photo li{width:19.68%;}
#contents #main{float:none;width:100%;}

/*top及び各コンテンツ2page以降(各コンテンツTOP以外)*/
#side ul#etc{width:100%; margin:1px auto;}
#side ul#etc li {float:left; width:49.5%; margin:0 1px 0 0; display:table;}
#side ul#etc li a:link,
#side ul#etc li a:visited,
#side ul#etc li a:active{height:2.5em;display: table-cell;vertical-align: middle;}

ul#etc{width:100%; margin:1em auto;}
ul#etc li {float:left; width:49.5%; margin:0 1px 0 0;display:table;}
ul#etc li a:link,
ul#etc li a:visited,
ul#etc li a:active{height:2.4em;display: table-cell;vertical-align: middle;}

#contents #side{float: none;width: 100%;margin: 0 auto;}
#side ul#snavi{width:100%; margin:0 auto;}
#side ul#snavi li.title a:link,
#side ul#snavi li.title a:visited,
#side ul#snavi li.title a:active{height:auto;}

#side ul#snavi li.titles {font-size:85%;width:100%;margin:0 0 1px 0;padding:10px 0 5px 0;}


#side ul#snavi li {float:left;width:49.5%;margin:0 1px 1px 0;display:table;}
#side ul#snavi li a:link,
#side ul#snavi li a:visited,
#side ul#snavi li a:active{height:2.8em;display: table-cell;vertical-align:middle;}

h3.info {font-size: 123.1%;}
.infoa {float: none;width:100%;}
.infoa dl {float: none;margin: 0 10px;padding: 5px;}
.infoc {width:100%;}
.infoc dl {margin: 0 10px;padding:5px;}

.desca img{ width:50%; float:left; margin: 0 2% 0 0;}

ul.infop {width: 100%;float:none; margin:10px;}
ul.infop li { width: 30.8%; float: left;text-align: center;margin:0 1px 5px 1px;}

ul.infob {margin: 1em auto;}
ul.infob li {margin: 0 0 5px 1em; list-style:circle; list-style-position:inside;}

.area{ font-size:93%;padding:5% 0 7% 0;margin:0 auto 3% auto;}
.area dl{padding:2% 0 0 0;}
.area dl dt{margin:0 0 0.2em 0;padding:0 0 0.3em 0;}
.area dl dd{margin:0;padding:0.5em 0 0.5em 0;}
.area dl.w50olo{width:100%;float:none;margin:0;}
.photor,.photol,.photors,.photols{width:100%;float:none;margin:0 auto;}
table.areazone{width:100%; font-size:77%;}

.entry{width:90%;margin:0 auto;}
ul.confirmation li{width:100%;;display:block; margin-bottom:0.5em;}

.areaitem{margin:2em auto 0 auto;padding:0.5em 0 0.5em 0;}
.areaitem h3{margin:0 0 1em 0;}
.areaitem ul{width:100%;display:block;border-spacing:0 0;padding:0;}
.areaitem ul li{display:block; overflow:hidden;width:100%;clear:both; margin:0 auto 1em auto;}
.areaitem ul li img{width:50%;float:left;}
.areaitem ul dl{ padding:0 0.7em 0 0.7em;}
.areaitem ul dl dt{font-size:85%;}
.areaitem ul dl dd{font-size:77%;}

}