@charset "UTF-8";

html {
 background:#EBEBEB;
 font-size: 62.5%;
}

body {
 color: #111;
 font-family: "游明朝", YuMincho, "Hiragino Mincho Pro", serif;
 font-size: 13.5px;
 font-size: 1.35rem;
 margin: 0;
 padding: 0;
 text-align: left;
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
table,
tr,
td,
p,
blockquote,
fieldset,
div,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
 margin: 0;
 padding: 0;
}

article,
aside,
canvas,
details,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video { display: block; }

img,
table,
th,
td { border: 0px; }

table caption,
table thead { display: none; }

h1,
h2,
h3,
h4,
h5,
h6,
ul li,
ol li,
p {
 font-weight: normal;
 margin: 0;
}

ul,
ol {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

textarea,
select,
input { font-family: "游明朝", YuMincho, "Hiragino Mincho Pro", serif; }

textarea { }

hr { display: none; }

a {
 color: #333;
 outline: none;
}

a:hover img {
 -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 -o-transition: 0.3s;
 -ms-transition: 0.3s;
 transition: 0.3s;
}

a.onmouse:hover img {
 opacity: 0.2;
 filter: alpha(opacity=20);
}

a:link {
 color: #333;
 text-decoration: none;
}

a:visited {
 color: #333;
 text-decoration: none;
}

a:hover {
 color: #333;
 text-decoration: underline;
}

::-moz-selection {
 background:#fbfbfb;
 color:#CCC;
}

::selection {
 background: #fbfbfb;
 color: #CCC;
}

.clearfix:after {
 clear: both;
 content: ".";
 display: block;
 font-size: 0;
 height: 0;
 line-height: 0;
 visibility: hidden;
}

.clearfix { display: inline-table; }

* html .clearfix { height: 1%; }

.left { text-align: left!important; }

.center { text-align: center!important; }

.right { text-align: right!important; }

.left5 { margin-left: 5px !important; }

.left10 { margin-left: 10px !important; }

.left15 { margin-left: 15px !important; }

.left20 { margin-left: 20px !important; }

.left25 { margin-left: 25px !important; }

.left30 { margin-left: 30px !important; }

.left35 { margin-left: 35px !important; }

.left40 { margin-left: 40px !important; }

.left45 { margin-left: 45px !important; }

.left50 { margin-left: 50px !important; }

.right5 { margin-right: 5px !important; }

.right10 { margin-right: 10px !important; }

.right15 { margin-right: 15px !important; }

.right20 { margin-right: 20px !important; }

.right25 { margin-right: 25px !important; }

.right30 { margin-right: 30px !important; }

.right35 { margin-right: 35px !important; }

.right40 { margin-right: 40px !important; }

.right45 { margin-right: 45px !important; }

.right50 { margin-right: 50px !important; }

.top-5 { margin-top: -5px !important; }

.top5 { margin-top: 5px !important; }

.top10 { margin-top: 10px !important; }

.top15 { margin-top: 15px !important; }

.top20 { margin-top: 20px !important; }

.top25 { margin-top: 25px !important; }

.top30 { margin-top: 30px !important; }

.top35 { margin-top: 35px !important; }

.top40 { margin-top: 40px !important; }

.top45 { margin-top: 45px !important; }

.top50 { margin-top: 50px !important; }

.btm5 { margin-bottom: 5px !important; }

.btm10 { margin-bottom: 10px !important; }

.btm15 { margin-bottom: 15px !important; }

.btm20 { margin-bottom: 20px !important; }

.btm25 { margin-bottom: 25px !important; }

.btm30 { margin-bottom: 30px !important; }

.btm35 { margin-bottom: 35px !important; }

.btm40 { margin-bottom: 40px !important; }

.btm45 { margin-bottom: 45px !important; }

.btm50 { margin-bottom: 50px !important; }

.btm55 { margin-bottom: 55px !important; }

.btm60 { margin-bottom: 60px !important; }

.btm65 { margin-bottom: 65px !important; }

.btm70 { margin-bottom: 70px !important; }

.btm75 { margin-bottom: 75px !important; }

.btm80 { margin-bottom: 80px !important; }

.btm85 { margin-bottom: 85px !important; }

.btm90 { margin-bottom: 90px !important; }

.btm95 { margin-bottom: 95px !important; }

.btm100 { margin-bottom: 100px !important; }

.btm220 { margin-bottom: 220px !important; }

.att { color:#C00; }

.spc { display:none; }


#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:fixed;
}


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

#container .tit_about {
 background:url(../img/tit_about.png) left top no-repeat;
 height:26px;
 margin:0 auto 56px auto;
 width:125px;
}

#container .tit_reserve {
 background:url(../img/tit_reserve.png) left top no-repeat;
 height:26px;
 margin:0 auto 56px auto;
 width:156px;
}
#container .tit_payment {
 background:url(../img/tit_payment.png) left top no-repeat;
 height:26px;
 margin:0 auto 56px auto;
 width:182px;
}

#container .tit_guide {
 background:url(../img/tit_city_guide.png) left top no-repeat;
 height:26px;
 margin:0 auto 56px auto;
 width:213px;
}

#container .tit_lunch {
 background:url(../img/tit_lunch.png) left top no-repeat;
 height:26px;
 margin:0 auto 36px auto;
 width:128px;
}

#container .tit_dinner {
 background:url(../img/tit_dinner.png) left top no-repeat;
 height:26px;
 margin:0 auto 56px auto;
 width:146px;
}

#container .tit_wine {
 background:url(../img/tit_wine.png) left top no-repeat;
 height:26px;
 margin:0 auto 56px auto;
 width:101px;
}

#container .tit_access {
 background:url(../img/tit_access.png) left top no-repeat;
 height:26px;
 margin:0 auto 56px auto;
 width:136px;
}

#container .tit_about span,
#container .tit_reserve span,
#container .tit_payment 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;
}

.sizeS {
 font-size: 12.5px!important;
 font-size: 1.25rem!important;
 line-height: 1.75!important;
}
.sizeM {
 font-size: 15.5px!important;
 font-size: 1.55rem!important;
 line-height: 1.75!important;
}

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

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

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

#navi {
 margin:0 auto;
 width:940px;
}

#navi ul {
 margin-left:8px;
 width:932px;
}

#navi ul li {
 float:left;
 margin-left:108px;
}

#navi ul li.about { width:92px; }

#navi ul li.menu { width:78px; }

#navi ul li.reserve { width:116px; }

#navi ul li.access { width:98px; }

#navi ul li a { display:block; }

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

#contents {
 background:#FFF;
 margin: 0 auto;
 width:940px;
}

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

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

#contents .grid_n {
 margin:0 auto;
 width:916px;
}

#contents .txt {
 margin:0 auto;
 width:690px;
}

#contents .lang_ja {
 float:left;
 margin-right:56px;
 text-align:justify;
 width:317px;
}

#contents .lang_en {
 float:left;
 text-align:justify;
 width:317px;
}

#contents .cBox {
 text-align:justify;
	margin: 100px auto 0;
	padding: 70px 0;
 width:50%;
}

.lang_en h2,
.lang_en p,
.lang_en ul li {
 font-family: 'Crimson Text', serif!important;
 font-size: 1.4rem;
 line-height:1.75;
 text-align:left;
}

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

#contents .int {
 clear:both;
 margin-bottom:12px;
}

#contents .imgL {
 float:left;
 margin-bottom:12px;
 width:452px;
}

#contents .imgR {
 float:right;
 margin-bottom:12px;
 width:452px;
}

#contents a.link { color:#BF2C52; }

#contents .btn {
 clear:both;
 font-size: 16px;
 font-size: 1.6rem;
 padding-top:60px;
 text-align:center;
}

#contents .btn a {
 color:#BF2C52;
 text-align:center;
}

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

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

#footer .grid {
 position:relative;
 margin:0 auto;
 padding:0 0 80px 0;
 width:916px;
}

#footer .txt {
 margin:0 auto;
 width:690px;
}

#footer .lang_ja {
 float:left;
 margin-right:56px;
 text-align:justify;
 width:317px;
}

#footer .lang_en {
 float:left;
 text-align:justify;
 width:317px;
}

#footer .sys {
 position:absolute;
 top:100px;
 left:400px;
}

#footer ul { width:916px; }

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

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

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

#footer .inr .sns {
 margin:0 auto 124px auto;
 text-align:right;
 width:940px;
}

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


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

/* clear
----------------------------------------------------------------------------------------------------*/
#navi ul:after,
#contents .grid:after,
#contents .grid_n:after,
#contents .txt:after,
#footer ul:after,
#footer .txt:after {
 clear: both;
 content: ".";
 display: block;
 font-size: 0;
 height: 0;
 line-height: 0;
 visibility: hidden;
}