@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, caption, 
time, mark, audio, video,.logo{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
h1,h2,h3,h4,h5,h6 {clear: both;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
header, section, article { display: block; clear: both; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin-top: 0; }
body {font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 1.55em; font-weight:100;}
img { vertical-align: center; height: auto; width: 100%; }
::selection {background: #191950;color: #ffffff;}
::-moz-selection {background: #191950;color: #ffffff;}

/* link */
a:link, a:visited, a:active {color: #333; text-decoration: none; transition: .2s linear; -webkit-transform: translateZ(0);  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all 0.2s ease; }
#footer #f_navi .menu-list-container .menu-list a:link, #footer #f_navi .menu-list-container .menu-list a:visited, #footer #f_navi .menu-list-container .menu-list a:active {color: #171C61; text-decoration: none; transition: .2s linear; -webkit-transform: translateZ(0);  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all 0.2s ease; }
.biyo_ill a:link,.biyo_ill a:visited,.biyo_ill a:active {color: #171C61; text-decoration: none; transition: .2s linear; -webkit-transform: translateZ(0);  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all 0.2s ease; }
.map_link a:link, .map_link a:visited, .map_link a:active{color: #fff; text-decoration: none; transition: .2s linear; -webkit-transform: translateZ(0);  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all 0.2s ease; }
a:hover { color: #333; opacity: 0.5; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=95)"; cursor: hand; cursor:pointer; transition: .2s linear;}
a img       {opacity:1; filter:alpha(opacity=100); transition:all 0.2s ease-in;}
a:hover img {opacity:0.7; filter:alpha(opacity=70); transition:all 0.2s ease-in;}


/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.clearfix:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
.clearfix {min-height: 1px}
.cleartext {text-indent:100%;white-space:nowrap;overflow:hidden;
}

/* ather */
.space_top{margin-top:1em;}
.space_bottom{margin-bottom:0.9em; color:#fff;}
.indent {padding-left: 1.2em;text-indent: -1.2em;}


/****** image ******/
/****** 背景テクスチャー ******/
.bg-texture {background-image: url("../images/bg-texture.jpg"); background-repeat:repeat; z-index:0;}

/****** コンテンツ背景画像******/


/****** h1,h2,h3,h4,h5 ******/
h1 {color:#333333; font-size: 1.5em; font-weight:100; letter-spacing:1px; text-align:center; margin:auto;}
h2 {font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 1.55em; font-weight:100;}


/****** loading ******/
#loading{position: relative;width: 100%; height:100%;}
#loading .inner {width: 150px; height:auto;  top: 50%;bottom: 0;left: 0;right: 0;position: absolute;margin: auto; margin-top:-80px;}
#loader-bg {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #191950;z-index: 100;}

@media screen and ( max-width:768px ) {
   #loading .inner {width: 150px; height:auto;  top: 50%;bottom: 0;left: 0;right: 0;position: absolute;margin: auto; margin-top:-90px;}
}


/****** wrapper ******/
#wrapper { width: 100%; text-align: left; position: relative; margin-top: 0; margin-right: auto; margin-left: auto; color: #444444;}

/****** header BASE ******/
#header {margin:auto; width: 100%; position: relative;}



/****** header Inner ******/
#header .inner {width: 16%; height:auto; margin: 0; padding-bottom:23px; position: absolute; background:#191950;}
#header .inner .content {width: 85%; margin:0 auto; border-left:solid 5px #ffffff; border-right:solid 5px #ffffff; border-bottom:solid 5px #ffffff; }
#header .inner .content .logo {width: 75%; margin:0 auto; padding-top:40px;}
#header .inner .content .title {width: 47%; margin-top:60px; margin-left:auto; margin-right:auto;}
#header .inner .content .reserve {width: 100%; text-align:center; margin-top:70px; margin-bottom:40px; margin-left:auto; margin-right:auto; color:#ffffff; font-size:65%; font-weight:normal; letter-spacing: 0.2em;}
#header .inner .content .reserve a{color:#ffffff; font-weight:normal;}
.sponly {display: none; !important}
.sponly img{display: none; !important}


@media screen and (min-width: 1024px) and (max-width: 1600px) {
	#header .inner {width: 20%; height:auto; margin: 0; padding-bottom:23px; position: absolute; background:#191950;}
  }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#header .inner {width: 24%; height:auto; margin: 0; padding-bottom:15px; position: absolute; background:#191950;}
	#header .inner .content {width: 85%; margin:0 auto; border-left:solid 3px #ffffff; border-right:solid 3px #ffffff; border-bottom:solid 3px #ffffff; }
	#header .inner .content .reserve {width: 100%; text-align:center; margin-top:50px; margin-bottom:20px; margin-left:auto; margin-right:auto; color:#ffffff; font-size:40%; font-weight:normal; letter-spacing: 0.2em;}
  }
@media (max-width:768px ) {
	#header .inner {width: 100%; height:auto; margin: 0; padding-bottom:23px; position: relative; background:#191950;}
    #header .inner .content {width: 85%; margin:0 auto; border-left:none; border-right:none; border-bottom:none;}
	#header .inner .content .logo {width: 55%; margin:0 auto; padding-top:40px;}
    #header .inner .content .title {width: 47%; margin-top:60px; margin-left:auto; margin-right:auto; display:none;}
    #header .inner .content .reserve {width: 100%; text-align:center; margin-top:50px; margin-bottom:20px; margin-left:auto; margin-right:auto; color:#ffffff; font-size:65%; font-weight:normal; letter-spacing: 0.2em;}
    #header .inner .content .reserve a{color:#ffffff; font-weight:normal;}
	.pconly {display: none; !important}
    .sponly {display: block; !important}
	.pconly img{display: none; !important}
    .sponly img{display: block; !important}
}


/****** contents BASE ******/
#contents { width: 100%; position: relative; text-align: center; margin-right: auto; margin-left: auto; padding: 0;}

/****** fotter BASE ******/
#footer {width: 100%; height: auto; margin-top: 50px; margin-bottom: 50px; margin-left:auto; margin-right: auto; margin-left:auto; }

/****** footer Inner ******/
#footer .inner {width: 1100px; height:auto; margin-right: auto; margin-left:auto; text-align: center;}
#footer .inner .logo {width: 126px; height:auto; margin-bottom: 50px; margin-right: auto; margin-left:auto;}
#footer .inner .copyright {width: 100%;  font-size:40%; font-weight:normal; letter-spacing: 0.1em; color: #191950;}
.copy_sp {display: none;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#footer .inner {width: 100%; height:auto; margin-right: auto; margin-left:auto; text-align: center;}
    #footer .inner .logo {width: 126px; height:auto; margin-bottom: 50px; margin-right: auto; margin-left:auto;}
    #footer .inner .copyright {width: 100%;  font-size:40%; font-weight:normal; letter-spacing: 0.1em; color: #191950;}
  }
@media (max-width: 768px) {
	#footer .inner {width: 100%; height:auto; margin-right: auto; margin-left:auto; text-align: center;}
    #footer .inner .logo {width: 126px; height:auto; margin-bottom: 50px; margin-right: auto; margin-left:auto;}
    #footer .inner .copyright {width: 100%;  font-size:40%; font-weight:normal; letter-spacing: 0.1em; color: #191950;}
}


/****** top page Layout ******/

/* news*/
#contents #news {width: 100%;  margin-top:100px; margin-bottom:100px; margin-left:auto; margin-right:auto; position:relative}
#contents #news .inner {width: 40%; margin-left:auto; margin-right:auto;}
#contents #news .inner h1.title-news {font-size:1.0em; color:#191950}
#contents #news .inner .post {margin-top:50px; text-align:left; color:#191950;}
#contents #news .inner .post a{color:#191950; }
#contents #news .inner .post p {font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; margin-bottom:15px; border-bottom: 1px dotted;}
#contents #news .inner .post p:last-child {margin-bottom:0;}
#contents #news .inner .post span.date { margin-right:25px;}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
	#contents #news .inner {width: 45%; margin-left:auto; margin-right:auto;}
  }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #news .inner {width: 50%; margin-left:auto; margin-right:auto;}
  }
@media (max-width: 768px) {
	#contents #news {width: 100%;  margin-top:50px; margin-bottom:50px; margin-left:auto; margin-right:auto; position:relative}
	#contents #news .inner {width: 90%; margin-left:auto; margin-right:auto;}
	#contents #news .inner h1.title-news {width: 120px; margin-bottom:30px; display: block;}
    #contents #news .inner .post {margin-top:30px; text-align:left; color:#191950;}
    #contents #news .inner .post a{color:#191950;}
    #contents #news .inner .post p {font-size:57%; font-weight:normal; letter-spacing: 0.1em; line-height:2; margin-bottom:15px;}
    #contents #news .inner .post span.date { margin-right:25px;}
}

/* about*/
#contents #about {width: 100%; margin-left:auto; margin-right:auto; position:relative}
#contents #about .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #about .inner .content_header {width: 100%;height: 240px; padding: 0; text-align: center; background: #191950;}
#contents #about .inner h1.title-about {position: relative; top: 50%; color:#FFF; font-size:1.0em;}
#contents #about .inner .main {width: 100%; height: auto;position:relative}
#contents #about .inner .main .bg {width: 100%; height: auto; display: block;}
#contents #about .inner .main .txt-area {width: auto; position: absolute; top:13%; right:5%; display: block;}
#contents #about .inner .main .txt-area h2{background-color:#FFF; color:#191950; font-size:0.8em; margin-bottom:15px; padding:10px; text-align:left;}
#contents #about .inner .main .txt-area .main-title {width: 493px; margin-bottom:15px;}
#contents #about .inner .main .txt-area p {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #ffffff; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #about .inner .row {position: relative; overflow: hidden;}
#contents #about .inner .row>.col { position: relative; width: 50%; height: 100%;}
#contents #about .inner .row>.col.v {position: absolute; height: 100%; top: 0;left: 0;bottom: 0;}
#contents #about .inner .row>.col.v {left: 0; right: auto; float: left;}
#contents #about .inner .row>.col.v.image {position: relative; height: 100%; background-repeat: no-repeat;background-position: center center;background-size: cover;}
#contents #about .inner .row>.col.v + .col {float: right;}
#contents #about .inner .row>.col.v.r {left: auto; right: 0; float: right;}
#contents #about .inner .row>.col.v.r + .col {float: left;}
#contents #about .inner .row>.col .inner { max-width: 100%;width: 100%;margin: 100px auto;padding-right: 35px;padding-left: 35px; box-sizing:}
#contents #about .inner .row>.col .inner .irori-title {width:160px; margin-bottom:30px;}
#contents #about .inner .row>.col .inner .oden-title {width: 356px; margin-bottom:30px;}
#contents #about .inner .row>.col .inner p {text-align:left; width: 470px; margin: 0 auto;  font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #about .inner .row-l {width: 50%; height: 100%; position: relative; overflow: hidden; float:left;}
#contents #about .inner .row-l .title-table {width: 8%; position: absolute; top:30%; left:45%;}
#contents #about .inner .row-r {width: 50%; height: 100%; position: relative; overflow: hidden; float:right;}
#contents #about .inner .row-r .title-counter {width: 8%; position: absolute; top:30%; left:45%;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #about .inner .content_header {width: 100%;height: 200px; padding: 0; text-align: center; background: #191950;}
    #contents #about .inner h1.title-about {width: 196px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #about .inner .main .txt-area {width: 55%; position: absolute; top:8%; right:5%; display: block;}
    #contents #about .inner .main .txt-area .main-title {width: 453px; margin-bottom:15px;}
    #contents #about .inner .main .txt-area p {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #ffffff; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
	#contents #about .inner .row>.col .inner { max-width: 100%;width: 100%;margin: 30px auto;padding-right: 0;padding-left: 0; box-sizing:}
    #contents #about .inner .row>.col .inner .irori-title {width:115px; margin-bottom:30px;}
    #contents #about .inner .row>.col .inner .oden-title {width: 274px; margin-bottom:30px;}
    #contents #about .inner .row>.col .inner p {text-align:left; width: 300px; margin: 0 auto;  font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
  }
@media (max-width: 768px) {
	#contents #about {width: 100%; margin-left:auto; margin-right:auto; position:relative}
    #contents #about .inner {width: 100%; margin-left:auto; margin-right:auto;}
    #contents #about .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #about .inner h1.title-about {width: 180px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #about .inner .main {width: 100%; height: auto;position:relative}
    #contents #about .inner .main .bg {width: 100%; height: auto; display: block;}
	#contents #about .inner .main .txt-area {width: 90%;  position: relative; top:0; right:0; margin-bottom:50px; margin-left:auto; margin-right:auto; display: block;}
	#contents #about .inner .main .txt-area .main-title {width: 100%; margin-top:40px; margin-bottom:30px; text-align: left;}
    #contents #about .inner .main .txt-area p {width: 100%; padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; background: none; text-align:left; font-size:57%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #about .inner .row>.col { position: relative; width: 100%; height: 100%;}
	#contents #about .inner .row>.col.v {position: relative; height: 100%; top: 0;left: 0;bottom: 0;}
	#contents #about .inner .row>.col .inner { max-width: 90%;width: 90%;margin: 50px auto;padding-right: 0;padding-left: 0; box-sizing:}
	#contents #about .inner .row>.col .inner .irori-title {width:108px; margin-bottom:30px;}
    #contents #about .inner .row>.col .inner .oden-title {width: 252px; margin-bottom:30px;}
    #contents #about .inner .row>.col .inner p {text-align:left; width: 100%; margin: 0 auto;  font-size:57%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
	#contents #about .inner .row-l {width: 100%; height: 100%; position: relative; overflow: hidden; float:left;}
    #contents #about .inner .row-l .title-table {width: 10%; position: absolute; top:27%; left:45%;}
    #contents #about .inner .row-r {width: 100%; height: 100%; position: relative; overflow: hidden; float:right;}
    #contents #about .inner .row-r .title-counter {width: 10%; position: absolute; top:27%; left:45%;}
}

/* rec*/
#contents #rec {width: 100%; margin-left:auto; margin-right:auto; position:relative}
#contents #rec .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #rec .inner .content_header {width: 100%;height: 240px; padding: 0; text-align: center; background: #191950;}
#contents #rec .inner h1.title-rec {position: relative; top: 50%; color:#FFF; font-size:1.0em;}
#contents #rec .inner .main {width: 100%; height: auto;position:relative}
#contents #rec .inner .main .bg {width: 100%; height: auto; display: block;}
#contents #rec .inner .main .txt-area {width: auto; position: absolute; top:13%; right:8%; display: block;}
#contents #rec .inner .main .txt-area .main-title {width: 80%; margin-bottom:15px;}
#contents #rec .inner .main .txt-area p {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #ffffff; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #rec .inner .row>.col { position: relative; width: 50%; height: 100%;}
#contents #rec .inner .row>.col.v {position: absolute; height: 100%; top: 0;left: 0;bottom: 0;}
#contents #rec .inner .row>.col.v {left: 0; right: auto; float: left;}
#contents #rec .inner .row>.col.v.image {position: relative; height: 100%; background-repeat: no-repeat;background-position: center center;background-size: cover;}
#contents #rec .inner .row>.col.v + .col {float: right;}
#contents #rec .inner .row>.col.v.r {left: auto; right: 0; float: right;}
#contents #rec .inner .row>.col.v.r + .col {float: left;}
#contents #rec .inner .row>.col .inner { max-width: 100%;width: 100%;margin: 100px auto; box-sizing:}
#contents #rec .inner .row>.col .inner .iwagaki-title {width: 414px; margin-bottom:30px;}
#contents #rec .inner .row>.col .inner p {text-align:left; width: 430px; margin: 0 auto;  font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #rec .inner .content_header {width: 100%;height: 200px; padding: 0; text-align: center; background: #191950;}
    #contents #rec .inner h1.title-rec {width: 340px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #rec .inner .main .txt-area {width: 55%; position: absolute; top:13%; right:5%; display: block;}
    #contents #rec .inner .main .txt-area .main-title {width: 453px; margin-bottom:15px;}
    #contents #rec .inner .main .txt-area p {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #ffffff; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
	#contents #rec .inner .row>.col .inner { max-width: 100%;width: 100%;margin: 30px auto;padding-right: 0;padding-left: 0; box-sizing:}
    #contents #rec .inner .row>.col .inner .iwagaki-title {width:320px; margin-bottom:30px;}
    #contents #rec .inner .row>.col .inner p {text-align:left; width: 300px; margin: 0 auto;  font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
  }
@media (max-width: 768px) {
	#contents #rec {width: 100%; margin-left:auto; margin-right:auto; position:relative}
    #contents #rec .inner {width: 100%; margin-left:auto; margin-right:auto;}
    #contents #rec .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #rec .inner h1.title-rec {width: 264px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #rec .inner .main {width: 100%; height: auto;position:relative}
    #contents #rec .inner .main .bg {width: 100%; height: auto; display: block;}
	#contents #rec .inner .main .txt-area {width: 90%;  position: relative; top:0; right:0; margin-bottom:50px; margin-left:auto; margin-right:auto; display: block;}
	#contents #rec .inner .main .txt-area .main-title {width: 100%; margin-top:40px; margin-bottom:30px; text-align: left;}
    #contents #rec .inner .main .txt-area p {width: 100%; padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; background: none; text-align:left; font-size:57%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #rec .inner .row>.col { position: relative; width: 100%; height: 100%;}
	#contents #rec .inner .row>.col.v {position: relative; height: 100%; top: 0;left: 0;bottom: 0;}
	#contents #rec .inner .row>.col .inner { max-width: 90%;width: 90%;margin: 50px auto;padding-right: 0;padding-left: 0; box-sizing:}
    #contents #rec .inner .row>.col .inner .iwagaki-title {width: 288px; margin-bottom:30px;}
    #contents #rec .inner .row>.col .inner p {text-align:left; width: 100%; margin: 0 auto;  font-size:57%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
	#contents #rec .inner .row-l {width: 100%; height: 100%; position: relative; overflow: hidden; float:left;}
    #contents #rec .inner .row-l .title-table {width: 10%; position: absolute; top:27%; left:45%;}
    #contents #rec .inner .row-r {width: 100%; height: 100%; position: relative; overflow: hidden; float:right;}
    #contents #rec .inner .row-r .title-counter {width: 10%; position: absolute; top:27%; left:45%;}
}

/* menu*/
#contents #menu {width: 100%; margin-left:auto; margin-right:auto; position:relative}
#contents #menu .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #menu .inner .content_header {width: 100%;height: 240px; padding: 0; text-align: center; background: #191950;}
#contents #menu .inner h1.title-menu {position: relative; top: 50%; color:#FFF;}
#contents #menu .inner h1.title-menu-tennai {position: relative; top: 50%; color:#FFF; font-size:0.3em;}
#contents #menu .inner .main {width: 100%; height: auto; position: relative;  overflow: hidden;}
#contents #menu .inner .main .bg {width: 100%; height: auto; display: block;}
#contents #menu .inner .main .txt-area {width: 5%; height:100%; position: absolute; top:5%; right:8%; display: block; background-position: center center;background-size: contain;}
#contents #menu .inner .main .txt-area .main-title {width: 100%; }
#contents #menu .inner .main .txt-area-en {width: 7.4%; height:100%; position: absolute; top:1%; left:2%; display: block; background-position: center center;background-size: contain;}
#contents #menu .inner .main .txt-area .main-title-en {width: 100%;}
#contents #menu .inner .menu-list {width: 925px; height:auto; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right:auto; text-align:left; font-size:75%; font-weight:normal; letter-spacing: 0.1em; line-height:3; color:#191950;}
#contents #menu .inner .menu-list h1.title-menu {text-align: left; width:100%; margin-top: 50px; margin-bottom: 20px; color:#191950;}
#contents #menu .inner .menu-list .tsumami {width:120px;}
#contents #menu .inner .menu-list .agemono {width:120px;}
#contents #menu .inner .menu-list .sashimi {width:230px;}
#contents #menu .inner .menu-list .comments {margin-top:20px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
#contents #menu .inner .menu-list .comments-last {float:right; margin-top:80px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
#contents #menu .inner .menu-list .gohanmono {width:182px;}
#contents #menu .inner .menu-list .menu-list-l {width: 410px; float:left;}
#contents #menu .inner .menu-list .menu-list-l dl {width: 100%; }
#contents #menu .inner .menu-list .menu-list-l dl dt {margin:0;}
#contents #menu .inner .menu-list .menu-list-l dl dd {border-bottom:solid 1px #191950;}
#contents #menu .inner .menu-list .menu-list-l dl dd span {float:right;}
#contents #menu .inner .menu-list .menu-list-r {width: 410px; float:right;}
#contents #menu .inner .menu-list .menu-list-r dl {width: 100%; }
#contents #menu .inner .menu-list .menu-list-r dl dt {margin:0;}
#contents #menu .inner .menu-list .menu-list-r dl dd {border-bottom:solid 1px #191950;}
#contents #menu .inner .menu-list .menu-list-r dl dd span {float:right;}
#contents #menu .inner .comments-info {width: 100%; height:auto; margin-top:40px; } 
#contents #menu .inner .comments-info p {font-size:75%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #menu .inner .content_header {width: 100%;height: 200px; padding: 0; text-align: center; background: #191950;}
    #contents #menu .inner h1.title-menu {width: 88px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #menu .inner .main .txt-area {width: 6%; height:100%; position: absolute; top:5%; right:8%; display: block; background-position: center center;background-size: contain;}
	#contents #menu .inner .menu-list {width: 90%; height:auto; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right:auto; text-align:left; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:3; color:#191950;}
    #contents #menu .inner .menu-list h1.title-menu {text-align: left; width:100%; margin-top: 50px; margin-bottom: 20px;}
    #contents #menu .inner .menu-list .tsumami {width:110px;}
    #contents #menu .inner .menu-list .agemono {width:110px;}
    #contents #menu .inner .menu-list .sashimi {width:190px;}
    #contents #menu .inner .menu-list .comments {margin-top:20px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #menu .inner .menu-list .comments-last {float:right; margin-top:80px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #menu .inner .menu-list .gohanmono {width:152px;}
    #contents #menu .inner .menu-list .menu-list-l {width: 45%; float:left;}
    #contents #menu .inner .menu-list .menu-list-l dl {width: 100%; }
    #contents #menu .inner .menu-list .menu-list-l dl dt {margin:0;}
    #contents #menu .inner .menu-list .menu-list-l dl dd {border-bottom:solid 1px #191950;}
    #contents #menu .inner .menu-list .menu-list-l dl dd span {float:right;}
    #contents #menu .inner .menu-list .menu-list-r {width: 45%; float:right;}
    #contents #menu .inner .menu-list .menu-list-r dl {width: 100%; }
    #contents #menu .inner .menu-list .menu-list-r dl dt {margin:0;}
    #contents #menu .inner .menu-list .menu-list-r dl dd {border-bottom:solid 1px #191950;}
    #contents #menu .inner .menu-list .menu-list-r dl dd span {float:right;}
    #contents #menu .inner .comments-info {width: 100%; height:auto; margin-top:40px; } 
    #contents #menu .inner .comments-info p {font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;} 
  }
@media (max-width: 768px) {
	#contents #menu {width: 100%; margin-left:auto; margin-right:auto; position:relative}
    #contents #menu .inner {width: 100%; margin-left:auto; margin-right:auto;}
    #contents #menu .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #menu .inner h1.title-menu {position: relative; top: 50%;}
	#contents #menu .inner .main {width: 100%; height: auto;position:relative}
    #contents #menu .inner .main .bg {width: 100%; height: auto; display: block;}
	#contents #menu .inner .menu-list {width: 90%; height:auto; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right:auto; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:3; color:#191950;}
	#contents #menu .inner .menu-list h1.title-menu {text-align: left; width:100%; margin-top: 50px; margin-bottom: 20px;}
    #contents #menu .inner .menu-list .tsumami {width:108px;}
    #contents #menu .inner .menu-list .agemono {width:108px;}
    #contents #menu .inner .menu-list .sashimi {width:180px;}
    #contents #menu .inner .menu-list .comments {margin-top:20px; font-size:80%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #menu .inner .menu-list .comments-last {float:none; margin-top:40px; font-size:80%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #menu .inner .menu-list .gohanmono {width:144px;}
    #contents #menu .inner .menu-list .menu-list-l {width: 100%; float:none;}
    #contents #menu .inner .menu-list .menu-list-l dl {width: 100%;}
    #contents #menu .inner .menu-list .menu-list-l dl dt {}
    #contents #menu .inner .menu-list .menu-list-l dl dd {border-bottom:solid 1px #191950;}
    #contents #menu .inner .menu-list .menu-list-l dl dd span {margin-right:30px;}
    #contents #menu .inner .menu-list .menu-list-r {width: 100%; float:none;}
    #contents #menu .inner .menu-list .menu-list-r dl {width: 100%;}
    #contents #menu .inner .menu-list .menu-list-r dl dt {}
    #contents #menu .inner .menu-list .menu-list-r dl dd {border-bottom:solid 1px #191950;}
    #contents #menu .inner .menu-list .menu-list-r dl dd span {margin-right:30px;}
    #contents #menu .inner .comments-info {width: 90%; height:auto; margin-top:40px; margin-left:auto; margin-right:auto;} 
    #contents #menu .inner .comments-info p {text-align: left; font-size:65%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}   
}

/* drink*/
#contents #drink {width: 100%; margin-left:auto; margin-right:auto; position:relative}
#contents #drink .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #drink .inner .content_header {width: 100%;height: 240px; padding: 0; text-align: center; background: #191950;}
#contents #drink .inner h1.title-drink {position: relative; top: 50%; color:#FFF;}
#contents #drink .inner .main {width: 100%; height: auto; position: relative;  overflow: hidden;}
#contents #drink .inner .main .bg {width: 100%; height: auto; display: block;}
#contents #drink .inner .main .txt-area {width: 5%; height:100%; position: absolute; top:5%; right:8%; display: block; background-position: center center;background-size: contain;}
#contents #drink .inner .main .txt-area .main-title {width: 100%; }
#contents #drink .inner .main .txt-area-en {width: 6.4%; height:100%; position: absolute; top:1%; left:2%; display: block; background-position: center center;background-size: contain;}
#contents #drink .inner .main .txt-area .main-title-en {width: 100%;}
#contents #drink .inner .menu-list {width: 925px; height:auto; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right:auto; text-align:left; font-size:75%; font-weight:normal; letter-spacing: 0.1em; line-height:3; color:#191950;}
#contents #drink .inner .menu-list h1.title-menu {text-align: left; width:100%; margin-top: 50px; margin-bottom: 20px; font-size:130%;}
#contents #drink .inner .menu-list .nihonshu {width:118px;}
#contents #drink .inner .menu-list .beer {width:116px;}
#contents #drink .inner .menu-list .wine {width:114px;}
#contents #drink .inner .menu-list .sour {width:118px;}
#contents #drink .inner .menu-list .highball {width:213px;}
#contents #drink .inner .menu-list .shochu {width:77px;}
#contents #drink .inner .menu-list .comments {margin-top:20px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
#contents #drink .inner .menu-list .comments-last {float:right; margin-top:80px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
#contents #drink .inner .menu-list .gohanmono {width:182px;}
#contents #drink .inner .menu-list .menu-list-l {width: 410px; float:left;}
#contents #drink .inner .menu-list .menu-list-l dl {width: 100%; }
#contents #drink .inner .menu-list .menu-list-l dl dt {}
#contents #drink .inner .menu-list .menu-list-l dl dd {border-bottom:solid 1px #191950;}
#contents #drink .inner .menu-list .menu-list-l dl dd span {float:right;}
#contents #drink .inner .menu-list .menu-list-r {width: 410px; float:right;}
#contents #drink .inner .menu-list .menu-list-r dl {width: 100%; }
#contents #drink .inner .menu-list .menu-list-r dl dt {}
#contents #drink .inner .menu-list .menu-list-r dl dd {border-bottom:solid 1px #191950;}
#contents #drink .inner .menu-list .menu-list-r dl dd span {float:right;}

.btn {width:auto; background: #191950; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#ffffff; margin-top:30px; margin-bottom:100px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; display: inline-block;}
.btn a {color:#ffffff;}

.btn2 {width:auto; background: #191950; font-size:90%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#ffffff; margin-top:30px; margin-bottom:10px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; display: inline-block;}
.btn2 a {color:#ffffff;}


@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #drink .inner .content_header {width: 100%;height: 200px; padding: 0; text-align: center; background: #191950;}
    #contents #drink .inner h1.title-menu {width: 88px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #drink .inner .main .txt-area {width: 6%; height:100%; position: absolute; top:5%; right:8%; display: block; background-position: center center;background-size: contain;}
	#contents #drink .inner .menu-list {width: 90%; height:auto; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right:auto; text-align:left; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:3; color:#191950;}
    #contents #drink .inner .menu-list h1.title-menu {text-align: left; width:100%; margin-top: 50px; margin-bottom: 20px;}
    #contents #drink .inner .menu-list .nihonshu {width:110px;}
    #contents #drink .inner .menu-list .beer {width:110px;}
    #contents #drink .inner .menu-list .wine {width:110px;}
	#contents #drink .inner .menu-list .sour {width:110px;}
	#contents #drink .inner .menu-list .highball {width:190px;}
    #contents #drink .inner .menu-list .shochu {width:67px;}
    #contents #drink .inner .menu-list .comments {margin-top:20px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #drink .inner .menu-list .comments-last {float:right; margin-top:80px; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #drink .inner .menu-list .menu-list-l {width: 45%; float:left;}
    #contents #drink .inner .menu-list .menu-list-l dl {width: 100%; }
    #contents #drink .inner .menu-list .menu-list-l dl dt {margin:0;}
    #contents #drink .inner .menu-list .menu-list-l dl dd {border-bottom:solid 1px #191950;}
    #contents #drink .inner .menu-list .menu-list-l dl dd span {float:right;}
    #contents #drink .inner .menu-list .menu-list-r {width: 45%; float:right;}
    #contents #drink .inner .menu-list .menu-list-r dl {width: 100%; }
    #contents #drink .inner .menu-list .menu-list-r dl dt {margin:0;}
    #contents #drink .inner .menu-list .menu-list-r dl dd {border-bottom:solid 1px #191950;}
    #contents #drink .inner .menu-list .menu-list-r dl dd span {float:right;}
    #contents #drink .inner .comments-info {width: 100%; height:auto; margin-top:40px; } 
    #contents #drink .inner .comments-info p {font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;} 
  }
@media (max-width: 768px) {
	#contents #drink {width: 100%; margin-left:auto; margin-right:auto; position:relative}
    #contents #drink .inner {width: 100%; margin-left:auto; margin-right:auto;}
    #contents #drink .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #drink .inner h1.title-drink {position: relative; top: 50%;}
	#contents #drink .inner .main {width: 100%; height: auto;position:relative}
    #contents #drink .inner .main .bg {width: 100%; height: auto; display: block;}
	#contents #drink .inner .menu-list {width: 90%; height:auto; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right:auto; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:3; color:#191950;}
	#contents #drink .inner .menu-list h1.title-menu {text-align: left; width:100%; margin-top: 50px; margin-bottom: 20px;}
    #contents #drink .inner .menu-list .nihonshu {width:108px;}
    #contents #drink .inner .menu-list .beer {width:108px;}
    #contents #drink .inner .menu-list .wine {width:108px;}
	#contents #drink .inner .menu-list .sour {width:108px;}
	#contents #drink .inner .menu-list .highball {width:180px;}
	#contents #drink .inner .menu-list .shochu {width:72px;}
    #contents #drink .inner .menu-list .comments {margin-top:20px; font-size:80%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #drink .inner .menu-list .comments-last {float:none; margin-top:40px; font-size:80%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #drink .inner .menu-list .gohanmono {width:144px;}
    #contents #drink .inner .menu-list .menu-list-l {width: 100%; float:none;}
    #contents #drink .inner .menu-list .menu-list-l dl {width: 100%;}
    #contents #drink .inner .menu-list .menu-list-l dl dt {}
    #contents #drink .inner .menu-list .menu-list-l dl dd {border-bottom:solid 1px #191950;}
    #contents #drink .inner .menu-list .menu-list-l dl dd span {margin-right:30px;}
    #contents #drink .inner .menu-list .menu-list-r {width: 100%; float:none;}
    #contents #drink .inner .menu-list .menu-list-r dl {width: 100%;}
    #contents #drink .inner .menu-list .menu-list-r dl dt {}
    #contents #drink .inner .menu-list .menu-list-r dl dd {border-bottom:solid 1px #191950;}
    #contents #drink .inner .menu-list .menu-list-r dl dd span {margin-right:30px;}
    #contents #drink .inner .comments-info {width: 90%; height:auto; margin-top:40px; margin-left:auto; margin-right:auto;} 
    #contents #drink .inner .comments-info p {text-align: left; font-size:65%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
	.btn {width:70%; background: #191950; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#ffffff; margin-top:30px; margin-bottom:100px; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; display: inline-block;}
.btn a {color:#ffffff;}
}

/* enkai*/
#contents #enkai {width: 100%; margin-left:auto; margin-right:auto; position:relative}
#contents #enkai .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #enkai .inner .content_header {width: 100%;height: 240px; padding: 0; text-align: center; background: #191950;}
#contents #enkai .inner h1.title-enkai {position: relative; top: 50%; color:#FFF;}
#contents #enkai .inner .main {width: 100%; height: auto; overflow: hidden; position:relative}
#contents #enkai .inner .main .bg {width: 100%; height: auto; display: block;}
#contents #enkai .inner .main .txt-area {width: 2.3%; height:100%; position: absolute; top:5%; right:8%; display: block; background-position: center center;background-size: contain;}
#contents #enkai .inner .main .txt-area .main-title {width: 100%; }
#contents #enkai .inner .main .txt-area-en {width: 2.5%; height:100%; position: absolute; top:1%; left:2%; display: block; background-position: center center;background-size: contain;}
#contents #enkai .inner .main .txt-area .main-title-en {width: 100%;}
#contents #enkai .inner .comments-info {width: 100%; height:auto; margin-top:90px; margin-bottom:90px;} 
#contents #enkai .inner .comments-info p {font-size:75%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
#contents #enkai .inner .row>.col { position: relative; width: 50%; height: 100%;}
#contents #enkai .inner .row>.col.v {position: absolute; height: 100%; top: 0;left: 0;bottom: 0;}
#contents #enkai .inner .row>.col.v {left: 0; right: auto; float: left;}
#contents #enkai .inner .row>.col.v.image {position: relative; height: 100%; background-repeat: no-repeat;background-position: center center;background-size: cover;}
#contents #enkai .inner .row>.col.v + .col {float: right;}
#contents #enkai .inner .row>.col.v.r {left: auto; right: 0; float: right;}
#contents #enkai .inner .row>.col.v.r + .col {float: left;}
#contents #enkai .inner .row>.col .inner { max-width: 100%;width: 100%; margin: 0 auto; box-sizing:}
#contents #enkai .inner .row>.col .inner .enkai-title {width: 505px; margin-top:100px; margin-bottom:30px;}
#contents #enkai .inner .row>.col .inner p {text-align:left; width: 430px; margin: 0 auto;  font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #enkai .inner .row>.col .inner dl {text-align:left; width: 430px; margin: 0 auto;  font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #enkai .inner .row>.col .inner dl dt{width: 100%; margin-bottom:20px; font-weight:normal;}
#contents #enkai .inner .row>.col .inner dl dd{float:left; margin-right:70px;}
#contents #enkai .inner .row>.col .inner dl dd:last-child {margin-right:0;}
#contents #enkai .inner .row>.col .inner .comments {width: 430px; margin-top:50px; margin-left:auto; margin-right:auto; text-align:left;  font-size:50%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
#contents #enkai .inner .row>.col .inner .btn {width:40%; background: #191950; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#ffffff;  margin-top:50px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; display: inline-block; }
#contents #enkai .inner .row>.col .inner .btn a {color:#ffffff;}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
	#contents #enkai .inner .row>.col .inner .enkai-title {width: 505px; margin-top:50px; margin-bottom:30px;}
	#contents #enkai .inner .row>.col .inner .enkai-title {width: 425px; margin-bottom:30px;}
  }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #enkai .inner .content_header {width: 100%;height: 200px; padding: 0; text-align: center; background: #191950;}
    #contents #enkai .inner h1.title-enkai {width: 152px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #enkai .inner .main .txt-area {width:  2.8%; height:100%; position: absolute; top:5%; right:8%; display: block; background-position: center center;background-size: contain;}
	#contents #enkai .inner .comments-info {width: 90%; height:auto; margin-left:auto; margin-right:auto; margin-top:90px; margin-bottom:90px;} 
    #contents #enkai .inner .comments-info p {font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}	
	#contents #enkai .inner .row>.col .inner { max-width: 90%;width: 90%; margin: 0 auto; box-sizing:}
    #contents #enkai .inner .row>.col .inner .enkai-title {width: 370px; margin-top:0; margin-bottom:30px;}
    #contents #enkai .inner .row>.col .inner p {text-align:left; width: 430px; margin: 0 auto;  font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #enkai .inner .row>.col .inner dl {text-align:left; width: 100%; margin: 0 auto;  font-size:65%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #enkai .inner .row>.col .inner dl dt{width: 100%; margin-bottom:20px; font-weight:normal;}
    #contents #enkai .inner .row>.col .inner dl dd{float:left; margin-right:70px;}
    #contents #enkai .inner .row>.col .inner dl dd:last-child {margin-right:0;}
    #contents #enkai .inner .row>.col .inner .comments {width: 100%; margin-top:20px; margin-left:auto; margin-right:auto; text-align:left;  font-size:50%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #enkai .inner .row>.col .inner .btn {width:50%; background: #191950; font-size:70%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#ffffff;  margin-top:20px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; display: inline-block; }
   #contents #enkai .inner .row>.col .inner .btn a {color:#ffffff;} 
  }
@media (max-width: 768px) {
	#contents #enkai {width: 100%; margin-left:auto; margin-right:auto; position:relative; margin-bottom:30px;}
    #contents #enkai .inner {width: 100%; margin-left:auto; margin-right:auto;}
    #contents #enkai .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #enkai .inner h1.title-enkai {width: 132px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #enkai .inner .main {width: 100%; height: auto;position:relative}
    #contents #enkai .inner .main .bg {width: 100%; height: auto; display: block;}
    #contents #enkai .inner .comments-info {width: 90%; height:auto; margin-top:50px; margin-bottom:50px; margin-left:auto; margin-right:auto;} 
    #contents #enkai .inner .comments-info p {text-align: left; font-size:65%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;} 
	#contents #enkai .inner .row>.col { position: relative; width: 100%; height: auto;}
    #contents #enkai .inner .row>.col.v {position: relative; height: 100%; top: 0;left: 0;bottom: 0;}
    #contents #enkai .inner .row>.col.v {left: 0; right: auto; float: none;}
    #contents #enkai .inner .row>.col.v.image {position: relative; height: 100%; background-repeat: no-repeat;background-position: center center;background-size: cover;}
    #contents #enkai .inner .row>.col.v + .col {float: none;}
    #contents #enkai .inner .row>.col.v.r {left: 0; right: 0; float: none;}
    #contents #enkai .inner .row>.col.v.r + .col {float: none;}
	#contents #enkai .inner .row>.col .inner { width: 100%;width: 90%; margin: 0 auto; box-sizing:}
    #contents #enkai .inner .row>.col .inner .enkai-title {max-width: 90%; margin-top:50px;}
    #contents #enkai .inner .row>.col .inner p {text-align:left; width: 100%; margin: 0 auto;  font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #enkai .inner .row>.col .inner dl {text-align:left; width:100%; margin: 0 auto;  font-size:65%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #enkai .inner .row>.col .inner dl dt{width: 100%; margin-bottom:20px; font-weight:normal;}
    #contents #enkai .inner .row>.col .inner dl dd{float:none; margin-right:70px;}
    #contents #enkai .inner .row>.col .inner dl dd:last-child {margin-right:0;}
    #contents #enkai .inner .row>.col .inner .comments {width: 100%; margin-top:50px; margin-left:auto; margin-right:auto; text-align:left;  font-size:50%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#191950;}
    #contents #enkai .inner .row>.col .inner .btn {width:70%; background: #191950; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2.5; color:#ffffff;  margin-top:50px; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; display: inline-block; }
    #contents #enkai .inner .row>.col .inner .btn a {color:#ffffff;}  
}

/* access*/
#contents #access {width: 100%; margin-top:0; margin-bottom:70px; margin-left:auto; margin-right:auto; position:relative}
#contents #access .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #access .inner .content_header {width: 100%;height: 240px; padding: 0; text-align: center; background: #191950;}
#contents #access .inner h1.title-access {position: relative; top: 50%; color:#FFF;}
#contents #access .inner .main {width: 100%; height: auto; overflow: hidden; position:relative}
#contents #access .inner .main .bg {width: 100%; height: auto; display: block;}
#contents #access .inner .overview {width: 856px; margin-top:50px; margin-left:auto; margin-right:auto; text-align: left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #access .inner .overview table, th, td {border-collapse: collapse; border: 1px solid #191950; line-height: 1.5;}
#contents #access .inner .overview table th {width: 20%; padding-top:20px; padding-bottom:20px; padding-left:20px; vertical-align: top; font-weight:normal;}
#contents #access .inner .overview table td {width: 60%; padding-top:20px; padding-bottom:20px; padding-left:20px; vertical-align: top;}
#contents #access .inner .overview table td span {padding-left:20px;}
#contents #access .inner .overview table td span a {text-decoration: underline; color:#191950;}
#contents #access .inner .overview .e-link {width: 100%; margin-top:10px; }
#contents #access .inner .overview .e-link ul.sns {width: 100%;}
#contents #access .inner .overview .e-link ul li {float:left; margin-right:10px;}
#contents #access .inner .overview .e-link ul.sns li.fb {width: 31px; padding-top:15px;}
#contents #access .inner .overview .e-link ul.sns li.insta {width: 31px; padding-top:15px;}
#contents #access .inner .overview .e-link ul.sns li.tabelog {width: 64px; }
#contents #access .inner .overview .store {margin-top:20px;  margin-left:20px; float:left;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #access .inner .content_header {width: 100%;height: 200px; padding: 0; text-align: center; background: #191950;}
    #contents #access .inner h1.title-access {width: 122px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #access .inner .main .txt-area {width:  2.8%; height:100%; position: absolute; top:5%; right:8%; display: block; background-position: center center;background-size: contain;}
	
	#contents #access .inner .overview {width: 90%; margin-top:50px; margin-left:auto; margin-right:auto; text-align: left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
  }
@media (max-width: 768px) {
	#contents #access {width: 100%; margin-left:auto; margin-right:auto; position:relative}
    #contents #access .inner {width: 100%; margin-left:auto; margin-right:auto;}
    #contents #access .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #access .inner h1.title-access {position: relative; top: 50%;}
	#contents #access .inner .main {width: 100%; height: auto;position:relative}
    #contents #access .inner .main .bg {width: 100%; height: auto; display: block;}
	#contents #access .inner .overview {width: 90%; margin-top:50px; margin-left:auto; margin-right:auto; text-align: left; font-size:57%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #access .inner .overview table, th, td {border-collapse: collapse; border: 1px solid #191950; line-height: 1.5;}
    #contents #access .inner .overview table th {width: 20%; padding-top:10px; padding-bottom:10px; padding-left:10px; vertical-align: top; font-weight:normal;}
    #contents #access .inner .overview table td {width: 60%; padding-top:10px; padding-bottom:10px; padding-left:10px; vertical-align: top;}
    #contents #access .inner .overview table td span {padding-left:20px;}
    #contents #access .inner .overview table td span a {text-decoration: underline; color:#191950;}
    #contents #access .inner .overview .e-link {width: 100%; margin-top:10px;}
    #contents #access .inner .overview .e-link ul.sns {width: 100%; float:left;}
    #contents #access .inner .overview .e-link ul li {float:left; margin-right:10px;}
    #contents #access .inner .overview .e-link ul.sns li.fb {width: 31px; padding-top:15px;}
    #contents #access .inner .overview .e-link ul.sns li.insta {width: 31px; padding-top:15px;}
    #contents #access .inner .overview .e-link ul.sns li.tabelog {width: 64px; }
    #contents #access .inner .overview .store {margin-top:20px;  margin-left:0; float:left;} 
}

/* recruit */
#contents #recruit {width: 100%; margin-left:auto; margin-right:auto; position:relative}
#contents #recruit .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #recruit .inner .main {width: 100%; height: auto;position:relative}
#contents #recruit .inner .main .bg {width: 100%; height: auto; display: block;}
#contents #recruit .inner .main .txt-area {width: auto; position: absolute; top:13%; right:5%; display: block;}
#contents #recruit .inner .main .txt-area h2{background-color:#FFF; color:#191950; font-size:0.8em; margin-bottom:15px; padding:10px; text-align:left;}

#contents #recruit .inner .main .txt-area .main-title {width: 466px; margin-bottom:15px;}
#contents #recruit .inner .main .txt-area p {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #ffffff; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #recruit .inner .btn {margin-top:60px;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#contents #recruit .inner .content_header {width: 100%;height: 200px; padding: 0; text-align: center; background: #191950;}
    #contents #recruit .inner h1.title-about {width: 196px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #recruit .inner .main .txt-area {width: 70%; position: absolute; top:8%; right:5%; display: block;}
    #contents #recruit .inner .main .txt-area .main-title {width: 453px; margin-bottom:15px;}
    #contents #recruit .inner .main .txt-area p {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #ffffff; text-align:left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
  }
@media (max-width: 768px) {
	#contents #recruit  {width: 100%; margin-left:auto; margin-right:auto; position:relative}
    #contents #recruit .inner {width: 100%; margin-left:auto; margin-right:auto;}
    #contents #recruit .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #recruit .inner h1.title-about {width: 180px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #recruit .inner .main {width: 100%; height: auto;position:relative}
    #contents #recruit .inner .main .bg {width: 100%; height: auto; display: block;}
	#contents #recruit .inner .main .txt-area {width: 90%;  position: relative; top:0; right:0; margin-bottom:50px; margin-left:auto; margin-right:auto; display: block;}
	#contents #recruit .inner .main .txt-area .main-title {width: 100%; margin-top:40px; margin-bottom:30px; text-align: left;}
    #contents #recruit .inner .main .txt-area p {width: 100%; padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; background: none; text-align:left; font-size:57%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
    #contents #recruit .inner .btn {margin-top:0;}
}

#contents .insta-area {width:85%; height:auto; margin-bottom:100px; margin-left:auto; margin-right:auto;}
#contents .insta-area ul#instafeed {width:100%; height:auto;  margin-left:auto; margin-right:auto;}
#contents .insta-area ul#instafeed li {float: left;padding:3px;width: 16%; height: 100%;font-size: 12px;line-height: 14px;}
#contents .insta-area ul#instafeed li span {display:none;}  

@media (max-width: 768px) {
    #contents .insta-area {width:100%; height:auto; margin-bottom:100px; margin-left:auto; margin-right:auto;}
    #contents .insta-area ul#instafeed li {float: left;padding:2px;width: 23.8%; height: 100%;font-size: 12px;line-height: 14px;}
}
 


/* news */
#contents #newspage {width: 100%; margin-left:auto; margin-right:auto; position:relative}
#contents #newspage .inner {width: 100%; margin-left:auto; margin-right:auto;}
#contents #newspage .inner .content_header {width: 100%;height: 240px; padding: 0; text-align: center; background: #191950;}
#contents #newspage .inner h1.title-newspage {width: 150px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
#contents #newspage .inner .news-warp {max-width: 856px; margin-top:50px; margin-left:auto; margin-right:auto; text-align: left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}
#contents #newspage .inner .news-warp #p_inner {width: 100%; margin-left:auto; margin-right:auto; padding-bottom:2em; margin-bottom:2em; text-align: left;}
#contents #newspage .inner .news-warp #p_inner h3{margin-bottom:40px; padding-top: 10px; padding-bottom:5px; font-weight: 600;font-size: 140%; color: #191950;border-bottom:1px solid #191950; text-align: left; line-height: 1.4; }
#contents #newspage .inner .news-warp #p_inner .news_area {margin-bottom:50px; padding-bottom:30px; border-bottom:1px solid #191950;}
#contents #newspage .inner .news-warp #p_inner .news_area .date {font-weight: 600; font-size:0.9em; color:#191950;}
#contents #newspage .inner .news-warp #p_inner .news_area p {margin-top:10px; color:#000; line-height: 1.7 }
#contents #newspage .inner .news-warp #p_inner .news_area .cat {margin-right:20px;}
#contents #newspage .inner .news-warp #p_inner .news_area .image {width: 100%; margin-bottom:20px;}
#contents #newspage .inner .news-warp #p_inner .news_area ul.txt {width: 100%; line-height: 1.4; font-size:0.9em; color:#191950;}

@media screen and ( max-width:768px ) {
	#contents #newspage .inner .content_header {width: 100%;height: 133px; padding: 0; text-align: center; background: #191950;}
    #contents #newspage .inner h1.title-newspage {width: 120px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	#contents #newspage .inner .news-warp {max-width: 90%; margin-top:50px; margin-left:auto; margin-right:auto; text-align: left; font-size:60%; font-weight:normal; letter-spacing: 0.1em; line-height:2; color:#191950;}

}

/* clone-header
------------------------------------------------------------*/
#clone-header {
  width: 100%;
  height: 58px;
  background: #191950;
  position: fixed; /* ヘッダーバーを固定 */
  top: 0; /* 上から0の位置に固定 */
  left: 0; /* 左から0の位置に固定 */
  display: none; /* ヘッダーバーを非表示 */
  z-index: 1;
}

#clone-header .reserve {width: auto; text-align:center; margin-top:20px; margin-bottom:40px; margin-left:auto; margin-right:auto; color:#ffffff; font-size:65%; font-weight:normal; letter-spacing: 0.2em;}
#clone-header .reserve a{color:#ffffff; font-weight:normal;}

/* slider
------------------------------------------------------------*/

.carousel {
    overflow: hidden;
    padding-top: 0;
    height: auto;
    display: block;
	position: relative;
}

.slider {
	position: relative;
}

.bx-viewport:before,
.bx-viewport:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 1000;
}

.bx-wrapper .bx-viewport {
    overflow: visible !important;
    left: 0;
    border-width: 0;
    box-shadow: none;
}


/* DIRECTION CONTROLS (NEXT / PREV) */
.next-btn{
  width: 50px;
  height: 50px;
  position: absolute;
  right:1%;
  top:50%;
  margin-top: -40px;
}
.prev-btn{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 1%;
  top:50%;
  margin-top: -40px;
}
.bx-prev,.bx-next {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top:0;
  z-index: 100;
  /*background-color: #f90;*/
}
@media screen and ( max-width:768px ) {
.next-btn{
  width: 50px;
  height: 50px;
  position: absolute;
  right:1%;
  top:50%;
  margin-top: -50px;
}
.prev-btn{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 1%;
  top:50%;
  margin-top: -50px;
}

}

.comments-info-ten {
    margin: 40px 40px;
    height: auto;
}

.comments-info-ten p {
    text-align: left !important;
    font-size: 66% !important;
    font-weight: normal !important;
    color: #191950;
    margin-top: 30px;
    line-height: 2.0;
}