@charset "UTF-8";

.pc { display:none; }

.spc { display:block!important; }

#logo {
 position:absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 background: #CDCECD;
 z-index: 999;
 background-image:url("../img/bg_logo.png");
 background-repeat:no-repeat;
 background-position: 50% 50%;
 background-attachment:inherit!important;
}

html {
 background:none;
 font-size:62.5%;
}

#container .tit_about {
 background:url(../img/tit_about.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:88px;
}

#container .tit_reserve {
 background:url(../img/tit_reserve.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:110px;
}
#container .tit_payment {
 background:url(../img/tit_payment.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:128px;
}

#container .tit_guide {
 background:url(../img/tit_city_guide.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:146px;
}

#container .tit_lunch {
 background:url(../img/tit_lunch.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:90px;
}

#container .tit_dinner {
 background:url(../img/tit_dinner.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:102px;
}

#container .tit_wine {
 background:url(../img/tit_wine.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:70px;
}

#container .tit_access {
 background:url(../img/tit_access.png) left top no-repeat;
 background-size:100%;
 height:16px;
 margin:0 auto 40px auto;
 width:90px;
}

#container .tit_about span,
#container .tit_reserve span,
#container .tit_guide span,
#container .tit_lunch span,
#container .tit_dinner span,
#container .tit_wine span,
#container .tit_access span {
 display:block;
 overflow:hidden;
 text-indent:-9999px;
}

/* header
----------------------------------------------------------------------------------------------------*/

#header {
 background:#FFF;
 margin:0 auto;
 padding:30px 0;
 width:100%;
}

/* nav
----------------------------------------------------------------------------------------------------*/

#navi {
 margin:0 auto;
 width:100%;
}

#navi ul {
 box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
 margin:0!important;
 padding:0 40px 0 40px;
 width:100%;
}

#navi ul li {
 background-color:#fff;
 float:left;
 height:30px;
 margin:0;
 text-align:center;
}

#navi ul li:last-child { }

#navi ul li.about {
 padding:0 4% 0 0;
 width:17%!important;
}

#navi ul li.menu {
 padding:0 4%;
 width:17%!important;
}

#navi ul li.reserve {
 padding:0 4%;
 width:23%!important;
}

#navi ul li.access {
 padding:0 0 0 4%;
 width:18%!important;
}

#navi ul li img { height:30px;
width:inherit;}

#navi ul li a { display:block; }

/* contents
----------------------------------------------------------------------------------------------------*/

#contents {
 background:#FFF;
 margin:0 auto;
 width:100%;
}

#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents p,
#contents ul li,
#contents ol li,
#contents dl dt,
#contents dl dd {
 font-size:15.5px;
 font-size:1.55rem;
 letter-spacing:0.12em;
 line-height:1.95;
}

#contents .grid {
 margin:0 auto 80px auto;
 width:100%;
}

#contents .grid_n {
 margin:0 auto;
 width:100%;
}

#contents .txt {
 box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
 margin:0 auto;
 padding:0 50px;
 width:100%;
}

#contents .lang_ja {
 float:none;
 margin-right:0;
 margin-bottom:60px;
 text-align:justify;
 width:100%;
}

#contents .lang_en {
 float:none;
 text-align:justify;
 width:100%;
}

#contents .cBox {
 text-align:justify;
	margin: 60px auto;
 width:100%;
}

#contents .pic {
 font-size:0;
 line-height:0;
}

#contents .pic img { width:100%; }

#contents .int {
 clear:both;
 margin-bottom:2%;
}

#contents .imgL {
 float:left;
 margin-bottom:2%;
 width:49%;
}

#contents .imgR {
 float:right;
 margin-bottom:2%;
 width:49%;
}

/* footer
----------------------------------------------------------------------------------------------------*/

#footer {
 margin:0 auto;
 padding:0 0 0 0;
 width:100%;
}

#footer .grid {
 background:#EBEBEB;
 position:relative;
 margin:0 auto;
 padding:50px 0;
 width:100%;
}

#footer .txt {
 box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
 padding:0 50px;
 margin:0 auto;
 width:100%;
}

#footer .lang_ja {
 float:none;
 margin-right:0;
 margin-bottom:60px;
 text-align:justify;
 width:100%;
}

#footer .lang_en {
 float:none;
 text-align:justify;
 width:100%;
}

#footer .sys {
 position:absolute;
 top:140px;
 left:40%;
 width:20%;
}

#footer .sys img { width:100%; }

#footer ul { width:100%; }

#footer ul li.dvL {
 float:left;
 margin-bottom:120px;
 width:50%;
}

#footer ul li.dvR {
 float:right;
 margin-bottom:120px;
 width:50%;
}

#footer .inr {
 background:#FFF;
 padding:20px 0 30px 0;
 width:100%;
}

#footer .inr .sns {
 box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
 margin:0 auto 60px auto;
 padding-right:20px;
 text-align:right;
 width:100%;
}

#footer .inr .copy { text-align:center; }

#footer p {
 font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
 font-size:13.5px;
 font-size:1.35rem;
 letter-spacing:0.12em;
 line-height:1.95;
}