@charset "UTF-8";
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/
/* Simplicity子テーマ用のスタイル */
/************************************
** 基本設定
************************************/

::selection {
  background: #3e3c38;
  color: #fff;
}

#container {
  padding: 0;
  margin: 0 auto;
}

.tate {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 2.0em;
}

/* PC */
@media screen and (min-width:751px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
}

/* スマホ */
@media screen and (max-width:750px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  #body {
    width: 100%;
    margin: 0 auto;
  }
}



/************************************
** ナビゲーション
************************************/

header #h-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
header #site-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
}
header nav {
  margin: 0 0 0 auto;
  padding: 0;
}
header #h-top #gnavi {
  position: fixed;
  right: 2.5vw;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header #h-top #gnavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header #h-top #gnavi li {
  font-size: 16px;
  line-height: 1;
  color: #3e3c38;
}
header #h-top #gnavi li:before {
  content: "/";
  padding: 0 1em;
}
header #h-top #gnavi li:nth-child(1):before {
  content: "";
  padding: 0;
}
header #h-top #gnavi a {
  display: inline-block;
  color: #3e3c38;
}
header #h-top .reservation {
  /*display: none;*/
}
header #h-top .reservation a {
  display: block;
  font-size: 16px;
  line-height: 1;
  background-color: #3e3c38;
  color: #fff !important;
  margin: 0 2em;
  padding: 10px 2.5em 10px 2.5em;
  border: 1px solid #3e3c38;
}
header #h-top .agency {
  font-size: 16px;
  line-height: 1;
  color: #3e3c38 !important;
  margin: 0;
  padding: 10px 2.5em 10px 2.5em;
  border: 1px solid #3e3c38;
}
header #h-top #lang-menu {
  margin-right: 2em;
  margin-left: 2em;
}
header #h-top #lang-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header #h-top #lang-menu li {
  font-size: 16px;
  line-height: 1;
  color: #3e3c38;
  list-style-type: none;
}
header #h-top #lang-menu li:nth-child(2):before {
  content: "/";
  padding: 0 1em;
}
header #h-top #lang-menu a {
  color: #3e3c38;
}
header nav#mobile-navi {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  float: inherit;
  background-color: rgba(62, 60, 56, 0.97);
  width: 100%;
  height: 100vh;
  padding-top: 0;
  margin-left: 0 !important;
}
header nav#mobile-navi #mobile-navi-in {
  position: relative;
  width: 95%;
  margin: 0 auto;
  padding: 2.5vw 0;
}
header nav#mobile-navi #mobile-navi-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
header nav#mobile-navi #mobile-navi-logo {}
header div#mobile-navi-gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header div#mobile-navi-gnavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header div#mobile-navi-gnavi li {
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
header div#mobile-navi-gnavi li:before {
  content: "/";
  padding: 0 1em;
}
header div#mobile-navi-gnavi li:nth-child(1):before {
  content: "";
  padding: 0;
}
header div#mobile-navi-gnavi a {
  display: inline-block;
  color: #fff;
}
header div#mobile-navi-gnavi .reservation {
  /*display: none;*/
}
header div#mobile-navi-gnavi .reservation a {
  display: block;
  font-size: 16px;
  line-height: 1;
  background-color: #fff;
  color: #3e3c38;
  margin: 0 2em;
  padding: 10px 2.5em 10px 2.5em;
  border: 1px solid #fff;
}
header div#mobile-navi-gnavi #lang-menu {
  margin-right: 2em;
  margin-left: 2em;
}
header div#mobile-navi-gnavi #lang-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header div#mobile-navi-gnavi #lang-menu li {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  list-style-type: none;
}
header div#mobile-navi-gnavi #lang-menu li:nth-child(2):before {
  content: "/";
  padding: 0 1em;
}
header div#mobile-navi-gnavi #lang-menu a {
  color: #fff;
}
#mobile-navi .mobile-navi-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 600px;
  margin: 0 auto;
}
#mobile-navi .mobile-navi-menu > li {
  width: 36%;
  font-size: 18px;
  margin-bottom: 10px;
}
#mobile-navi .mobile-navi-menu > li:nth-child(3n+2) {
  width: 25%;
}
#mobile-navi .mobile-navi-menu > li:nth-child(3n+3) {
  width: 38%;
}
#mobile-navi .mobile-navi-menu > li a {
  display: block;
  color: #fff !important;
}
#mobile-navi .mobile-navi-menu > li a.disabled {
  color: #7d7b77 !important;
  pointer-events: none;
}
#mobile-navi #mobile-navi-restaurant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  margin: 3em auto 0 auto;
}
#mobile-navi #mobile-navi-restaurant li {
  font-size: 16px;
  color: #fff;
  margin-bottom: 2em;
  margin-right: 5em;
}
#mobile-navi #mobile-navi-restaurant li a {
  /*
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  */
}
#mobile-navi #mobile-navi-restaurant li a span {
  display: inline-block;
  line-height: 1;
  color: #fff;
  margin-right: 1.5em;
}
#mobile-navi #mobile-navi-restaurant li:nth-child(1) a img {
  width: 170px;
}
#mobile-navi #mobile-navi-restaurant li:nth-child(2) {
  position: relative;
  top: 0px;
}
#mobile-navi #mobile-navi-restaurant li:nth-child(2) a img {
  position: relative;
  top: 10px;
  width: 270px;
}
#mobile-navi p.tel {
  display: none;
  font-size: 16px;
  color: #fff;
  margin: 0 auto;
}
#mobile-navi p.tel a {
  color: #fff;
}
#mobile-navi-footer {
  display: none;
  width: 100%;
}
#mobile-navi-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  list-style-type: none;
  margin: 1em 0 0 0;
}
#mobile-navi-footer ul li {
  width: 100%;
}
#mobile-navi-footer ul li a {
  display: block;
  width: 100%;
}
#mobile-navi-footer ul li a img {
  display: inline-block;
  vertical-align: middle;
}
#mobile-navi-close {
  display: block;
  background: url(/wp/wp-content/themes/simplicity2-child/images/icon_close.svg) no-repeat left center;
  background-size: 42px;
  width: 42px;
  height: 42px;
  cursor: pointer;
}

/* PC */
@media screen and (min-width:961px) {
  #header nav#mobile-navi {
    display: none !important;
  }
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:1080px) {
  header #site-title {
    position: relative;
    left: inherit;
    top: inherit;
    width: 113px;
  }
  header #h-top #lang-menu {
    position: absolute;
    right: 15%;
    top: 0px;
    width: auto;
    margin: 0;
  }
  header #h-top nav#gnavi #navi, header #h-top nav#gnavi #lang-menu {
    display: none;
  }
  header #h-top #gnavi {
    position: relative;
    right: inherit;
    white-space: nowrap;
  }
  header #h-top .reservation {
    position: absolute;
    right: 60px;
    top: 0px;
  }
  header #h-top .reservation a {
    font-size: 12px;
    margin: 0;
  }
  header #h-top .agency {
    display: none;
  }
  header nav#mobile-navi {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    float: inherit;
    width: 100%;
    height: 100vh;
    padding-top: 0;
    margin-left: 0 !important;
  }
  header nav#mobile-navi #mobile-navi-in {
    width: 90%;
    margin: 1em auto;
  }
  header nav#mobile-navi #mobile-navi-logo {
    display: none;
  }
  header div#mobile-navi-gnavi ul {
    display: none;
  }
  header div#mobile-navi-gnavi .reservation {
    position: absolute;
    right: 60px;
    top: 13px;
  }
  header div#mobile-navi-gnavi .reservation a {
    font-size: 12px;
    margin: 0;
  }
  header div#mobile-navi-gnavi .agency {
    display: none;
  }
  header div#mobile-navi-gnavi #lang-menu {
    position: absolute;
    left: 0;
    top: 5vw;
    margin: 0;
  }
  #mobile-navi .mobile-navi-menu {
    width: 90%;
    margin: 5em auto 5vw auto;
    list-style-type: none;
  }
  #mobile-navi .mobile-navi-menu > li:nth-child(3n+2) {
    width: inherit;
  }
  #mobile-navi .mobile-navi-menu > li:nth-child(3n+3) {
    width: inherit;
  }
  #mobile-navi .mobile-navi-menu > li {
    font-size: 14px;
    margin-bottom: 1em;
  }
  #mobile-navi .mobile-navi-menu > li:nth-child(odd) {
    width: 55%;
  }
  #mobile-navi .mobile-navi-menu > li:nth-child(even) {
    width: 35%;
    padding: 0 5%;
  }
  #mobile-navi .mobile-navi-menu > li a {
    display: block;
    color: #fff !important;
  }
  #mobile-navi #mobile-navi-restaurant {
    display: block;
    width: 90%;
    margin: 3em auto;
  }
  #mobile-navi #mobile-navi-restaurant li {
    width: 60%;
    margin-bottom: 1em;
    margin-right: 0;
  }
  #mobile-navi #mobile-navi-restaurant li:nth-child(2) {
    position: inherit;
    top: inherit;
  }
  #mobile-navi p.tel {
    width: 90%;
    font-size: 14px;
    margin: 0 auto;
  }
  #mobile-navi p.tel small {
    font-size: 12px;
  }
  #mobile-navi-footer {
    display: block;
  }
  #mobile-navi-footer ul#mobile-navi-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 200px;
    list-style-type: none;
    margin: 2em 0 0 5%;
    padding: 0;
  }
  #mobile-navi-footer ul#mobile-navi-sns li {
    width: 20px;
  }
  #mobile-navi-footer ul#mobile-navi-sns li a {
    display: block;
    width: 100%;
    line-height: 1;
    color: #fff;
    text-align: center;
  }
  #mobile-navi-footer ul#mobile-navi-sns li a img {
    display: block;
  }
  #mobile-navi-close {
    position: fixed;
    right: 5vw;
    top: 5vw;
    display: block;
    background: url(/wp/wp-content/themes/simplicity2-child/images/icon_close.svg?1) no-repeat left center;
    background-size: contain;
    width: 42px;
    height: 42px;
    cursor: pointer;
  }
}



/************************************
** 投稿・ページ
************************************/

.entry-content img {
  display: block;
}
.page article h2 {
  line-height: 1.6;
  margin: 0;
}
body .grecaptcha-badge {
  display: none;
}

body.page-contact .grecaptcha-badge,
body.page-monitor .grecaptcha-badge {
  display: block;
}

/* 共通ボタン */
.btn1 a {
  display: inline-block;
  background-color: #3e3c38;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  margin: 0;
  padding: .5em 2em .7em;
}
.btn2 a {
  display: inline-block;
  background-color: transparent;
  height: 28px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #3e3c38;
  margin: 0;
  padding: 0 2px;
  border-right: 1px solid #3e3c38;
  border-left: 1px solid #3e3c38;
}
.btn2 a span {
  display: inline-block;
  margin-top: -2px;
  padding: .7em 2em .7em 2em;
  border-top: 1px solid #3e3c38;
  border-bottom: 1px solid #3e3c38;
}
.btn3 a {
  display: inline-block;
  background-color: transparent;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #3e3c38;
  width: 250px;
  margin: 0;
  padding: 1.4em 0;
  border: 1px solid #3e3c38;
}
.btn4 a {
  display: inline-block;
  background-color: #3e3c38;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #fff;
  width: 250px;
  margin: 0;
  padding: 1.4em 0;
  border: 1px solid #3e3c38;
}
.btn-more {}
.btn-more a {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  padding: .7em 3em;
  border-right: 1px solid #3e3c38;
  border-left: 1px solid #3e3c38;
}

/* PC */
@media screen and (min-width:1081px) {
  .pc-only {
    display: block !important;
  }
  .sp-only {
    display: none !important;
  }
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:1080px) {
  .pc-only {
    display: none !important;
  }
  .sp-only {
    display: block !important;
  }
}

/* スマホ */
@media screen and (max-width:750px) {
  .pc-only {
    display: none !important;
  }
  .sp-only {
    display: block !important;
  }
  .btn3 a {
    display: block;
    font-size: 16px;
    width: 100%;
    padding: 1.5em 0;
  }
  .btn4 a {
    display: block;
    font-size: 16px;
    width: 100%;
    padding: 1.5em 0;
  }
  .btn-more a {
    font-size: 10px;
  }
}



/************************************
** 共通パーツ
************************************/

.sec_inner {
  width: 100%;
  margin: 0;
  padding: 0;
}
.sec_inner a img {
  webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
.bx-wrapper {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  border: none !important;
  background: none !important;
}

/* スマホ */
@media screen and (max-width:750px) {
  .sec_inner {
    width: 100%;
  }
  .sec_inner h2 {}
}

.fs18 {
  font-size: 18px;
}
.fs16 {
  font-size: 16px;
}



/************************************
** HOME(home)
************************************/

.home {}
.home #container {}
.home #site-title {}

.home #header {
  display: none;
  position: absolute;
}
.home header #h-top #gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home header #h-top #gnavi.fixed {
  position: fixed;
  right: 2.5vw;
  z-index: 100;
}
.home #header.fixed {
  display: block;
}

/* loading */
.home #loading {
  position: fixed;
  top: 0;
  z-index: 100000;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

/* keyvisual */
.home #keyvisual {
  width: 100%;
}
.home #keyvisual .sec_inner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.home #keyvisual h1 {
  position: absolute;
  left: 2.5%;
  top: 2.5vw;
  z-index: 60;
  margin: 0;
  padding: 0;
}
.home #keyvisual #bxslider-sp {
  display: none;
}
.home #keyvisual #gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 2.5vw;
  top: 2.5vw;
  z-index: 61;
}
.home #keyvisual #gnavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home #keyvisual #gnavi li {
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.home #keyvisual #gnavi li a {
  font-size: 16px;
}
.home #keyvisual #gnavi li:before {
  content: "/";
  padding: 0 1em;
}
.home #keyvisual #gnavi li:nth-child(1):before {
  content: "";
  padding: 0;
}
.home #keyvisual #gnavi a {
  display: inline-block;
  color: #fff;
}
.home #keyvisual .reservation {
  /*display: none*/ ;
}
.home #keyvisual .reservation a {
  display: block;
  font-size: 16px;
  line-height: 1;
  background-color: #fff;
  color: #3e3c38 !important;
  margin: 0 2em;
  padding: 10px 2.5em 10px 2.5em;
  border: 1px solid #fff;
}
.home #keyvisual .agency {
  font-size: 14px;
  line-height: 1;
  color: #3e3c38 !important;
  margin: 0;
  padding: 10px 2.5em 10px 2.5em;
  border: 1px solid #fff;
}
.home #keyvisual #lang-menu {
  margin-right: 2em;
  margin-left: 2em;
}
.home #keyvisual #lang-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home #keyvisual #lang-menu li {
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.home #keyvisual #lang-menu li:nth-child(2):before {
  content: "/";
  padding: 0 1em;
}
.home #keyvisual #lang-menu a {
  color: #fff;
}
.home #keyvisual #mobile-menu {
  width: 42px;
  height: 42px;
}
.home #keyvisual #mobile-menu a span {
  display: block;
  background: url(../simplicity2-child/images/mobile-menu_white.svg) no-repeat left center;
  background-size: 43px;
  width: 42px;
  height: 42px;
}
.home #keyvisual p#info {
  position: absolute;
  left: 2.5vw;
  bottom: 2.5vw;
  z-index: 62;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
  margin: 0;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
  
}

/* スマホ */
@media screen and (max-width:1080px) {/*820*/
  .home #keyvisual .sec_inner {
    width: 100%;
    height: 100vh;
  }
  .home #keyvisual h1 {
    left: 5vw;
    top: 7vw;
    width: 44px;
  }
  .home #keyvisual #gnavi {
    position: inherit;
    right: inherit;
    top: inherit;
    height: 100vh;
  }
  .home #keyvisual #navi {
    display: none;
  }
  .home #keyvisual .reservation {
    position: absolute;
    right: calc(60px + 5%);
    top: calc(5vw + 6px);
    z-index: 61;
  }
  .home #keyvisual .reservation a {
    font-size: 12px;
    white-space: nowrap;
    margin: 0;
  }
  .home #keyvisual .agency {
    position: absolute;
    left: 5%;
    bottom: 5vw;
  }
  .home #keyvisual #lang-menu {
    position: absolute;
    right: 5vw;
    top: inherit;
    bottom: 5vw;
    margin: 0;
  }
  .home #keyvisual #lang-menu li a {
    font-size: 18px;
  }
  .home #keyvisual .bx-wrapper:nth-child(2) {
    display: none;
  }
  .home #keyvisual .bx-wrapper:nth-child(3) {
    /*
		height: 78vh;
		overflow: hidden;
  */
  }
  .home #keyvisual #bxslider-pc {
    display: none;
  }
  .home #keyvisual #bxslider-sp {
    display: block;
  }
  .home #keyvisual p#info {
    left: 6vw;
    bottom: 5vw;
    font-size: 13px;
    line-height: 1.6;
  }
  .home #keyvisual #mobile-menu {
    position: absolute;
    right: 5vw;
    top: 5vw;
    /*top: -169vw;*/
  }
}


/* recommend_489ban */
#recommend {
  width: 80%;
  margin: 5em auto 0 auto;
  border-top: 1px solid #fff;
}
.home #recommend {
  margin: 0 auto;
  border-top: none;
}
#recommend h2 {
  font-size: 24px;
  text-align: center;
  margin: 4em 0 0 0;
}
#recommend_489ban {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
  margin: 0 auto;
  padding: 5em 0% 4em 0%;
  border-bottom: 1px solid #fff;
}
#recommend_489ban .PlanView{
  position: relative;
  left: 1%;
  margin: 0 40px 35px 0;
  padding: 20px;
  width: calc(31% - 40px) !important;
  background-color: #fff;
  /*box-sizing: border-box;*/
}
#recommend_489ban .PlanView:nth-child(3){
  margin-right: 0;
}
#recommend_489ban .PlanView:nth-child(n+4){
  display: none;
}
#recommend_489ban .PlanView:before{
  content: "";
  position: absolute;
  top: -15px;
  left: -10px;
  font-family: "minion-pro", serif;
  font-size: 30px;
  line-height: 1;
  color: #9e9d9b;
}

@media screen and (min-width:821px) {
  #recommend_489ban .PlanView:nth-child(3n+1):before{content: "1st";color: #3e3c38;}
  #recommend_489ban .PlanView:nth-child(3n+2):before{content: "2nd";}
  #recommend_489ban .PlanView:nth-child(3n+3):before{content: "3rd";}
}

#recommend_489ban .PlanView .rank_no{
  margin: 0 auto -15px; width: 60px; height: 60px;
  color: #fff; font-size: 18px; line-height: 60px;
  text-align: center; vertical-align: middle;
  background: #991a1a; border-radius: 30px;
  z-index: 5; position: relative;
}

#recommend_489ban .PlanView .picture{ margin: 0 auto 10px; text-align: center;}
#recommend_489ban .PlanView .plan{ margin: 0 0 10px; font-size: 14px;font-weight: bold;}
#recommend_489ban .PlanView .comment{ font-size: 13px; line-height: 1.6;display:none;}

#recommend_489ban .PlanView .roomlist,
#recommend_489ban .PlanView .planlist,
#recommend_489ban .PlanView .pblist{ margin: 10px 0;display:none;}

#recommend_489ban .PlanView .room_list_header,
#recommend_489ban .PlanView .planlist_header,
#recommend_489ban .PlanView .pblist_header{ margin: 15px 0; font-weight: bold;}

#recommend_489ban .PlanView .roomlist a,
#recommend_489ban .PlanView .planlist a,
#recommend_489ban .PlanView .pblist a{
  display: block; margin: 10px 0; padding: 3px;
  color: #991a1a; font-weight: bold; text-align: center;
  background: #ededed; border-radius: 5px;
}
#recommend_489ban .PlanView .roomlist a:hover,
#recommend_489ban .PlanView .planlist a:hover,
#recommend_489ban .PlanView .pblist a:hover{
  color: #fff; font-weight: normal;
  text-decoration: none; background: #991a1a;
}

/* 個別設定 同期通信を指定の場合のみ以下のスタイルが有効になります */
#ranking_489ban #rank_1{ margin: 0 auto 25px; width: 100%;}
#ranking_489ban #rank_2{ float: left;}
#ranking_489ban #rank_3{ float: right;}
#ranking_489ban div[id^="rank_"]>div{ margin: 0 auto; max-width: 320px;}

/* 個別設定 非同期通信を指定の場合のみ以下のスタイルが有効になります */
#recommend_489ban .PlanView.rank_1{ margin: 0 auto 25px; width: 100%;}
#recommend_489ban .PlanView.rank_2{ float: left;}
#recommend_489ban .PlanView.rank_3{ float: right;}
#recommend_489ban .PlanView>div{ margin: 0 auto;}

/* スマホ */
@media screen and (max-width:820px) {
  #recommend {
    width: 100%;
    overflow-x: hidden;
  }
  #recommend h2 {
    font-size: 20px;
    margin: 3em 0 0 0;
  }
  #recommend_489ban {
    display: block;
    height: 100vw;
    margin-left: 10vw;
  }
  #recommend .bx-viewport {
    height: 100vw !important;
  }
  #recommend_489ban .PlanView{
    width: 60vw !important;
    height: 90vw;
    margin: 0 5vw;
  }
  #recommend_489ban .PlanView:nth-child(3){
    margin: 0 5vw;
  }
  #recommend_489ban .PlanView:nth-child(n+4){
    display: block;
  }
  #recommend_489ban .PlanView:nth-child(3n+1):before{content: "1st";color: #3e3c38;}
  #recommend_489ban .PlanView:nth-child(3n+2):before{content: "2nd";}
  #recommend_489ban .PlanView:nth-child(3n+3):before{content: "3rd";}
}


/* intro */
.home #intro {
  position: relative;
  padding: 10em 0;
}
.home #intro .sec_inner {
  width: 80%;
  margin: 0 auto;
  padding: 0;
}
.home #intro .sec_inner #intro-list {
  position: relative;
  left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.home #intro .sec_inner .intro-item {
  position: relative;
  width: 26%;
}
.home #intro .sec_inner .intro-item h2 {
  position: absolute;
  left: -2em;
  top: -3em;
}
.home #intro .sec_inner .intro-item figure {
  margin-bottom: 1em;
}
.home #intro .sec_inner .intro-item figure img {
  display: block;
}
.home #intro .sec_inner .intro-item p {
  margin: 0;
  padding: 0;
}
.bx-wrapper {
  padding-bottom: 5em !important;
}
.bx-wrapper .bx-controls-direction {
  display: none;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 0 !important;
}
.page .bx-wrapper .bx-pager.bx-default-pager a,
.category .bx-wrapper .bx-pager.bx-default-pager a,
.single .bx-wrapper .bx-pager.bx-default-pager a{
  background: #9e9d9b;
  text-indent: -9999px;
  display: block;
  width: 70px;
  height: 2px;
  margin: 0 1px;
  outline: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.page .bx-wrapper .bx-pager.bx-default-pager a:hover, .page .bx-wrapper .bx-pager.bx-default-pager a.active, .page .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #3e3c38;
}

/* スマホ */
@media screen and (max-width:750px) {
  .home #intro {
    padding: 8em 0 0 0;
  }
  .home #intro .sec_inner {
    width: 100%;
  }
  .home #intro .sec_inner #intro-list {
    display: block;
  }
  .home #intro .sec_inner .intro-item {
    width: 55vw !important;
    margin: 0 3vw;
    padding: 2em 0 0 3em;
  }
  .home #intro .sec_inner .intro-item h2 {
    left: 0;
    top: 0;
  }
}



/* movie1 */
.home #movie1 {
  padding: 3% 2.5% 11% 2.5%;
}
.home #movie1 .sec_inner {
  position: relative;
  width: 70%;
  min-height: 27em;
  margin: 0 auto;
  padding: 0;
}
.home #movie1 .box_movie {
  position: relative;
  overflow: hidden;
  line-height: 1;
  max-width: 1200px;
  margin: 0 auto;
}
.home #movie1 .box_movie .video-btn {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}

/* スマホ */
@media screen and (max-width:750px) {
  .home #movie1 {
    padding: 7em 2.5%;
  }
}



/* about */
.home #about {
  padding: 5% 0;
}
.home #about .sec_inner {
  position: relative;
  width: 70%;
  min-height: 27em;
  margin: 0 auto;
  padding: 0;
}
.home #about .sec_inner h2 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  letter-spacing: 0.1em;
}
.home #about .sec_inner .about_detail {
  width: 60%;
  margin: 0 0 0 auto;
  padding: 0;
}
.home #about .sec_inner .about_detail p {
  font-size: 16px;
  text-align: justify;
  font-feature-settings: "palt";
  letter-spacing: 0.18em;
  line-height: 2.2em;
}
.home #about .sec_inner .about_detail .btn2 {
  margin: 2em 0 0 0;
}

/* スマホ */
@media screen and (max-width:750px) {
  .home #about {
    padding: 7em 0;
  }
  .home #about .sec_inner {
    position: relative;
    width: 82%;
    min-height: inherit;
  }
  .home #about .sec_inner h2 {
    position: inherit;
    left: inherit;
    top: inherit;
    font-size: 20px;
    margin: 0 auto 3em auto;
  }
  .home #about .sec_inner .about_detail {
    width: 100%;
    margin: 0 auto;
  }
  .home #about .sec_inner .about_detail p {
    font-size: 14px;
  }
  .home #about .sec_inner .about_detail .btn2 a {
    display: block;
    width: 90%;
    height: 42px;
    margin: 2em auto 0 auto;
    padding: 0 2px;
  }
  .home #about .sec_inner .about_detail .btn2 a span {
    display: block;
    padding: 1em 0;
  }
}

/* cuisine room art */
.home .combobox {
  position: relative;
  padding: 5% 0;
}
.home .combobox .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 0;
}

/* テスト用 ------------------------------- */
.home .combobox .sec_inner {
  display: none;
}
.home .combobox {
  margin-top: 5em;
}
.home .combobox .sec_inner2 {
  padding-top: 5em;
}
.home #cuisine ul.carousel {
  left: 25vw;
}
.home #cuisine ul.carousel li {
  width: 50vw !important;
}
.home #room ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
.home #room ul li {
  width: 32.5%;
  font-size: 14px;
}
.home #room ul li span {
  display: block;
  padding-left: 1em;
}
.home #room ul li strong {
  display: block;
  font-size: 18px;
  line-height: 1;
  margin: 1em 0 0.5em 0;
}
.home #art {
  margin-bottom: 7em;
}
.home #art .conbined-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto 3em auto;
}
.home #art .conbined-photo figure:nth-child(1) {
  width: calc(67% - 5px);
}
.home #art .conbined-photo figure:nth-child(2) {
  width: 33%;
}
.home #art .conbined-photo figure a img {
  display: block;
  margin-bottom: 5px;
}
.home .combobox h2 {
  position: absolute;
  left: 5%;
  top: 0;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.3em;
}
.home #art h2 {
  letter-spacing: 0;
}
.home .combobox h3 {
  position: absolute;
  left: 12%;
  top: 3.8rem;
  line-height: 1;
}
.home .combobox .btn3 {
  position: absolute;
  right: 5%;
  top: 2rem;
}
.home .combobox .combobox-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 500px;
  margin: 0 auto;
}
.home .combobox .combobox-menu li {
  width: 40%;
}
.home .combobox .combobox-menu li a {
  display: block;
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding-bottom: 1em;
  border-bottom: 1px solid #3e3c38;
}
/* テスト用 ------------------------------- */

.home .combobox .sec_inner h2 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.3em;
}
.home .combobox .sec_inner .detail {
  width: 85%;
  margin: 0 0 0 17%;
  padding: 1em 0 0 0;
}
.home .combobox .sec_inner .detail h3 {
  font-size: 16px;
  margin: 0 0 1em 0;
  padding: 0;
}
.home .combobox .sec_inner .detail .detail_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.home .combobox .sec_inner .detail figure {
  margin: 0;
  padding: 0;
}
.home .combobox .sec_inner .detail figure img {
  display: block;
}
.home .combobox .sec_inner .detail small {
  display: block;
  text-align: right;
}

/* スマホ */
@media screen and (max-width:750px) {
  .home .combobox {
    padding: 0 0 6em 0;
  }
  .home .combobox .sec_inner {
    width: 88%;
  }
  .home .combobox .sec_inner h2 {
    font-size: 22px;
  }
  .home .combobox .sec_inner .detail h3 {
    font-size: 14px;
  }
  .home .combobox .sec_inner .detail figure:nth-child(2) {
    display: none;
  }
  
  /* テスト用 ------------------------------- */
  .home .combobox {
    margin-top: 0;
  }
  .home .combobox .sec_inner2 {
    padding-top: 7em;
  }
  .home .combobox .bx-wrapper {
    padding-bottom: 3em !important;
  }
  .home #cuisine ul.carousel {
    left: 10vw;
  }
  .home #cuisine ul.carousel li {
    width: 80vw !important;
  }
  .home #room ul.carousel {
    display: block;
    left: 10vw;
    width: 100%;
    margin: 0 auto;
  }
  .home #room ul.carousel li {
    width: calc(80vw - 10px) !important;
    padding: 0 5px;
  }
  .home #room ul li strong {
    font-size: 16px;
  }
  .home #art {
    margin-bottom: 7em;
  }
  .home #art .conbined-photo {
    display: block;
    width: 95%;
    margin: 0 auto 3em auto;
  }
  .home #art .conbined-photo figure {
    width: 100% !important;
  }
  .home #art .conbined-photo figure:nth-child(2) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .home #art .conbined-photo figure:nth-child(2) a img {
    width: calc(50% - 2.5px);
    margin-bottom: 0;
  }
  .home .combobox h2 {
    position: absolute;
    left: 5%;
    top: 0;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0.3em;
  }
  .home #art h2 {
    letter-spacing: 0;
  }
  .home .combobox h3 {
    position: absolute;
    left: inherit;
    right: 5vw;
    top: 2rem;
    font-size: 14px;
  }
  .home .combobox .btn3 {
    position: inherit;
    right: inherit;
    top: inherit;
    width: 70%;
    margin: 0 auto 2em auto;
  }
  .home .combobox .combobox-menu {
    display: block;
    width: 70%;
    margin: 0 auto;
  }
  .home .combobox .combobox-menu li {
    width: 100%;
    margin-bottom: 2em;
  }
  .home .combobox .combobox-menu li a {
    
  }
  /* テスト用 ------------------------------- */
  
  
}

/* restaurant */
.home #restaurant {
  width: 95%;
  margin: 0 auto;
  padding: 5% 0;
}
.home #restaurant .restaurant-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.home #restaurant .restaurant-kv > figure {
  width: 100%;
}
.home #restaurant .restaurant-kv .restaurant-logo {
  position: absolute;
}
.home #restaurant .restaurant-kv .restaurant-logo h2 {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.home #restaurant .restaurant-kv .restaurant-logo figure {
  margin: 3em auto 0;
}
.home #restaurant .restaurant-kv .restaurant-logo figure img {
  display: block;
  margin: 0 auto;
}
.home #restaurant .restaurant-kv .restaurant-logo .btn-reserve {
  width: 250px;
  text-align: center;
  margin: 3em auto 0;
}
.home #restaurant .restaurant-kv .restaurant-logo .btn-reserve a {
  display: block;
  background-color: #fff;
  font-size: 16px;
  color: #3e3c38;
  padding: .5em 3em .7em;
  white-space: nowrap;
}
.home #restaurant .sec_inner {
  position: relative;
  width: 640px;
  margin: 4em auto 6em auto;
  padding: 0;
}
.home #restaurant .sec_inner p {
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 2em;
}
.home #restaurant .sec_inner dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .5em;
}
.home #restaurant .sec_inner dl dt {
  width: 6em;
  font-size: 16px;
  line-height: 2em;
  margin-right: 1em;
}
.home #restaurant .sec_inner dl dd {
  font-size: 16px;
  line-height: 2em;
}

/* スマホ */
@media screen and (max-width:750px) {
  .home #restaurant {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .home #restaurant .sec_inner {
    position: relative;
    width: 82%;
    margin: 3em auto 6em auto;
    padding: 0;
  }
  .home #restaurant .sec_inner p {
    font-size: 14px;
  }
  .home #restaurant .sec_inner dl dt,
  .home #restaurant .sec_inner dl dd {
    font-size: 14px;
  }
  .home #restaurant .restaurant-kv .restaurant-logo {
    width: 50vw;
  }
  .home #restaurant .restaurant-kv .restaurant-logo .btn-reserve {
    max-width: 40vw;
  }
  .home #restaurant .restaurant-kv .restaurant-logo .btn-reserve a {
    font-size: 14px;
    padding: 0.5em 0em 0.7em;
  }
}

/* news */
.home #news {
  width: 80%;
  margin: 0 auto;
  padding: 5% 0;
  border-top: 1px solid #fff;
}
.home #news .sec_inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.home #news .sec_inner h2 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
}
.home #news .sec_inner .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.home #news .sec_inner .news_list {
  width: 80%;
  margin: 0 0 0 auto;
  padding: 5em 0 0 0;
}
.home #news .sec_inner .news_list ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.home #news .sec_inner .news_list ul li {
  margin-bottom: 1.5em;
}
.home #news .sec_inner .news_list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home #news .sec_inner .news_list ul li a span {
  display: block;
  line-height: 2em;
}
.home #news .sec_inner .news_list ul li a span.date {
  width: 10em;
  font-size: 13px;
  margin-right: 2em;
  padding-top: 0.5em;
}
.home #news .sec_inner .news_list ul li a span.title {
  font-size: 16px;
  line-height: 2em;
}

/* スマホ */
@media screen and (max-width:750px) {
  .home #news {
    width: 82%;
    padding: 5em 0 0 0;
  }
  .home #news .sec_inner {}
  .home #news .sec_inner h2 {
    position: relative;
    font-size: 20px;
    margin-bottom: 2em;
  }
  .home #news .sec_inner .btn-more {
    right: 0;
  }
  .home #news .sec_inner .news_list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .home #news .sec_inner .news_list ul li {
    margin: 0;
    border-bottom: 1px solid #fff;
  }
  .home #news .sec_inner .news_list ul li a {
    display: block;
    padding: 1.5em 0;
  }
  .home #news .sec_inner .news_list ul li a span.date {
    font-size: 12px;
  }
  .home #news .sec_inner .news_list ul li a span.title {
    font-size: 14px;
  }
}

/* blog */
.home #blog {
  width: 80%;
  margin: 0 auto;
  padding: 5% 0;
  border-top: 1px solid #fff;
}
.home #blog .sec_inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.home #blog .sec_inner h2 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
}
.home #blog .sec_inner .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.home #blog .sec_inner .blog_list {
  width: 80%;
  margin: 0 0 0 auto;
  padding: 5em 0 0 0;
}
.home #blog .sec_inner .blog_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.home #blog .sec_inner .blog_list ul li {
  width: 30%;
}
.home #blog .sec_inner .blog_list ul li a {
  display: block;
}
.home #blog .sec_inner .blog_list ul li a > img {
  display: block;
  width: auto;
  height: auto;
}
.home #blog .sec_inner .blog_list ul li a span {
  display: block;
}
.home #blog .sec_inner .blog_list ul li a span.thumb {
  width: 100%;
  aspect-ratio: 40/27;
  overflow: hidden;
}
.home #blog .sec_inner .blog_list ul li a span.thumb img {
  width: 100%;
  height: auto;
}
.home #blog .sec_inner .blog_list ul li a span.date {
  font-size: 13px;
  margin-top: 1em;
}
.home #blog .sec_inner .blog_list ul li a span.title {
  font-size: 16px;
  line-height: 2em;
}

/* スマホ */
@media screen and (max-width:750px) {
  .home #blog {
    width: 100%;
    padding: 5em 0 0 0;
    border-top: none;
  }
  .home #blog .sec_inner {}
  .home #blog .sec_inner h2 {
    position: relative;
    left: 10%;
    font-size: 20px;
    margin-bottom: 2em;
  }
  .home #blog .sec_inner .btn-more {
    right: 10%;
  }
  .home #blog .sec_inner .blog_list {
    position: relative;
    /*left: -20vw;*/
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .home #blog .sec_inner .blog_list ul {
    display: block;
  }
  .home #blog .sec_inner .blog_list li {
    width: 60vw !important;
    padding: 0 10px;
  }
  .home #blog .sec_inner .blog_list li a img {
    width: 100% !important;
  }
  .home #blog .sec_inner .blog_list ul li a span.date {
    font-size: 12px;
  }
  .home #blog .sec_inner .blog_list ul li a span.title {
    font-size: 14px;
  }
}

/* access */
.home #access {
  position: relative;
  padding: 10% 0;
}
.home #access iframe, .home #access object, .home #access embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  aspect-ratio: 2/1;
}
.home #access iframe:hover, .home #access object:hover, .home #access embed:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.home #access .sec_inner {
  position: relative;
  width: 80%;
  margin: 4em auto 0 auto;
  padding: 2em 0 0 0;
}
.home #access .sec_inner h2 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
}
.home #access .sec_inner .access_detail {
  width: 80%;
  margin: 0 0 0 auto;
  padding: 0;
}
.home #access .sec_inner .access_detail p {
  font-size: 16px;
}
.home #access .sec_inner .access_detail #guide {
  margin: 4em auto 3em auto;
  padding: 3em;
  border: 1px solid #fff;
}
.home #access .sec_inner .access_detail #guide h3 {
  font-size: 16px;
  margin-bottom: 3em;
}
.home #access .sec_inner .access_detail #guide dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  margin-bottom: 0.5em;
  padding-left: 30px;
}
.home #access .sec_inner .access_detail #guide dl dt {
  margin-right: 2em;
}
.home #access .sec_inner .access_detail #guide p {
  font-size: 14px;
  margin-top: 3em;
  padding-left: 30px;
}
.home #access .sec_inner .access_detail .btn3 {
  
}

/* スマホ */
@media screen and (max-width:750px) {
  .home #access iframe, .home #access object, .home #access embed {
    aspect-ratio: 3/2;
  }
  .home #access .sec_inner {
    width: 82%;
    margin: 4em auto 0 auto;
    padding: 0;
  }
  .home #access .sec_inner h2 {
    position: relative;
    font-size: 20px;
    margin-bottom: 2em;
  }
  .home #access .sec_inner .access_detail {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .home #access .sec_inner .access_detail p {
    font-size: 14px;
  }
  .home #access .sec_inner .access_detail #guide {}
  .home #access .sec_inner .access_detail #guide h3 {
    font-size: 14px;
  }
  .home #access .sec_inner .access_detail #guide dl {
    display: block;
    font-size: 12px;
    margin-bottom: 1em;
    padding-left: 0;
  }
  .home #access .sec_inner .access_detail #guide dl dt {
    margin-right: 0;
  }
  .home #access .sec_inner .access_detail #guide p {
    font-size: 11px;
    padding-left: 0;
  }
}


/* Bottom Navi */
.home #bottom-navi {
  padding: 50px 0 0 0;
}
.home #bottom-navi .sec_inner {
  width: 80%;
  margin: 0 auto;
  padding: 0;
}
.home #bottom-navi .sec_inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.home #bottom-navi .sec_inner ul li {
  width: 32%;
}
.home #bottom-navi .sec_inner ul li a,
.home #bottom-navi .sec_inner ul li a img{
  display: block;
}

/* スマホ */
@media screen and (max-width:750px) {
  
  .home #bottom-navi {
    padding: 10vw 0 0 0;
  }
  .home #bottom-navi .sec_inner {
    width: 82%;
  }
  .home #bottom-navi .sec_inner ul {
    display: block;
  }
  .home #bottom-navi .sec_inner ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  
}



/*************************************************************************

** COMMON STYLE

**************************************************************************/

#main {
  width: 100%;
  margin: 0 auto;
}
section .sec_inner {}

.page .page-header .sec_inner h1 {
  font-size: 36px;
  margin-bottom: 1em;
}
.page page-header .sec_inner h2 {
  font-size: 22px;
}
.page .page-header .sec_inner p {
  font-size: 16px;
  margin: 3em 0 5em 0;
}
.page .page-header .sec_inner p small {
  display: block;
  margin-top: 1.5em;
}

/* タブレット */
@media screen and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {
  
  .page .page-header .sec_inner {
    padding-top: 3em;
  }
  .page .page-header .sec_inner h1 {
    font-size: 24px;
  }
  .page .page-header .sec_inner h2 {
    font-size: 17px;
  }
  .page .page-header .sec_inner p {
    font-size: 13px;
  }
  
}



/* Reservation */
#reservation {
  display: none;
  position: relative;
  background-color: #f7f4ed;
  margin-top: 100px;
  padding: 100px 0;
}
#reservation .sec_inner {
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
#reservation .sec_inner h2 {
  font-size: 36px;
  line-height: 1;
}
#reservation .sec_inner h2 small {
  font-size: 16px;
  margin-left: 1.5em;
}
#reservation .sec_inner #reservation-body {
  margin-top: 40px;
}
#reservation .sec_inner #reservation-body form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#reservation .sec_inner #reservation-body form dl {
  margin: 0;
}
#reservation .sec_inner #reservation-body form dl dt {
  margin: 0 0 10px 0;
}
#reservation .sec_inner #reservation-body form dl dd {
  margin: 0;
  padding: 0;
}
#reservation .sec_inner #reservation-body form dl dd span {
  display: inline-block;
}
#reservation .sec_inner #reservation-body form dl dd input[type="date"] {
  width: 200px;
  font-size: 16px;
  height: 3em;
  margin: 0;
  padding: 0 5px;
  border: none;
}
#reservation .sec_inner #reservation-body form dl dd input[type="number"] {
  width: 100px;
  font-size: 16px;
  height: 3em;
  margin: 0 .5em;
  padding: 0 5px;
  border: none;
}
#reservation .sec_inner #reservation-body form dl dd select[name="obj_year"], #reservation .sec_inner #reservation-body form dl dd select[name="obj_month"], #reservation .sec_inner #reservation-body form dl dd select[name="obj_day"], #reservation .sec_inner #reservation-body form dl dd select[name="obj_per_num"], #reservation .sec_inner #reservation-body form dl dd select[name="obj_room_num"], #reservation .sec_inner #reservation-body form dl dd select[name="obj_stay_num"] {
  -webkit-appearance: none;
  background-color: #fff;
  width: 50px;
  font-size: 16px;
  height: 3em;
  margin: 0 .5em;
  padding: 0 5px;
  border: none;
}
#reservation .sec_inner #reservation-body form dl dd select[name="obj_year"] {
  width: 100px;
}
#reservation .btn-single {
  position: relative;
  top: 16px;
  line-height: 1;
}
#reservation .btn-single input {
  display: block;
  width: 280px;
  background-color: #3e3c38;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
  padding: 15px 10px;
  border: none;
}
#reservation .sec_inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 2em 0 0 0;
  padding: 0;
}
#reservation .sec_inner ul li {
  line-height: 1;
  margin: 0;
  padding: 0;
}
#reservation .sec_inner ul li:nth-child(1), #reservation .sec_inner ul li:nth-child(2) {
  display: none;
}
#reservation .sec_inner ul li:after {
  content: "｜";
  display: inline-block;
  padding: 0 1em;
}
#reservation .sec_inner ul li:nth-child(4):after {
  content: "";
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
  #reservation .sec_inner #reservation-body form {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #reservation .sec_inner #reservation-body form .btn-single {
    position: inherit;
    top: inherit;
    width: 100%;
    margin-top: 10vw;
  }
  #reservation .sec_inner #reservation-body form .btn-single input {
    width: 100%;
  }
  #reservation .sec_inner ul {
    width: 300px;
    margin: 2em auto 0 auto;
  }
}

/* スマホ */
@media screen and (max-width:750px) {
  #reservation {
    margin-top: 10vw;
    padding: 10vw 0;
  }
  #reservation .sec_inner {
    width: 90%;
    margin: 0 auto;
  }
  #reservation .sec_inner h2 {
    font-size: 32px;
    text-align: center;
  }
  #reservation .sec_inner h2 small {
    display: block;
    font-size: 16px;
    margin: 1em 0 0 0;
  }
  #reservation .sec_inner #reservation-body form {
    display: block;
  }
  #reservation .sec_inner #reservation-body form dl {
    width: 100%;
    margin-bottom: 5vw;
  }
  #reservation .sec_inner #reservation-body form dl dd span.reserveDate {
    width: 100%;
  }
  #reservation .sec_inner #reservation-body form dl dd input[type="date"] {
    width: calc(100% - 10px) !important;
  }
  #reservation .sec_inner #reservation-body form dl dd input[type="number"] {
    width: 15vw;
  }
  #reservation .sec_inner #reservation-body form dl dd select[name="obj_month"],
  #reservation .sec_inner #reservation-body form dl dd select[name="obj_day"],
  #reservation .sec_inner #reservation-body form dl dd select[name="obj_per_num"],
  #reservation .sec_inner #reservation-body form dl dd select[name="obj_room_num"],
  #reservation .sec_inner #reservation-body form dl dd select[name="obj_stay_num"] {
    width: 15vw !important;
  }
  #reservation .sec_inner #reservation-body form dl dd select[name="obj_year"] {
    width: 20vw !important;
  }
  .lang-en #reservation .sec_inner #reservation-body form dl dd select[name="obj_month"],
  .lang-en #reservation .sec_inner #reservation-body form dl dd select[name="obj_day"],
  .lang-en #reservation .sec_inner #reservation-body form dl dd select[name="obj_per_num"],
  .lang-en #reservation .sec_inner #reservation-body form dl dd select[name="obj_room_num"],
  .lang-en #reservation .sec_inner #reservation-body form dl dd select[name="obj_stay_num"] {
    width: 10vw !important;
  }
  .lang-en #reservation .sec_inner #reservation-body form dl dd select[name="obj_year"] {
    width: 15vw !important;
  }
  #reservation .sec_inner #reservation-body form .btn-single {
    position: inherit;
    top: inherit;
    width: 100%;
    margin-top: 10vw;
  }
  #reservation .sec_inner #reservation-body form .btn-single input {
    width: 100%;
  }
  #reservation .sec_inner ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 270px;
    margin: 1em auto 0 auto;
  }
  .lang-en #reservation .sec_inner ul {
    width: 100%;
  }
  .lang-en #reservation .sec_inner ul li {
    width: 100%;
    text-align: center;
  }
  #reservation .sec_inner ul li {
    text-align: center;
    margin-bottom: 1em;
  }
  #reservation .sec_inner ul li a {}
  /*
	#reservation .sec_inner ul li:nth-child(1){
		margin-left: 12%;
	}
	#reservation .sec_inner ul li:nth-child(3){
		margin-left: 5%;
	}
	*/
  #reservation .sec_inner ul li:nth-child(2):after,
  #reservation .sec_inner ul li:nth-child(4):after {
    content: "";
    padding: 0;
  }
  .lang-en #reservation .sec_inner ul li:nth-child(3):after {
    content: "";
    padding: 0;
  }
}



/*************************************************************************

** 先行予約

**************************************************************************/

.page-senko-yoyaku {}
.page-senko-yoyaku #main {
  width: 90%;
  max-width: 750px;
  margin: 5em auto 0 auto;
}
.page-senko-yoyaku article h1 {
  font-size: 32px;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 0 auto 3em auto;
}
.page-senko-yoyaku article h1 small {
  display: block;
  font-size: 16px;
  letter-spacing: 0em;
  margin: 1em auto 0 auto;
}
.page-senko-yoyaku article #page-header p strong {
  color: #6d3628;
  text-decoration: underline;
}
.page-senko-yoyaku .contact_box {
  margin: 3em auto;
}
.page-senko-yoyaku .contact_box h3 {
  font-size: 14px;
  margin: 0 0 1em 0;
}
.page-senko-yoyaku .contact_box dl dt {
  font-size: 24px;
  margin: 0;
}
.page-senko-yoyaku .contact_box dl dd {
  font-size: 14px;
  margin: 0;
}
.page-senko-yoyaku .reservation_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0 0 1em 0;
  padding: 3em;
  border: 1px solid #3e3c38;
}
.page-senko-yoyaku .reservation_box strong {
  font-size: 18px;
  line-height: 2;
  margin: 0;
}
.page-senko-yoyaku .reservation_box .btn1 {
  display: block;
  background-color: #3e3c38;
  font-size: 14px;
  color: #fff;
  padding: 0.5em 2em 0.8em;
}
.page-senko-yoyaku .reservation_box + p {
  font-size: 14px;
  margin: 3em 0 0 0;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {
  .page-senko-yoyaku {}
  .page-senko-yoyaku #main {
    width: 90%;
    margin: 3em auto 0 auto;
  }
  .page-senko-yoyaku article h1 {
    font-size: 24px;
    margin: 0 auto 2em auto;
  }
  .page-senko-yoyaku article h1 small {
    font-size: 12px;
  }
  .page-senko-yoyaku .reservation_box {
    display: block;
    text-align: center;
    margin: 0 0 1em 0;
    padding: 2em 1em;
    border: 1px solid #3e3c38;
  }
  .page-senko-yoyaku .reservation_box .btn1 {
    display: block;
    width: 200px;
    margin: 1em auto 0 auto;
  }
}



/*************************************************************************

** ろ霞のこと

**************************************************************************/

.page-about {}
.page-about #main {
  margin: 11.5em auto 0 auto;
}
.page-about article {
  width: 95%;
  margin: 0 auto;
}
.page-about .eye-catch {
  width: 100%;
  /*height: 43.5vw;*/
  background-position: center center;
  background-size: cover;
}
.page-about .eye-catch.pc-only {
  display: block;
}
.page-about .eye-catch.sp-only {
  display: none;
}
.page-about .eye-catch .bx-wrapper {
  padding-bottom: 25px !important;
}
.page-about .eye-catch .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #9e9d9b;
  border-radius: 0;
  width: 30px;
  height: 2px;
  margin: 0 1px;
}
.page-about .eye-catch .bx-wrapper .bx-pager.bx-default-pager a:hover,
.page-about .eye-catch .bx-wrapper .bx-pager.bx-default-pager a.active,
.page-about .eye-catch .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #3e3c38;
}
.page-about article .page-header {
  width: 860px;
  margin: 0 auto;
  padding: 10em 0 10em 0;
}
.page-about article .page-header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-about article .page-header h1 {
  font-size: 36px;
  letter-spacing: 0.2em;
  margin: 0;
}
.page-about article .page-header p {
  width: 700px;
  font-size: 18px;
  line-height: 2.3;
  letter-spacing: 0;
  padding-top: 5em;
}
.page-about #combobox-list {
  margin: 3em auto 5em auto;
}
.page-about #combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 95%;
  margin: 0 0 4em 0;
}
.page-about #combobox-list .combobox figure {
  width: 50%;
}
.page-about #combobox-list .combobox .bx-wrapper {
  padding-bottom: 20px !important;
}
.page-about #combobox-list .combobox .bx-wrapper .bx-pager {
  text-align: left;
}
.page-about #combobox-list .combobox .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #9e9d9b;
  border-radius: 0;
  width: 30px;
  height: 2px;
  margin: 0 1px;
}
.page-about #combobox-list .combobox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.page-about #combobox-list .combobox .bx-wrapper .bx-pager.bx-default-pager a.active,
.page-about #combobox-list .combobox .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #3e3c38;
}
.page-about #combobox-list .combobox .text {
  width: 40%;
}
.page-about #combobox-list .combobox .text h2 {
  font-size: 24px;
  line-height: 2em;
  letter-spacing: 0.1em;
  margin: 0 0 1em 0;
}
.page-about #combobox-list .combobox .text p {
  font-size: 14px;
  text-align: justify;
  margin: 0;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2.2em;
}
.page-about #combobox-list .combobox .text .btn2 {
  margin-top: 2em;
}

.page-about #garden {
  width: 100%;
  margin: 4em auto;
  padding-top: 5em;
  border-top: 1px solid #fff;
}
.page-about #garden h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 2em;
}
.page-about #garden .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.page-about #garden .combobox {
  width: 31.5%;
}
.page-about #garden .combobox h3 {
  font-size: 22px;
  line-height: 1;
  margin: 1.7em 0 1.2em;
}
.page-about #garden .combobox p {
  font-size: 14px;
  line-height: 2.2em;
}
.page-about #garden .combobox a {
text-decoration: underline;
}
.page-about #garden .combobox .btn2 {
  margin-top: 2em;
}

.page #about-navi {
  width: 100%;
  margin: 10em auto;
}
.page #about-navi .sec_inner {
  width: 80%;
  margin: 0 auto;
  padding-top: 10em;
  border-top: 1px solid #fff;
}
.page-about #about-navi .sec_inner {
  padding-top: 0;
  border-top: none;
}
.home #about-navi {
  margin-top: 0;
  border-top: none;
}
.page #about-navi .sec_inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  */
}
.page #about-navi .sec_inner ul li {
  width: 30%;
  font-size: 18px;
  line-height: 2em;
  text-align: center;
}
.page #about-navi .sec_inner ul li a {
  display: block;
}
.page #about-navi .sec_inner ul li img {
  display: block;
  margin-bottom: 1em;
}
.page-about #message {
  position: relative;
  width: 90%;
  margin: 5em auto 0 auto;
  padding: 5% 5% 9%;
  border: 1px solid #3e3c38;
}
.page-about #message .sec_inner {
  width: 64%;
  margin-left: 35%;
}
.page-about #message h2 {
  position: absolute;
  left: 5%;
  top: 5%;
  font-size: 24px;
  letter-spacing: 0.3em;
}
.page-about #message h3 {
  font-size: 20px;
  margin: 2em 0 1em 0;
}
.page-about #message p {
  font-size: 14px;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2.2em;
}
.page-about #message .profile {
  position: absolute;
  left: 5%;
  bottom: 9%;
  width: 20%;
}
.page-about #message .profile dl {
  margin-bottom: 1em;
}
.page-about #message .profile dl dt {
  font-size: 14px;
}
.page-about #message .profile dl dd {
  font-size: 16px;
}
.page-about #message .profile .btn4 {
  width: 100%;
}
.page-about #message .profile .btn4 a {
  display: block;
  font-size: 13px;
  text-align: center;
  padding: .5em 0;
  border: 1px solid #3e3c38;
}

/* スマホ */
@media screen and (max-width:750px) {
  .page-about {}
  .page-about #main {
    margin: 0 auto 0 auto;
  }
  .page-about .eye-catch {
    height: 80vw;
    padding-top: 8.5vw;
  }
  .page-about .eye-catch.pc-only {
    display: none;
  }
  .page-about .eye-catch.sp-only {
    display: block;
  }
  .page-about article {
    width: 100%;
  }
  .page-about article .page-header {
    width: 75%;
    padding: 3em 0 5em 0;
  }
  .page-about article .page-header div {
    display: block;
    width: 100%;
  }
  .page-about article .page-header h1 {
    font-size: 22px;
    margin: 0 0 0 90%;
  }
  .page-about article .page-header p {
    width: 100%;
    font-size: 14px;
    padding-top: 0;
  }
  .page-about #combobox-list {
    width: 90%;
  }
  .page-about #combobox-list .combobox {
    display: block;
    width: 100%;
    margin: 0 0 4em 0;
  }
  .page-about #combobox-list .combobox figure {
    width: 100%;
    margin-bottom: 2em;
  }
  .page-about #combobox-list .combobox .bx-wrapper .bx-pager {
    text-align: center;
  }
  .page-about #combobox-list .combobox .text {
    width: 90%;
    margin: 0 auto;
  }
  .page-about #combobox-list .combobox .text h2 {
    font-size: 19px;
  }
  .page-about #combobox-list .combobox .text p {
    font-size: 13px;
  }
  .page-about #garden {
    width: 100%;
    margin: 4em auto;
  }
  .page-about #garden h2 {
    font-size: 20px;
  }
  .page-about #garden .sec_inner {
    display: block;
    left: 10vw;
  }
  .page-about #garden .combobox {
    width: 70vw !important;
    margin: 0 2.5vw;
  }
  .page-about #garden .combobox .text h3 {
    font-size: 16px;
    margin-top: 2em;
  }
  .page-about #garden .combobox .text p {
    font-size: 13px;
  }
  .page #about-navi {
    width: calc(90% - 4px);
    margin: 5em auto;
  }
  .page #about-navi .sec_inner {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    border-top: none;
  }
  .home #about-navi .sec_inner {
    padding-top: 5em;
    border-top: 1px solid #fff;
  }
  .page #about-navi .sec_inner ul {
    display: block;
  }
  .page #about-navi .sec_inner ul li {
    width: 100%;
    font-size: 13px;
    text-align: left;
    margin-bottom: 1em;
    border: 1px solid #fff;
  }
  .page #about-navi .sec_inner ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 2.5%;
  }
  .page #about-navi .sec_inner ul li img {
    width: 50%;
    margin-bottom: 0;
  }
  .page #about-navi .sec_inner ul li span {
    width: 42.5%;
  }
  .page-about #message {
    width: calc(70% - 2px);
    padding: 10% 10% 20%;
  }
  .page-about #message .sec_inner {
    width: 82%;
    margin-left: 18%;
  }
  .page-about #message h2 {
    left: 8%;
    top: 10vw;
    font-size: 21px;
  }
  .page-about #message h3 {
    font-size: 17px;
  }
  .page-about #message p {
    font-size: 13px;
  }
  .page-about #message .profile {
    position: inherit;
    left: inherit;
    bottom: inherit;
    width: 80%;
    margin: 3em 0 0 auto;
  }
}



/*************************************************************************

** CONTACT

**************************************************************************/

.page-contact {}
.page-contact #main {
  margin: 5em auto 0 auto;
}
.page-contact article {
  width: 70%;
  margin: 0 auto;
  padding-left: 5%;
}
.page-contact .entry-title {
  font-size: 30px;
  line-height: 1;
  text-align: center;
  margin-bottom: 2em;
}
.page-contact .page-header p {
  font-size: 16px;
}
.page-contact .page-header .tel {
  margin: 3em 0 4em 0;
}
.page-contact .page-header .tel h2 {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 1em 0;
}
.page-contact .page-header .tel dl {
  line-height: 1;
  margin: 0;
}
.page-contact .page-header .tel dl dt {
  font-size: 24px;
  margin-bottom: 0.5em;
}
.page-contact .page-header .tel dl dd {
  font-size: 14px;
}
.page-contact #form {
  width: 100%;
  padding-top: 3em;
  border-top: 1px solid #3e3c38;
}
.page-contact #form h2 {
  font-size: 24px;
  margin-bottom: 1em;
}
.page-contact #form h2 small {
  display: block;
  font-size: 14px;
  margin-top: .5em;
}
section#form table {
  width: 100%;
  border: none;
}
section#form table th,
section#form table td {
  background-color: transparent;
  padding: 1em 0;
  border: none;
}
section#form table th {
  font-size: 14px;
  text-align: left;
  vertical-align: top;
  padding-top: 1.5em;
}
section#form table th small {
  display: inline-block;
  position: relative;
  top: -3px;
  font-size: 6px;
  margin: 0 0 0 3px;
}
section#form table td {
  font-size: 16px;
  text-align: left;
}
section#form table td.noborder {
  border-bottom: none;
}
section#form table td input[type="submit"] {
  display: block;
  background-color: #3e3c38;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 1.3em 5em;
  letter-spacing: .2em;
  border: 1px solid #3e3c38;
  transition: 1s;
}
section#form table td input[type="submit"]:hover {
  opacity: 0.7;
  /*
	background-color: #fff;
	color: #3e3c38;
 */
}
section#form table td input[type="text"],
section#form table td input[type="email"],
section#form table td input[type="tel"] {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
  color: #3e3c38;
  padding: 12px 10px;
  border: 1px solid #3e3c38;
}
section#form table td input[type="text"]::placeholder,
section#form table td input[type="email"]::placeholder,
section#form table td textarea::placeholder {
  font-weight: normal;
  color: #ccc;
}
section#form table td input[type="text"]:focus,
section#form table td input[type="email"]:focus,
section#form table td textarea:focus {
  box-shadow: none;
  outline: none;
}
section#form table td select{
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background: #fff url(./images/icon-arrow2.png?1) no-repeat right center;
  background-size: 26px 13px;
  width: 100%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
  font-size: 16px;
  color: #3e3c38;
  padding: 12px 10px;
  border: 1px solid #3e3c38;
}



.wpcf7-list-item {
  margin-left: 0 !important;
}

/* ラジオボタン */
.wpcf7 input[type=radio] {
  display: none;
}
.wpcf7 label {
  position: relative;
  padding-left: 30px;
}
.wpcf7 input[type=radio] + span::before {
  position: absolute;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #000;
  left: 0;
  top: 0;
  cursor: pointer;
}
.wpcf7 input[type=radio] + span::after {
  position: absolute;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #000;
  left: 5px;
  top: 5px;
  opacity: 0;
  transition: .3s;
}
.wpcf7 input[type=radio]:checked + span::after {
  opacity: 1;
}
input[name="privacy"] + .wpcf7-list-item-label a {
  text-decoration: underline;
}
section#form table td textarea {
  height: 10em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
  font-size: 16px;
  border: 1px solid #3e3c38;
}
div.wpcf7-response-output {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

/* スマホ */
@media screen and (max-width:750px) {
  .page-contact .entry-title-wrap {
    display: block;
    width: 90%;
  }
  .page-contact article {
    width: 82%;
    padding-left: 0;
  }
  .page-contact .page-header {
    width: 100%;
    margin-bottom: 10vw;
  }
  .page-contact .page-header h1 {
    font-size: 36px;
  }
  .page-contact .page-header p {
    font-size: 14px;
  }
  .page-contact .page-header dl dt {
    font-size: 14px;
  }
  .page-contact .page-header dl dd {
    font-size: 30px;
  }
  .page-contact .page-header dl dd small {
    font-size: 12px;
  }
  .page-contact .entry-title-wrap .form-wrap {
    width: 100%;
  }
  section#form table th, section#form table td {
    display: block;
    width: 100%;
  }
  section#form table th {
    padding: 20px 0 0 0;
  }
  section#form table td {
    padding: 0;
  }
  section#form table td textarea {
    margin-top: 10px;
  }
  section#form table td input[type="submit"] {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 20px 10%;
  }
}



/*************************************************************************

** サービスのご案内

**************************************************************************/

.page-service {}
.page-service #main {
  margin: 5em auto 0 auto;
}
.page-service article {
  width: 100%;
  margin: 0 auto;
}
.page-service .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-service .page-header .sec_inner {
  width: 750px;
  text-align: center;
  margin: 0 auto;
}
.page-service .page-header .sec_inner p {
  line-height: 2.5em;
}
.page-service #combobox-list {
  width: 70%;
  margin: 5em auto;
}
.page-service #combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 4em 0;
  border-bottom: 1px solid #fff;
}
.page-service #combobox-list .combobox:nth-child(1) {
  border-top: 1px solid #fff;
}
.page-service #combobox-list .combobox figure {
  width: 40%;
}
.page-service #combobox-list .combobox figure img {
  display: block;
}
.page-service #combobox-list .combobox .text {
  width: 50%;
}
.page-service #combobox-list .combobox .text h3 {
  font-size: 20px;
  line-height: 2em;
  letter-spacing: 0.1em;
  margin: 0 0 1em 0;
}
.page-service #combobox-list .combobox .text p {
  font-size: 14px;
  text-align: justify;
  margin: 0;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2.2em;
}
.page-service #combobox-list .combobox .text p a {
  text-decoration: underline;
}
.page-service #combobox-list .combobox .text .btn_detail {
  margin: 2em 0 0 0;
}
.page-service #combobox-list .combobox .text .btn_detail a {
  padding: .5em 2em;
  border: 1px solid #000;
}
.page-service #service-info {
  width: 70%;
  padding: 5% 0;
  margin: 5em auto;
}
.page-service #service-info h3 {
  text-align: center;
  margin-bottom: 2em;
}
.page-service #service-info table {
  border: none;
  border-top: 1px solid #fff;
}
.page-service #service-info table th,
.page-service #service-info table td {
  font-size: 14px;
  vertical-align: top;
  padding: 2rem 0;
  border: none;
  border-bottom: 1px solid #fff;
}
.page-service #service-info table th {
  background-color: transparent;
  font-size: 16px;
  text-align: left;
  white-space: nowrap;
  padding: 2rem 4rem 2rem 0;
}
.page-service .notice {
  width: 60%;
  margin: 5em auto;
  padding: 2.5% 5%;
  border: 1px solid #3e3c38;
}
.page-service .notice h3 {
  font-size: 18px;
  text-align: center;
  margin: 1.5em 0;
}
.page-service .notice table {
  border: none;
}
.page-service .notice table th,
.page-service .notice table td {
  font-size: 14px;
  vertical-align: top;
  padding: 1.5em 0em;
  border: none;
}
.page-service .notice table th {
  background-color: transparent;
  text-align: left;
  white-space: nowrap;
  padding: 1.5em 3em 1.5em 0;
}
.page-service #message {
  position: relative;
  width: 90%;
  margin: 5em auto 0 auto;
  padding: 5% 5% 9%;
  border: 1px solid #3e3c38;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-service .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-service #combobox-list {
    width: 90%;
    margin: 5em auto;
  }
  .page-service #combobox-list .combobox {
    display: block;
    width: 100%;
    padding: 14% 0;
  }
  .page-service #combobox-list .combobox figure {
    width: 100%;
  }
  .page-service #combobox-list .combobox figure img {
    display: block;
  }
  .page-service #combobox-list .combobox .text {
    width: 100%;
  }
  .page-service #combobox-list .combobox .text h3 {
    font-size: 17px;
    margin: 1.5em 0 1em 0;
  }
  .page-service #combobox-list .combobox .text p {
    font-size: 13px;
  }
  .page-service #service-info {
    width: 85%;
    padding: 5% 2.5%;
    margin: 5em auto;
  }
  .page-service #service-info h3 {
    font-size: 18px;
  }
  .page-service #service-info table th,
  .page-service #service-info table td {
    display: block;
    font-size: 13px;
    padding: 1rem 0 2rem 0;
  }
  .page-service #service-info table th {
    font-size: 16px;
    padding: 2rem 0 0 0;
    border-bottom: none;
  }
  .page-service .notice {
    width: 73%;
    margin: 5em auto;
    padding: 1.5em 9%;
  }
  .page-service .notice h3 {
    font-size: 17px;
  }
  .page-service .notice table th,
  .page-service .notice table td {
    display: block;
    padding: 1.5em 0em;
  }
  .page-service .notice table th {
    padding: 1.5em 0 0 0;
  }
  
}



/*************************************************************************

** SDGsへの取り組み

**************************************************************************/

.page-sdgs {}
.page-sdgs #main {
  margin: 5em auto 0 auto;
}
.page-sdgs article {
  width: 100%;
  margin: 0 auto;
}
.page-sdgs .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-sdgs .page-header .sec_inner {
  width: 890px;
  text-align: center;
  margin: 0 auto;
}
.page-sdgs .page-header .sec_inner .SDGs-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.page-sdgs .page-header .sec_inner .SDGs-icon figure {
  width: 27%;
}
.page-sdgs .page-header .sec_inner .SDGs-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 65%;
}
.page-sdgs .page-header .sec_inner .SDGs-icon ul li {
  width: 23%;
}
.page-sdgs #combobox-list {
  width: 890px;
  margin: 5em auto;
  padding: 4em 0 0 0;
  border-top: 1px solid #fff;
}
.page-sdgs #combobox-list h2 {
  font-size: 24px;
  text-align: center;
}
.page-sdgs #combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 4em 0;
  border-bottom: 1px solid #fff;
}
.page-sdgs #combobox-list .combobox:nth-child(1) {
  border-top: 1px solid #fff;
}
.page-sdgs #combobox-list .combobox h3 {
  width: 5%;
  font-size: 20px;
}
.page-sdgs #combobox-list .combobox figure {
  width: 25%;
}
.page-sdgs #combobox-list .combobox figure img {
  display: block;
}
.page-sdgs #combobox-list .combobox p {
  width: 60%;
  font-size: 14px;
}

.page-sdgs #SDGs-info {
  width: 890px;
  padding: 0;
  margin: 5em auto;
}
.page-sdgs #SDGs-info table {
  border: none;
}
.page-sdgs #SDGs-info table th,
.page-sdgs #SDGs-info table td {
  font-size: 14px;
  vertical-align: top;
  padding: 2rem 0;
  border: none;
}
.page-sdgs #SDGs-info table th {
  background-color: transparent;
  font-size: 18px;
  text-align: left;
  white-space: nowrap;
  padding: 2rem 4rem 2rem 0;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-sdgs .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-sdgs .page-header .sec_inner .SDGs-icon {
    display: block;
  }
  .page-sdgs .page-header .sec_inner .SDGs-icon figure {
    width: 50%;
    margin: 0 auto 3em auto;
  }
  .page-sdgs .page-header .sec_inner .SDGs-icon ul {
    width: 100%;
  }
  .page-sdgs #combobox-list {
    width: 90%;
    margin: 5em auto;
  }
  .page-sdgs #combobox-list h2 {
    font-size: 17px;
    margin-bottom: 2em;
  }
  .page-sdgs #combobox-list .combobox {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 10% 0;
  }
  .page-sdgs #combobox-list .combobox h3 {
    width: 45%;
    text-align: center;
    font-size: 24px;
  }
  .page-sdgs #combobox-list .combobox figure {
    width: 50%;
  }
  .page-sdgs #combobox-list .combobox p {
    width: 100%;
    font-size: 13px;
    margin-top: 2em;
  }
  .page-sdgs #SDGs-info {
    width: 90%;
    padding: 0;
    margin: 5em auto;
  }
  .page-sdgs #SDGs-info table th,
  .page-sdgs #SDGs-info table td {
    display: block;
    font-size: 13px;
    padding: 1rem 0 2rem 0;
  }
  .page-sdgs #SDGs-info table th {
    font-size: 16px;
    padding: 2rem 0 0 0;
    border-bottom: none;
  }
  
}




/*************************************************************************

** 客室

**************************************************************************/

.page-room {}
.page-room #main {
  margin: 5em auto 0 auto;
}
.page-room article {
  width: 100%;
  margin: 0 auto;
}
.page-room .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-room .page-header .sec_inner {
  width: 540px;  
  text-align: center;
  margin: 0 auto;
}
.page-room .page-header .sec_inner p {
  line-height: 2.2em;
}
.page-room #gallery {
  width: 85%;
  margin: 0 auto;
}
.page-room #gallery .bx-wrapper {
  padding-bottom: 0 !important;
}
.page-room #gallery .bx-wrapper .bx-controls-direction {
  display: block;
}
.page-room #gallery .bx-wrapper .bx-controls-direction a {
  top: 50%;
  width: 37px;
  height: 6px;
}
.page-room #gallery .bx-wrapper .bx-controls-direction a.bx-next {
  left: inherit;
  right: -60px;
  background: url(./images/next2.svg) no-repeat left center;
}
.page-room #gallery .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -60px;
  background: url(./images/prev2.svg) no-repeat left center;
}
.page-room #gallery .bxslider_thumbnail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin-top: 15px;
}
.page-room #gallery .bxslider_thumbnail > li {
  width: calc(100% / 7 - 2px);
  padding: 0 1px;
}

.page-room #gallery .bxslider_thumbnail > li > a {
  display: block;
  position: relative;
  padding-top: 75%;
}

.page-room #gallery .bxslider_thumbnail > li > a > img {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  max-height: 100%;
}

.page-room .room-navi {
  width: 780px;
  margin: 0 auto;
}
.page-room #room-navi-top {
  margin-bottom: 100px;
}
.page-room .room-navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-left: 1px solid #3e3c38;
}
.page-room .room-navi ul li {
  position: relative;
  width: calc(100% / 3);
  border-right: 1px solid #3e3c38;
}
.page-room .room-navi ul li a {
  display: block;
  text-align: center;
  padding: 1em 0;
  cursor: pointer;
}
.page-room #room-navi-top ul li.active:before {
  position: absolute;
  bottom: -75px;
  left: 50%;
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background-color: #3e3c38;
}
.page-room .room-navi ul li.active a {
  background-color: #3e3c38;
  color: #fff;
}

.page-room .room-content {
  display: none;
}
.page-room .room-content.active {
  display: block;
}

.page-room #room-title {
  width: 70%;
  margin: 5em auto 0 auto;
}
.page-room #room-title h2 {
  font-size: 24px;
  margin-bottom: 1em;
}
.page-room #room-title .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-room #room-title .text {
  width: calc(100% - 302px)/*67%*/
}
.page-room #room-title .text p {
  font-size: 14px;
  line-height: 2em;
}
.page-room #room-title .btn-wrap {
  width: 20%;
  min-width: 252px;
}
.page-room #room-title .btn-wrap .btn4 {
  font-size: 18px;
  margin-bottom: 10px;
}

.page-room #combobox-list {
  width: 70%;
  margin: 5em auto;
}
.page-room #combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 4em 0;
  border-top: 1px solid #fff;
}
.page-room #combobox-list .combobox figure {
  width: 40%;
}
.page-room #combobox-list .combobox figure img {
  display: block;
}
.page-room #combobox-list .combobox .text {
  width: 50%;
}
.page-room #combobox-list .combobox .text h3 {
  font-size: 20px;
  line-height: 2em;
  letter-spacing: 0.1em;
  margin: 0 0 1em 0;
}
.page-room #combobox-list .combobox .text p {
  font-size: 14px;
  text-align: justify;
  margin: 0;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2em;
}

.page-room .room-info {
  width: 55%;
  background-color: #fff;
  padding: 5% 7.5%;
  margin: 5em auto;
}
.page-room .room-info h3 {
  text-align: center;
  margin-bottom: 2em;
}
.page-room .room-info figure {
  display: none;
}
.page-room .room-info figure.active {
  display: block;
}
.page-room .room-info table {
  border: none;
}
.page-room .room-info table th,
.page-room .room-info table td {
  font-size: 14px;
  vertical-align: top;
  padding: 1.3em 1em;
  border: none;
  border-bottom: 1px solid #f1f1ed;
}
.page-room .room-info table th {
  background-color: transparent;
  text-align: left;
  white-space: nowrap;
  padding: 1em 2em 1em 1em;
}
.page-room .room-info .btn4 {
  text-align: center;
  margin: 5em 0 1em;
}
.page-room .notice {
  width: 60%;
  margin: 5em auto;
  padding: 2.5% 5%;
  border: 1px solid #3e3c38;
}
.page-room .notice h3 {
  font-size: 16px;
  text-align: center;
  margin: 0 0 1.5em 0;
}
.page-room .notice p {
  font-size: 14px;
  line-height: 2em;
}
.page-room .calendar {
  width: calc(70% + 10px);
  margin: 5rem auto;
}
.page-room .calendar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-room .calendar h2 {
  text-align: center;
  margin: 0 0 0 0;
}
.page-room .calendar-wrap .calendar-item {
  width: 30%;
  max-width: inherit;
  margin: 0 10px 0 0;
}
.page-room .calendar-wrap .calendar-item:nth-child(n+4) {
  display: none;
}
.page-room .calendar-wrap .calendar-item th,
.page-room .calendar-wrap .calendar-item td {
  color: #3e3c38;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  padding: 0;
}
.page-room .calendar-wrap .calendar-item th {
  background-color: #67635f;
  color: #fff;
  padding: 5px 0;
}
.page-room .calendar-wrap .calendar-item th.month{
  background-color: #e3e0d9;
  color: #3e3c38;
  padding: 5px 0;
}
.page-room .calendar-wrap .calendar-item th.sun{
  background-color: #ce7283;
}
.page-room .calendar-wrap .calendar-item th.sat{
  background-color: #5683b0;
}
.page-room .calendar-wrap .calendar-item td {
  background-color: #fff;
  min-width: 35px;
  line-height: 1.5;
}
.page-room .calendar-wrap .calendar-item tbody td:nth-child(1),
.page-room .calendar-wrap .calendar-item tbody td.holiday{
  background-color: #f1e7e3;
  color: #f00;
}
.page-room .calendar-wrap .calendar-item tbody td:nth-child(7) {
  background-color: #e8eced;
  color: #00f;
}
.page-room .calendar-wrap .calendar-item td a {
  color: #0000ff;
}
.page-room .calendar-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-right: 10px;
}
.page-room .calendar-control li {
  cursor: pointer;
}
.page-room .calendar-control li a {
  display: block;
  background-color: #fff;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
  
  .page-room .calendar {
    width: 85%;
    margin: 5rem auto;
  }
  
}

/* スマホ */
@media screen and (max-width:750px) {
  
  .page-room .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-room .room-navi {
    width: 90%;
  }
  .page-room .room-navi ul li a {
    line-height: 145%;
    letter-spacing: 0;
	  font-size: 14px;
  }
  .page-room #room-navi-top {
    margin-bottom: 60px;
  }
  .page-room #room-navi-top ul li.active:before {
    bottom: -45px;
    height: 30px;
  }
  .page-room #gallery {
    width: 100%;
  }
  .page-room #gallery .bx-wrapper {
    padding-bottom: 0 !important;
  }
  .page-room #gallery .bx-wrapper .bx-controls-direction {
    display: none;
  }
  .page-room #gallery .bxslider_thumbnail {
    display: none;
  }
  .page-room #gallery .bx-wrapper .bx-pager {
    bottom: -20px !important;
  }
  .page-room #gallery .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #9e9d9b;
    border-radius: 0;
    width: 30px;
    height: 2px;
    margin: 0 1px;
  }
  .page-room #gallery .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .page-room #gallery .bx-wrapper .bx-pager.bx-default-pager a.active,
  .page-room #gallery .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #3e3c38;
  }
  .page-room #room-title {
    width: 90%;
    margin: 5em auto 0 auto;
  }
  .page-room #room-title h2 {
    font-size: 20px;
    text-align: center;
	  line-height: 2;
  }
  .page-room #room-title .sec_inner {
    display: block;
  }
  .page-room #room-title .text {
    width: 100%;
    margin-bottom: 2em;
  }
  .page-room #room-title .text p {
    line-height: 2em;
  }
  .page-room #room-title .btn-wrap {
    width: 100%;
    min-width: inherit;
  }
  .page-room #room-title .btn-wrap .btn4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .page-room #combobox-list {
    width: 90%;
    margin: 5em auto;
  }
  .page-room #combobox-list .combobox {
    display: block;
    width: 80%;
    padding: 10%;
  }
  .page-room #combobox-list .combobox figure {
    width: 100%;
  }
  .page-room #combobox-list .combobox figure img {
    display: block;
  }
  .page-room #combobox-list .combobox .text {
    width: 100%;
  }
  .page-room #combobox-list .combobox .text h3 {
    font-size: 16px;
    margin: 1.5em 0 1em 0;
  }
  .page-room #combobox-list .combobox .text p {
    font-size: 13px;
  }
  .page-room .room-info {
    width: 90%;
    padding: 14% 5% 5%;
    margin: 5em auto;
  }
  .page-room .room-info h3 {
    font-size: 18px;
    margin-bottom: 3em;
  }
  .page-room .room-info table {
    margin: 25px 0;
  }
  .page-room .room-info table th {
    padding: 1em 1em 1em 1em;
  }
  .page-room .room-info table th,
  .page-room .room-info table td {
    font-size: 13px;
  }
  .page-room .room-info .btn4 {
    text-align: center;
    margin: 5em 0;
  }
  .page-room .notice {
    width: 74%;
    margin: 5em auto;
    padding: 8%;
  }
  .page-room .notice h3 {
    font-size: 16px;
  }
  .page-room .notice p {
    font-size: 13px;
  }
  .page-room .calendar {
    width: 100%;
    margin: 5rem auto;
  }
  .page-room .calendar .calendar-wrap {
    display: block;
  }
  .page-room .calendar .calendar-item {
    width: 90%;
    margin: 0 auto 5vw auto !important;
  }
  .page-room .calendar-control {
    width: 90%;
    margin: 0 auto 20px auto;
    padding-right: 0;
  }
  .page-room .calendar .btn-wrap {
    width: 90%;
    margin: 5rem auto 0 auto;
  }
  .page-room .calendar .btn-wrap .btn4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  
}



/*************************************************************************

** アート

**************************************************************************/

.page-art {}
.page-art #main {
  margin: 5em auto 0 auto;
}
.page-art-child #main {
  margin: 12em auto 0 auto;
}
.parent-pageid-819 #main {
  margin: 16em auto 0 auto;
}
.page-en-child #main .page-art,
.parent-pageid-819 #main .page-art {
  font-family: "minion-pro", "Shippori Mincho B1", serif;
}
.page-art article {
  width: 100%;
  margin: 0 auto;
}
.page-art .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-art .page-header .sec_inner {
  width: 750px;
  text-align: center;
  margin: 0 auto;
}
.page-art .page-header .sec_inner p {
  line-height: 2.5em;
}

.page-art #featured {
  width: 100%;
  background-color: #fff;
}
.page-art #featured #featured-header {
  width: 560px;
  text-align: center;
  margin: 0 auto;
  padding: 5em 0;
}
.page-art #featured #featured-header h2 {
  font-size: 24px;
  margin: 0 0 2em 0;
}
.page-art #featured #featured-header h2 span {
  display: block;
  font-size: 22px;
  margin: .5em 0 0 0;
}
.page-art #featured #featured-header p {
  font-size: 14px;
  text-align: left;
}

.page-art #gallery {
  width: 85%;
  margin: 0 auto;
  border-top: 1px solid #9e9d9b;
}
.page-art #gallery dl {
  line-height: 1;
  text-align: center;
  padding: 4em 0;
}
.page-art #gallery dl dt {
  font-size: 18px;
}
.page-art #gallery dl dd {
  font-size: 30px;
  margin-top: .7em;
}
.page-art #gallery .bx-wrapper,
.page-art .combobox-list .bx-wrapper {
  padding-bottom: 0 !important;
}
.page-art #gallery .bx-wrapper .bx-controls-direction {
  display: block;
}
.page-art #gallery .bx-wrapper .bx-controls-direction a {
  top: 50%;
  width: 37px;
  height: 6px;
}
.page-art #gallery .bx-wrapper .bx-controls-direction a.bx-next {
  left: inherit;
  right: -60px;
  background: url(./images/next2.svg) no-repeat left center;
}
.page-art #gallery .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -60px;
  background: url(./images/prev2.svg) no-repeat left center;
}
.page-art #gallery .bxslider_thumbnail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin-top: 15px;
}
.page-art #gallery .bxslider_thumbnail > li {
  width: calc(100% / 7 - 2px);
  padding: 0 1px;
}
.page-art #gallery .bxslider_thumbnail > li > a {
  display: block;
  position: relative;
  padding-top: 75%;
}

.page-art #gallery .bxslider_thumbnail > li > a > img {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  max-height: 100%;
}

.page-art .artist-info {
  width: 70%;
  margin: 5em auto;
}
.page-art .artist-info h3 {
  font-size: 24px;
  margin-bottom: 2em;
}
.page-art .artist-info h4 {
  font-size: 18px;
  margin-bottom: 1em;
}
.page-art .artist-info .artist-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 3em;
}
.page-art .artist-info .artist-comment > div {
  width: 70%;
}
.page-art .artist-info .artist-comment > div p {
  font-size: 14px;
}
.page-art .artist-info figure {
  width: 25%;
}
.page-art .artist-info figure small {
  display: block;
}
.page-art .artist-info .artist-profile {
  padding-top: 3em;
  border-top: 1px solid #9e9d9b;
}
.page-art .artist-info .artist-profile h4 {
  font-size: 18px;
  margin-bottom: 1.5em;
}
.page-art .artist-info .artist-profile p {
  font-size: 14px;
}

.page-art .artist-works {
  width: 70%; 
  margin: 0 auto;
  padding: 3em 0 6em 0;
}
.page-art .artist-works h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 2em;
}
.page-art .artist-works ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.page-art .artist-works ul li {
  width: 31%;
  margin: 0 3.5% 2.5em 0;
}
.page-art .artist-works ul li:nth-child(3n) {
  margin: 0 0 2% 0;
}

.page-art #artist-archive {
  width: 70%; 
  margin: 0 auto;
  padding: 3em 0 6em 0;
  border-top: 1px solid #9e9d9b;
}
.page-art #artist-archive h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 2em;
}
.page-art #artist-archive ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.page-art #artist-archive ul li {
  width: 31%;
  margin: 0 3.5% 2.5em 0;
}
.page-art #artist-archive ul li:nth-child(3n) {
  margin: 0 0 2% 0;
}
.page-art #artist-archive ul li a {
  
}

.page-art .combobox-list {
  width: 80%;
  margin: 5em auto;
}
.page-art .combobox-list h2 {
  font-size: 24px;
  text-align: center;
  margin: 4em 0 2em 0;
}
.page-art .combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 4em 0;
}
.page-art .combobox-list .combobox:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.page-art .combobox-list .combobox figure {
  width: 48%;
}
.page-art .combobox-list .combobox .bx-wrapper .bx-controls-direction {
  display: block;
}
.page-art .combobox-list .combobox .bx-wrapper .bx-controls-direction a {
  top: inherit;
  bottom: -60px;
  width: 8px;
  height: 20px;
}

.page-art .combobox-list .combobox figure img {
  display: block;
}
.page-art .combobox-list .combobox .text {
  width: 32%;
  padding: 0 10%;
}
.page-art .combobox-list .combobox .text h3 {
  font-size: 20px;
  line-height: 2em;
  letter-spacing: 0.1em;
  margin: 0 0 1em 0;
}
.page-art .combobox-list .combobox .text p {
  font-size: 14px;
  text-align: justify;
  margin: 0;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2.2em;
}

.page-art .art-project {
  width: 70%;
  margin: 5em auto;
  padding: 6%;
  border: 1px solid #3e3c38;
}
.page-art .art-project h3 {
  font-size: 24px;
  line-height: 2em;
  text-align: center;
  margin: 0 0 3em 0;
}
.page-art .art-project .producer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 4em;
  border-bottom: 1px solid #3e3c38;
}
.page-art .art-project .producer-info .producer-comment {
  width: 70%;
}
.page-art .art-project h4 {
  font-size: 18px;
  margin-bottom: 1em;
}
.page-art .art-project p {
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 0.05em;
}
.page-art .art-project .producer-info figure {
  width: 24%;
  font-size: 14px;
  line-height: 2em;
}
.page-art .art-project .producer-info figure img {
  display: block;
  margin-bottom: 1em;
}
.page-art .art-project .producer-profile {
  font-size: 14px;
  padding-top: 3em;
}

.page-art .art-project p {
  font-size: 14px;
  line-height: 2em;
  text-align: justify;
}


.page-art #artist-archive {
  width: 70%; 
  margin: 0 auto;
  padding: 3em 0 6em 0;
  border-top: 1px solid #9e9d9b;
}


.page-art #art-tour-line {
  width: 70%; 
  margin: 0 auto;
  padding: 0em 0 5em 0;
  border-top: 1px solid #9e9d9b;
}

.page-art #art-tour {
    width: 560px;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 5em 0;
}

.page-art #art-tour h2 {
    font-size: 24px;
    margin: 0 0 2em 0;
}

.page-art #art-tour p {
    font-size: 14px;
    text-align: left;
}





/* スマホ */
@media screen and (max-width:750px) {
  
  .page-art-child #main,
  .parent-pageid-819 #main{
    margin: 5em auto 0 auto;
  }
  .page-art .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-art .room-navi {
    width: 90%;
  }
  
  .page-art #featured {
    width: 100%;
    background-color: #fff;
  }
  .page-art #featured #featured-header {
    width: 90%;
  }
  .page-art #featured #featured-header h2 {
    font-size: 18px;
  }
  .page-art #featured #featured-header h2 span {
    font-size: 16px;
  }
  .page-art #featured #featured-header p {
    font-size: 13px;
  }
  
  .page-art #gallery {
    width: 90%;
  }
  .page-art #gallery dl dt {
    font-size: 13px;
  }
  .page-art #gallery dl dd {
    font-size: 22px;
  }
  .page-art #gallery .bx-wrapper {
    padding-bottom: 0 !important;
  }
  .page-art #gallery .bx-wrapper .bx-controls-direction {
    display: none;
  }
  .page-art #gallery .bxslider_thumbnail {
    display: none;
  }
  .page-art #gallery .bx-wrapper .bx-pager {
    bottom: -20px !important;
  }
  .page-art #gallery .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #9e9d9b;
    border-radius: 0;
    width: 30px;
    height: 2px;
    margin: 0 1px;
  }
  .page-art #gallery .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .page-art #gallery .bx-wrapper .bx-pager.bx-default-pager a.active,
  .page-art #gallery .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #3e3c38;
  }
  
  .page-art .artist-info {
    width: 80%;
  }
  .page-art .artist-info h3 {
    font-size: 19px;
    text-align: center;
  }
  .page-art .artist-info h4 {
    font-size: 18px;
  }
  .page-art .artist-info .artist-comment {
    display: block;
  }
  .page-art .artist-info .artist-comment > div {
    width: 100%;
  }
  .page-art .artist-info .artist-comment > div p {
    font-size: 13px;
  }
  .page-art .artist-info figure {
    width: 80%;
    font-size: 13px;
    margin: 3em auto 0 auto;
  }
  .page-art .artist-info .artist-profile {
    
  }
  .page-art .artist-info .artist-profile h4 {
    font-size: 16px;
  }
  .page-art .artist-info .artist-profile p {
    font-size: 13px;
    text-align: justify;
  }
  
  .page-art .artist-works {
    width: 90%; 
  }
  .page-art .artist-works h2 {
    font-size: 24px;
  }
  .page-art .artist-works ul {
    display: block;
  }
  .page-art .artist-works ul li {
    width: 100%;
    margin: 0 3.5% 2.5em 0 !important;
  }
  .page-art .artist-works ul li img {
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
  }
  .page-art .artist-works .bx-wrapper .bx-pager.bx-default-pager a {
    width: 25px;
    height: 2px;
  }
  .page-art .artist-works .bx-wrapper {
    padding-bottom: 3em !important;
  }
  
  .page-art #artist-archive {
    width: 90%; 
  }
  .page-art #artist-archive h2 {
    font-size: 24px;
  }
  .page-art #artist-archive ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .page-art #artist-archive ul li {
    width: 47.5%;
    margin: 0 0 2.5em 0 !important;
  }
  .page-art #artist-archive ul li a span {
    display: block;
    font-size: 14px;
    transform: scale(0.8);
    transform-origin: top left;
  }
  .page-art #artist-archive ul li img {
    display: block;
    margin-bottom: 15px;
  }
  .page-art #artist-archive .bx-wrapper .bx-pager.bx-default-pager a {
    width: 25px;
    height: 2px;
  }
  .page-art #artist-archive .bx-wrapper {
    font-size: 14px !important;
    padding-bottom: 3em !important;
  }
  
  .page-art .combobox-list {
    width: 90%;
    margin: 5em auto;
  }
  .page-art .combobox-list .combobox {
    display: block;
    width: 100%;
    margin-bottom: 5em;
    padding: 0;
  }
  .page-art .combobox-list .combobox figure {
    width: 100%;
  }
  .page-art .combobox-list .combobox .bx-wrapper .bx-controls-direction a {
    left: inherit;
    right: 0;
  }
  .page-art .combobox-list .combobox .bx-wrapper .bx-controls-direction a.bx-prev {
    right: 50px;
  }
  .page-art .combobox-list .combobox figure img {
    display: block;
  }
  .page-art .combobox-list .combobox .text {
    width: 100%;
    padding: 0;
    margin-top: 3em;
  }
  .page-art .combobox-list .combobox .text h3 {
    font-size: 16px;
    margin: 1.5em 0 1em 0;
  }
  .page-art .combobox-list .combobox .text p {
    font-size: 13px;
  }
  
  .page-art .art-project {
    width: 74%;
    margin: 5em auto;
    padding: 4em 8%;
  }
  .page-art .art-project .producer-info {
    display: block;
  }
  .page-art .art-project .producer-info .producer-comment {
    width: 100%;
  }
  .page-art .art-project h3 {
    font-size: 19px;
  }
  .page-art .art-project h4 {
    font-size: 16px;
  }
  .page-art .art-project p {
    font-size: 13px;
  }
  .page-art .art-project .producer-info figure {
    width: 80%;
    font-size: 13px;
    margin: 5em auto 0 auto;
  }
	
	.page-art #art-tour-line {
    width: 90%; 
  }
	
	.page-art #art-tour {
     width: 90%;
}

.page-art #art-tour h2 {
     font-size: 18px;
}

.page-art #art-tour p {
        font-size: 13px;
}
  
}



/*************************************************************************

** レストラン

**************************************************************************/

.page-restaurant {}
.page-restaurant #main {
  margin: 11.5em auto 0 auto;
}
.page-restaurant article {
  width: 100%;
  margin: 0 auto;
}
.page-restaurant .eye-catch {
  width: 100%;
  /*height: 43.5vw;*/
  background-position: center center;
  background-size: cover;
}
.page-restaurant .eye-catch.pc-only {
  display: block;
}
.page-restaurant .eye-catch.sp-only {
  display: none;
}
.page-restaurant .eye-catch .bx-wrapper {
  padding-bottom: 25px !important;
}
.page-restaurant .eye-catch .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #9e9d9b;
  border-radius: 0;
  width: 30px;
  height: 2px;
  margin: 0 1px;
}
.page-restaurant .eye-catch .bx-wrapper .bx-pager.bx-default-pager a:hover,
.page-restaurant .eye-catch .bx-wrapper .bx-pager.bx-default-pager a.active,
.page-restaurant .eye-catch .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #3e3c38;
}
.page-restaurant article .page-header {
  width: 540px;
  margin: 0 auto;
  padding: 7em 0 0 0;
}
.page-restaurant article .page-header .sec_inner {
  
}
.page-restaurant article .page-header h1 {
  width: 122px;
  margin: 0 auto 2em auto !important;
}
.page-restaurant article .page-header h2 {
  text-align: center;
  margin: 0 0 2em 0;
}
.page-restaurant article .page-header p {
  width: 100%;
  line-height: 2em;
}

.page-restaurant .restaurant-navi {
  width: 460px;
  margin: 4em auto;
}
.page-restaurant .restaurant-navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-left: 1px solid #3e3c38;
}
.page-restaurant .restaurant-navi ul li {
  position: relative;
  width: calc(100% / 2);
  border-right: 1px solid #3e3c38;
}
.page-restaurant .restaurant-navi ul li a {
  display: block;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  padding: .5em 0;
  cursor: pointer;
}

.page-restaurant .restaurant-content {
  width: 90%;
  margin: 0 auto;
  padding: 5em 0;
  border-top: 1px solid #9e9d9b;
}
.page-restaurant .restaurant-content .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-restaurant .restaurant-content .sec_inner h3 {
  font-size: 24px;
  white-space: nowrap;
  width: 10%;
}
.page-restaurant .restaurant-content .sec_inner .menu-list-wrap {
  width: 80%;
  border-bottom: 1px solid #fff;
}
.page-restaurant .restaurant-content .sec_inner .menu-list-wrap p {
  font-size: 16px;
  margin-bottom: 0em;
}
.page-restaurant .restaurant-content .sec_inner .menu-list-wrap p small {
  font-size: 12px;
}
.page-restaurant #restaurant .menu-list-item {
  
}
.page-restaurant #restaurant .menu-list-item figure {
  width: 47.5%;
}
.page-restaurant #restaurant .menu-list-item .text {
  width: 47.5%;
}
.page-restaurant .restaurant-content .menu-list-item .text h4 {
  font-size: 20px;
  margin-bottom: 1em;
}
.page-restaurant .restaurant-content .menu-list-item .text p {
  font-size: 14px;
  line-height: 2;
  margin: 0;
}
.page-restaurant .restaurant-content .menu-list-item .text p strong {
  font-size: 16px;
}
.page-restaurant .restaurant-content .reservation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 80%;
  margin-left: 20%;
  padding: 3em 0 5em;
}
.page-restaurant .restaurant-content .reservation p {
  width: 50%;
  font-size: 12px;
}
.page-restaurant .restaurant-content .reservation dl {
  width: 40%;
  text-align: center;
}
.page-restaurant .restaurant-content .reservation dl dt {
  font-size: 14px;
  margin-bottom: .5em;
}
.page-restaurant .restaurant-content .reservation dl dd {
  font-size: 14px;
}
.page-restaurant .restaurant-content .reservation dl dd a {
  font-size: 24px;
  letter-spacing: 0.1em;
}

.page-restaurant #lunch {
  padding: 5em 0 0 0;
}
.page-restaurant #lunch .menu-list-wrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3em 0;
}
.page-restaurant #lunch .menu-list-item {
  width: 47.5%;
}
.page-restaurant #lunch .menu-list-item .text h4 {
  margin: 1em 0 1em 0;
}

.page-restaurant #dinner {
  padding: 5em 0 0 0;
  border-bottom: 1px solid #9e9d9b;
}
.page-restaurant #dinner .menu-list-wrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3em 0;
  border-bottom: none;
}
.page-restaurant #dinner .menu-list-item {
  width: 47.5%;
}
.page-restaurant #dinner .menu-list-item .text h4 {
  margin: 1em 0 1em 0;
}

.page-restaurant #drink {
  width: 100%;
  padding: 5em 0;
  border-top: 1px solid #9e9d9b;
  border-bottom: none;
}
.page-restaurant #drink .cuisine-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.page-restaurant #drink .cuisine-list-item figure {
  width: 45%;
}
.page-restaurant #drink .cuisine-list-item > div {
  width: 48%;
}
.page-restaurant #drink .cuisine-list-item > div h4 {
  font-size: 20px;
  margin-bottom: 1em;
}
.page-restaurant #drink .cuisine-list-item > div p {
  font-size: 14px;
  margin-bottom: 2em;
}
.page-restaurant #drink .cuisine-list-item > div .btn3 {
  margin-bottom: 10px;
}

.page-restaurant #cafebar{
  width: 100%;
  margin: 5em auto 0 auto;
  padding: 5% 0;
}
.page-restaurant #cafebar .restaurant-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.page-restaurant #cafebar .restaurant-kv figure {
  width: 100%;
}
.page-restaurant #cafebar .restaurant-kv .restaurant-logo {
  position: absolute;
  width: 210px;
}
.page-restaurant #cafebar .restaurant-kv .restaurant-logo h2 {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.page-restaurant #cafebar .restaurant-kv .restaurant-logo figure {
  margin: 3em auto 0;
}
.page-restaurant #cafebar .restaurant-kv .restaurant-logo figure img {
  display: block;
  margin: 0 auto;
}
.page-restaurant #cafebar .restaurant-kv .restaurant-logo .btn {
  display: block;
  background-color: #fff;
  font-size: 16px;
  color: #3e3c38;
  text-align: center;
  margin: 3em auto 0;
  padding: .5em 0 .7em;
  border-radius: 0;
}
.page-restaurant #cafebar .restaurant-kv .restaurant-logo .btn {
	text-align: center;
	margin: 3em auto 0;
}





/* スマホ */
@media screen and (max-width:750px) {
  .page-restaurant {}
  .page-restaurant #main {
    margin: 0 auto 0 auto;
  }
  .page-restaurant .eye-catch {
    height: 80vw;
    padding-top: 8.5vw;
  }
  .page-restaurant .eye-catch.pc-only {
    display: none;
  }
  .page-restaurant .eye-catch.sp-only {
    display: block;
  }
  .page-restaurant article {
    width: 100%;
  }
  .page-restaurant article .page-header {
    width: 70%;
    padding: 5em 0 0 0;
  }
  .page-restaurant article .page-header .sec_inner {
    display: block;
    width: 100%;
    padding-top: 1em;
  }
  .page-restaurant article .page-header h1 {
    width: 30%;
  }
  .page-restaurant article .page-header h2 {
    font-size: 17px;
  }
  .page-restaurant article .page-header p {
    width: 100%;
    font-size: 14px;
    padding-top: 0;
  }
  
  .page-restaurant .restaurant-navi {
    width: 70%;
  }
  .page-restaurant .restaurant-navi ul li a {
    font-size: 14px;
  }
  .page-restaurant #restaurant.restaurant-content,
  .page-restaurant #dinner.restaurant-content{
    width: 90%;
    padding: 3em 0;
  }
  .page-restaurant .restaurant-content .sec_inner {
    display: block;
  }
  .page-restaurant .restaurant-content .sec_inner h3 {
    font-size: 21px;
    text-align: center;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .page-restaurant .restaurant-content .sec_inner .menu-list-wrap {
    width: 95%;
    margin: 0 auto;
  }
  .page-restaurant .restaurant-content .sec_inner .menu-list-wrap p {
    font-size: 14px;
    line-height: 2em;
  }
  
  .page-restaurant #restaurant .menu-list-item {
    display: block;
  }
  .page-restaurant #restaurant .menu-list-item figure {
    width: 100%;
  }
  .page-restaurant #restaurant .menu-list-item .text {
    width: 100%;
  }
  .page-restaurant .restaurant-content .menu-list-item .text h4 {
    font-size: 18px;
    margin: 1em 0;
  }
  .page-restaurant .restaurant-content .menu-list-item .text p {
    font-size: 13px;
  }
  .page-restaurant .restaurant-content .reservation {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 3em 0;
  }
  .page-restaurant .restaurant-content .reservation p {
    width: 100%;
    font-size: 12px;
    line-height: 1.8em;
    margin-bottom: 3em;
  }
  .page-restaurant .restaurant-content .reservation dl {
    width: 100%;
  }
  
  .page-restaurant #lunch .menu-list-wrap > div {
    display: block;
    padding-bottom: 0;
  }
  .page-restaurant #lunch .menu-list-item {
    width: 100%;
    padding-bottom: 3em;
  }
  .page-restaurant #dinner .menu-list-wrap > div {
    display: block;
    padding-bottom: 0;
  }
  .page-restaurant #dinner .menu-list-item {
    width: 100%;
    padding-bottom: 3em;
  }
  
  .page-restaurant #drink {
    width: 95%;
    margin: 0 auto;
    padding: 3em 0 0 0;
  }
  .page-restaurant #drink .cuisine-list-item {
    display: block;
    width: 100%;
  }
  .page-restaurant #drink .cuisine-list-item figure {
    width: 100%;
  }
  .page-restaurant #drink .cuisine-list-item > div {
    width: 100%;
  }
  .page-restaurant #drink .cuisine-list-item > div h4 {
    font-size: 20px;
    margin-top: 1em;
  }
  .page-restaurant #drink .cuisine-list-item > div p {
    font-size: 13px;
  }
  .page-restaurant #drink .cuisine-list-item > div .btn3 {
    
  }
  
}



/*************************************************************************

** カフェ・バー

**************************************************************************/

.page-cafe-bar {}
.page-cafe-bar #main {
  margin: 11.5em auto 0 auto;
}
.page-cafe-bar article {
  width: 100%;
  margin: 0 auto;
}
.page-cafe-bar .eye-catch {
  width: 100%;
  /*height: 43.5vw;*/
  background-position: center center;
  background-size: cover;
}
.page-cafe-bar .eye-catch.pc-only {
  display: block;
}
.page-cafe-bar .eye-catch.sp-only {
  display: none;
}
.page-cafe-bar .eye-catch .bx-wrapper {
  padding-bottom: 25px !important;
}
.page-cafe-bar .eye-catch .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #9e9d9b;
  border-radius: 0;
  width: 30px;
  height: 2px;
  margin: 0 1px;
}
.page-cafe-bar .eye-catch .bx-wrapper .bx-pager.bx-default-pager a:hover,
.page-cafe-bar .eye-catch .bx-wrapper .bx-pager.bx-default-pager a.active,
.page-cafe-bar .eye-catch .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #3e3c38;
}
.page-cafe-bar article .page-header {
  width: 540px;
  margin: 0 auto;
  padding: 7em 0 0 0;
}
.page-cafe-bar article .page-header div {
  
}
.page-cafe-bar article .page-header h1 {
  width: 270px;
  margin: 0 auto 3em auto;
}
.page-cafe-bar article .page-header h2 {
  text-align: center;
  margin: 0 0 2em 0;
}
.page-cafe-bar article .page-header p {
  width: 100%;
  line-height: 2em;
}

.page-cafe-bar .cafebar-navi {
  width: 460px;
  margin: 4em auto;
}
.page-cafe-bar .cafebar-navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-left: 1px solid #3e3c38;
}
.page-cafe-bar .cafebar-navi ul li {
  position: relative;
  width: calc(100% / 2);
  border-right: 1px solid #3e3c38;
}
.page-cafe-bar .cafebar-navi ul li a {
  display: block;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  padding: .5em 0;
  cursor: pointer;
}

.page-cafe-bar .cafebar-content {
  width: 80%;
  margin: 0 auto;
  padding: 5em 0;
  border-top: 1px solid #9e9d9b;
}
.page-cafe-bar .cafebar-content .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-cafe-bar .cafebar-content .sec_inner h3 {
  font-size: 24px;
  white-space: nowrap;
  width: 10%;
}
.page-cafe-bar .cafebar-content .sec_inner .menu-list-wrap {
  width: 80%;
}
.page-cafe-bar .cafebar-content .sec_inner .menu-list-wrap p {
  font-size: 16px;
  margin-bottom: 0em;
}
.page-cafe-bar .cafebar-content .sec_inner .menu-list-wrap p small {
  font-size: 12px;
}
.page-cafe-bar #cafe .menu-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 3em 0;
  border-bottom: 1px solid #fff;
}
.page-cafe-bar #cafe .menu-list-item:nth-child(3) {
  border-bottom: none;
}
.page-cafe-bar #cafe .menu-list-item figure {
  width: 47.5%;
}
.page-cafe-bar #cafe .menu-list-item .text {
  width: 47.5%;
}
.page-cafe-bar .cafebar-content .menu-list-item .text h4 {
  font-size: 20px;
  margin-bottom: 1em;
}
.page-cafe-bar .cafebar-content .menu-list-item .text p {
  font-size: 14px;
  line-height: 2em;
  margin: 0;
}
.page-cafe-bar .cafebar-content .menu-list-item .text p strong {
  font-size: 16px;
}


.page-cafe-bar #bar,
.page-cafe-bar #lunch{
  padding: 5em 0 0 0;
  border-bottom: 1px solid #9e9d9b;
}
.page-cafe-bar #bar .menu-list-wrap > div,
.page-cafe-bar #lunch .menu-list-wrap > div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4em 0;
  border-bottom: 1px solid #fff;
}
.page-cafe-bar #bar .menu-list-item,
.page-cafe-bar #lunch .menu-list-item{
  width: 47.5%;
}
.page-cafe-bar #bar .menu-list-item .text h4,
.page-cafe-bar #lunch .menu-list-item .text h4{
  margin: 1em 0 1em 0;
}
.page-cafe-bar #bar #drink-food-wrap {
  width: 80%;
  margin-left: 20%;
}
.page-cafe-bar #bar #drink-food-wrap h4 {
  font-size: 20px;
  margin-bottom: 1em;
}
.page-cafe-bar #bar #drink-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4em 0;
  border-bottom: 1px solid #fff;
}
.page-cafe-bar #bar #drink-menu .text {
  width: calc(90% - 302px);
}
.page-cafe-bar #bar #drink-menu .text p {
  font-size: 14px;
}
.page-cafe-bar #bar #drink-menu .btn-wrap {
  width: 30%;
  min-width: 252px;
  margin-top: 4em;
}
.page-cafe-bar #bar #drink-menu .btn-wrap .btn3 {
  margin-bottom: 10px;
}
.page-cafe-bar #bar #drink-menu .btn-wrap .btn3 a {
  letter-spacing: 0;
}
.page-cafe-bar #bar #food-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3em 0;
}
.page-cafe-bar #bar #food-menu .text {
  width: 45%;
}
.page-cafe-bar #bar #food-menu .text p {
  font-size: 12px;
}
.page-cafe-bar #bar #food-menu table {
  width: 50%;
  border: none;
}
.page-cafe-bar #bar #food-menu table th,
.page-cafe-bar #bar #food-menu table td {
  font-size: 14px;
  padding: 0 0 1em 0;
  border: none;
}
.page-cafe-bar #bar #food-menu table th {
  background-color: transparent;
  text-align: left;
}
.page-cafe-bar #bar #food-menu table td {
  text-align: right;
}

.page-cafe-bar #restaurant {
  width: 100%;
  margin: 5em auto 0 auto;
  padding: 5% 0;
}
.page-cafe-bar #restaurant .restaurant-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.page-cafe-bar #restaurant .restaurant-kv figure {
  width: 100%;
}
.page-cafe-bar #restaurant .restaurant-kv .restaurant-logo {
  position: absolute;
	width: 210px;
}
.page-cafe-bar #restaurant .restaurant-kv .restaurant-logo h2 {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.page-cafe-bar #restaurant .restaurant-kv .restaurant-logo figure {
  margin: 3em auto 0;
}
.page-cafe-bar #restaurant .restaurant-kv .restaurant-logo figure img {
  display: block;
  margin: 0 auto;
}
.page-cafe-bar #restaurant .restaurant-kv .restaurant-logo .btn {
  display: block;
  background-color: #fff;
  font-size: 16px;
  color: #3e3c38;
  text-align: center;
  margin: 3em auto 0;
  padding: .5em  0 .7em;
  border-radius: 0;
}



/* スマホ */
@media screen and (max-width:750px) {
  .page-cafe-bar {}
  .page-cafe-bar #main {
    margin: 0 auto 0 auto;
  }
  .page-cafe-bar .eye-catch {
    height: 80vw;
    padding-top: 8.5vw;
  }
  .page-cafe-bar .eye-catch.pc-only {
    display: none;
  }
  .page-cafe-bar .eye-catch.sp-only {
    display: block;
  }
  .page-cafe-bar article {
    width: 100%;
  }
  .page-cafe-bar article .page-header {
    width: 85%;
    padding: 5em 0 0 0;
  }
  .page-cafe-bar article .page-header div {
    display: block;
    width: 100%;
  }

	.page-cafe-bar article .page-header .sec_inner {
		display: block;
		width: 100%;
		padding-top: 1em;
	}	
  .page-cafe-bar article .page-header h1 {
    width: 70%;
  }
  .page-cafe-bar article .page-header h2 {
    font-size: 17px;
  }
  .page-cafe-bar article .page-header p {
    width: 100%;
    font-size: 14px;
    padding-top: 0;
  }
  
  .page-cafe-bar .cafebar-navi {
    width: 85%;
  }
  .page-cafe-bar .cafebar-navi ul li a {
    font-size: 13px;
  }
  .page-cafe-bar #cafe.cafebar-content,
  .page-cafe-bar #bar.cafebar-content{
    width: 90%;
    padding: 3em 0;
  }
  .page-cafe-bar .cafebar-content .sec_inner {
    display: block;
  }
  .page-cafe-bar .cafebar-content .sec_inner h3 {
    font-size: 21px;
    text-align: center;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .page-cafe-bar .cafebar-content .sec_inner .menu-list-wrap {
    width: 100%;
  }
  
  .page-cafe-bar #cafe .menu-list-item {
    display: block;
  }
  .page-cafe-bar #cafe .menu-list-item figure {
    width: 100%;
  }
  .page-cafe-bar #cafe .menu-list-item .text {
    width: 100%;
  }
  .page-cafe-bar .cafebar-content .menu-list-item .text h4 {
    font-size: 18px;
    margin: 1em 0;
  }
  .page-cafe-bar .cafebar-content .menu-list-item .text p {
    font-size: 13px;
  }
  
  .page-cafe-bar #bar .menu-list-wrap > div {
    display: block;
    padding-bottom: 0;
  }
  .page-cafe-bar #bar .menu-list-item {
    width: 100%;
    padding-bottom: 3em;
  }
  
  .page-cafe-bar #bar #drink-food-wrap {
    width: 100%;
    margin-left: 0;
  }
  
  .page-cafe-bar #bar #drink-menu {
    display: block;
  }
  .page-cafe-bar #bar #drink-menu .text {
    width: 100%;
  }
  .page-cafe-bar #bar #drink-menu .text p {
    font-size: 14px;
  }
  .page-cafe-bar #bar #drink-menu .btn-wrap {
    width: 100%;
    min-width: inherit;
    margin-top: 4em;
  }
  .page-cafe-bar #bar #food-menu {
    display: block;
    padding: 3em 0;
  }
  .page-cafe-bar #bar #food-menu .text {
    width: 100%;
  }
  .page-cafe-bar #bar #food-menu .text p {
    font-size: 12px;
  }
  .page-cafe-bar #bar #food-menu table {
    width: 100%;
  }
  
}





/*************************************************************************

** 料理

**************************************************************************/

.page-cuisine {}
.page-cuisine #main {
  margin: 5em auto 0 auto;
}
.page-cuisine article {
  width: 100%;
  margin: 0 auto;
}
.page-cuisine .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-cuisine .page-header .sec_inner {
  width: 540px;
  text-align: center;
  margin: 0 auto;
}
.page-cuisine .page-header .sec_inner p {
  line-height: 2em;
  text-align: left;
}
.page-cuisine #gallery {
  width: 85%;
  margin: 0 auto;
}
.page-cuisine #gallery .bx-wrapper {
  padding-bottom: 0 !important;
}
.page-cuisine #gallery .bx-wrapper .bx-controls-direction {
  display: block;
}
.page-cuisine #gallery .bx-wrapper .bx-controls-direction a {
  top: 50%;
  width: 37px;
  height: 6px;
}
.page-cuisine #gallery .bx-wrapper .bx-controls-direction a.bx-next {
  left: inherit;
  right: -60px;
  background: url(./images/next2.svg) no-repeat left center;
}
.page-cuisine #gallery .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -60px;
  background: url(./images/prev2.svg) no-repeat left center;
}
.page-cuisine #gallery .bxslider_thumbnail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  list-style: none;
  width: 100%;
}
.page-cuisine #gallery .bxslider_thumbnail > li {
  width: calc(100% / 7 - 2px);
  padding: 0 1px;
}
.page-cuisine #gallery .bxslider_thumbnail > li > a {
  display: block;
  position: relative;
  padding-top: 75%;
}
.page-cuisine #gallery .bxslider_thumbnail > li > a > img {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  max-height: 100%;
}

.page-cuisine #restaurant {
  width: 70%;
  margin: 5em auto 0 auto;
}
.page-cuisine #restaurant .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.page-cuisine #restaurant .sec_inner .text {
  width: 47.5%;
}
.page-cuisine #restaurant .sec_inner .text h3 {
  width: 207px;
  margin-bottom: 2em;
}
.page-cuisine #restaurant .sec_inner .text p {
  font-size: 14px;
  line-height: 2em;
}
.page-cuisine #restaurant .sec_inner .text p small {
  font-size: 12px;
}
.page-cuisine #restaurant .sec_inner .guide {
  width: 47.5%;
  border-top: 1px solid #9e9d9b;
}
.page-cuisine #restaurant .sec_inner .guide dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2em 1em;
  border-bottom: 1px solid #9e9d9b;
}
.page-cuisine #restaurant .sec_inner .guide dl dt {
  font-size: 16px;
  white-space:  nowrap;
  margin-right: 1em;
}
.page-cuisine #restaurant .sec_inner .guide dl dd {
  font-size: 14px;
}
.page-cuisine #restaurant .lunch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  margin: 3em auto 6em auto;
  padding: 45px;
}
.page-cuisine #restaurant .lunch p {
  width: calc(96% - 302px);
  line-height: 1.6;
}
.page-cuisine #restaurant .lunch .btn4 {
  width: 30%;
  min-width: 252px;
}
.page-cuisine #cuisine-list {
  width: 70%;
  margin: 0 auto;
}
.page-cuisine #cuisine-list h3 {
  font-size: 28px;
  text-align: center;
  margin: 2em auto;
}
.page-cuisine #cuisine-list .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 5em;
  border-bottom: 1px solid #fff;
}
.page-cuisine #cuisine-list .sec_inner .cuisine-list-item {
  width: 45%;
}
.page-cuisine #cuisine-list .sec_inner .cuisine-list-item figure img {
  display: block;
}
.page-cuisine #cuisine-list .sec_inner .cuisine-list-item h4 {
  font-size: 20px;
  margin: 1.5em 0 1em 0;
}
.page-cuisine #cuisine-list .sec_inner .cuisine-list-item p {
  font-size: 14px;
  line-height: 2em;
  margin-bottom: 2em;
}
.page-cuisine #cuisine-list .sec_inner .cuisine-list-item .btn1 a {
  padding: 1em 2em 1em;
}
.page-cuisine #cuisine-list #drink {
  padding: 5em 0;
  border-bottom: none;
}
.page-cuisine #cuisine-list #drink .cuisine-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.page-cuisine #cuisine-list #drink .cuisine-list-item figure {
  width: 45%;
}
.page-cuisine #cuisine-list #drink .cuisine-list-item > div {
  width: 45%;
}
.page-cuisine #cuisine-list #drink .cuisine-list-item > div h4 {
  font-size: 20px;
  margin-bottom: 1em;
}
.page-cuisine #cuisine-list #drink .cuisine-list-item > div p {
  font-size: 14px;
}
.page-cuisine #cuisine-list #drink .cuisine-list-item > div .btn3 {
  margin-bottom: 10px;
}
.page-cuisine #cuisine-list #drink .cuisine-list-item > div .btn3 a {
  letter-spacing: 0;
}
.page-cuisine #cafebar {
  width: 100%;
  margin: 0 auto;
  padding: 5% 0;
}
.page-cuisine #cafebar .restaurant-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.page-cuisine #cafebar .restaurant-kv .restaurant-logo {
  position: absolute;
  width: 210px;
}
.page-cuisine #cafebar .restaurant-kv .restaurant-logo h2 {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.page-cuisine #cafebar .restaurant-kv .restaurant-logo figure {
  margin: 3em auto 0;
}
.page-cuisine #cafebar .restaurant-kv .restaurant-logo figure img {
  display: block;
  margin: 0 auto;
}
.page-cuisine #cafebar .restaurant-kv .restaurant-logo .btn {
  text-align: center;
  margin: 3em auto 0;
}
.page-cuisine #cafebar .restaurant-kv .restaurant-logo .btn {
  display: block;
  background-color: #fff;
  font-size: 16px;
  color: #3e3c38;
  letter-spacing: 0;
  white-space: nowrap;
  padding: .5em 0 .7em;
  border-radius: 0;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-cuisine .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-cuisine #gallery {
    width: 100%;
  }
  .page-cuisine #gallery .bx-wrapper .bx-controls-direction {
    display: none;
  }
  .page-cuisine #gallery .bx-wrapper .bx-pager {
    bottom: -20px !important;
  }
  .page-cuisine #gallery .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #9e9d9b;
    border-radius: 0;
    width: 30px;
    height: 2px;
    margin: 0 1px;
  }
  .page-cuisine #gallery .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .page-cuisine #gallery .bx-wrapper .bx-pager.bx-default-pager a.active,
  .page-cuisine #gallery .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #3e3c38;
  }
  .page-cuisine #gallery .bxslider_thumbnail {
    display: none;
  }
  .page-cuisine #restaurant {
    width: 90%;
    margin: 6em auto 0 auto;
  }
  .page-cuisine #restaurant .sec_inner {
    display: block;
  }
  .page-cuisine #restaurant .sec_inner .text {
    width: 100%;
  }
  .page-cuisine #restaurant .sec_inner .text h3 {
    width: 50%;
    margin: 0 auto 2em auto;
  }
  .page-cuisine #restaurant .sec_inner .text p {
    font-size: 14px;
    line-height: 2em;
  }
  .page-cuisine #restaurant .sec_inner .text p small {
    font-size: 12px;
  }
  .page-cuisine #restaurant .sec_inner .guide {
    width: 100%;
    margin-top: 2em;
  }
  .page-cuisine #restaurant .sec_inner .guide dl {
    display: block;
  }
  .page-cuisine #restaurant .sec_inner .guide dl dt {
    font-size: 16px;
    white-space: nowrap;
    margin-right: 1em;
  }
  .page-cuisine #restaurant .sec_inner .guide dl dd {
    font-size: 14px;
  }
  .page-cuisine #restaurant .lunch {
    display: block;
    background-color: #fff;
    margin: 3em auto;
    padding: 30px;
  }
  .page-cuisine #restaurant .lunch p {
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin-bottom: 1.5em;
  }
  .page-cuisine #restaurant .lunch .btn4 {
    width: 100%;
    min-width: inherit;
  }
  
  .page-cuisine #cuisine-list {
    width: 90%;
  }
  .page-cuisine #cuisine-list .sec_inner {
    display: block;
    padding-bottom: 5em;
  }
  .page-cuisine #cuisine-list .sec_inner .cuisine-list-item {
    width: 100%;
    margin-bottom: 3em;
  }
  .page-cuisine #cuisine-list #drink .cuisine-list-item {
    display: block;
  }
  .page-cuisine #cuisine-list #drink .cuisine-list-item figure {
    width: 100%;
  }
  .page-cuisine #cuisine-list #drink .cuisine-list-item > div {
    width: 100%;
  }
  .page-cuisine #cafebar .restaurant-kv .restaurant-logo {
    width: 50%;
  }
  
}



/*************************************************************************

** DRINK MENU

**************************************************************************/

.page-drink-menu {}
.page-drink-menu #main {
  margin: 5em auto 0 auto;
}
.page-drink-menu article {
  width: 70%;
  max-width: 750px;
  margin: 0 auto;
  padding-left: 5%;
}
.page-drink-menu .entry-title {
  font-size: 30px;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-drink-menu .page-body ul.submenu {
  margin: 0 auto;
  padding: 0;
  text-align:  center;
}
.page-drink-menu .page-body ul.submenu li {
  display: inline-block;
  list-style-type: none;
  font-size: 16px;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  margin: 0 0 .5em 0;
  padding: 0;
}
.page-drink-menu .page-body p {
  font-size: 16px;
}
.page-drink-menu .page-body h2 {
  font-size: 24px;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  margin: 3em 0 1.5em 0;
  padding-bottom: 1em;
  border-bottom: 3px double #3e3c38;
}
.page-drink-menu .page-body table {
  width: 100%;
  margin: 2rem auto 6rem;
  border: none;
}
.page-drink-menu .page-body table th,
.page-drink-menu .page-body table td {
  font-size: 16px;
  line-height: 2em;
  padding: 2rem 0 0 0;
  border: none;
}
.page-drink-menu .page-body table th {
  white-space: nowrap;
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  background-color: transparent;
  vertical-align: top;
}
.page-drink-menu .page-body table th small {
  display: block;
  font-size: 10px;
}
.page-drink-menu .page-body table th.indent {
  padding-left: 1em;
}
.page-drink-menu .page-body table tr.type th,
.page-drink-menu .page-body table tr.type td {
  padding-top: 5rem;
  vertical-align: middle;
}
.page-drink-menu .page-body table tr.type th {
  font-size: 20px;
}
.page-drink-menu .page-body table tr.type:nth-child(1) th {
  padding-top: 0;
}
.page-drink-menu .page-body table td {
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
}

/* スマホ */
@media screen and (max-width:750px) {
  .page-drink-menu .entry-title-wrap {
    display: block;
    width: 90%;
  }
  .page-drink-menu article {
    width: 82%;
    padding-left: 0;
  }
  .page-drink-menu .page-body {
    width: 100%;
    margin-bottom: 10vw;
  }
  .page-drink-menu .entry-title {
    font-size: 24px;
  }
  .page-drink-menu .page-body ul.submenu li {
    font-size: 12px;
  }
  .page-drink-menu .page-body p {
    font-size: 12px;
  }
  .page-drink-menu .page-body h2 {
    font-size: 20px;
  }
  .page-drink-menu .page-body table th,
  .page-drink-menu .page-body table td {
    font-size: 14px;
  }
  .page-drink-menu .page-body table tr.type th {
    font-size: 17px;
  }
  
}



/*************************************************************************

** WINE LIST

**************************************************************************/

.page-wine-list {}
.page-wine-list #main {
  margin: 5em auto 0 auto;
}
.page-wine-list article {
  width: 70%;
  max-width: 750px;
  margin: 0 auto;
  padding-left: 5%;
}
.page-wine-list .entry-title {
  font-size: 30px;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 1.5em;
}
.page-wine-list .page-body ul.submenu {
  margin: 0 auto;
  padding: 0;
  text-align:  center;
}
.page-wine-list .page-body ul.submenu li {
  display: inline-block;
  list-style-type: none;
  font-size: 16px;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  margin: 0 0 .5em 0;
  padding: 0;
}
.page-wine-list .page-body ul.category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
}
.page-wine-list .page-body ul.category li {
  display: block;
  width: 20%;
  list-style-type: none;
  font-size: 16px;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  text-align: center;
  margin: 0 0 .5em 0;
  padding: 0;
  border-right: 1px solid #3e3c38;
}
.page-wine-list .page-body ul.category li:nth-child(1) {
  border-left: 1px solid #3e3c38;
}
.page-wine-list .page-body ul.category li a {
  display: block;
}
.page-wine-list .page-body p {
  font-size: 16px;
}
.page-wine-list .page-body h2 {
  font-size: 28px;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1;
  margin: 3em 0 2em 0;
  padding: 1em 0 1.2em 0;
  border-top: 3px double #3e3c38;
  border-bottom: 3px double #3e3c38;
}
.page-wine-list .page-body h3 {
  font-size: 24px;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  margin: 3em 0 1.5em 0;
  padding-bottom: 1em;
  border-bottom: 3px double #3e3c38;
}
.page-wine-list .page-body table {
  width: 100%;
  margin: 2rem auto 6rem;
  border: none;
}
.page-wine-list .page-body table th,
.page-wine-list .page-body table td {
  line-height: 2em;
  padding: 2rem 0 0 0;
  border: none;
}
.page-wine-list .page-body table th {
  font-size: 18px;
  white-space: nowrap;
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  background-color: transparent;
  vertical-align: top;
}
.page-wine-list .page-body table th small {
  display: block;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 0.1em;
}
.page-wine-list .page-body table th small.region {
  line-height: 1.5em;
  margin-top: .5em;
}
.page-wine-list .page-body table td {
  font-size: 16px;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
}

/* スマホ */
@media screen and (max-width:750px) {
  .page-wine-list .entry-title-wrap {
    display: block;
    width: 90%;
  }
  .page-wine-list article {
    width: 82%;
    padding-left: 0;
  }
  .page-wine-list .page-body {
    width: 100%;
    margin-bottom: 10vw;
  }
  .page-wine-list .entry-title {
    font-size: 24px;
  }
  .page-wine-list .page-body ul.submenu li {
    font-size: 12px;
  }
  .page-wine-list .page-body p {
    font-size: 12px;
  }
  .page-wine-list .page-body ul.category {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .page-wine-list .page-body ul.category li {
    width: 32%;
    font-size: 13px;
    margin-bottom: 1em;
  }
  .page-wine-list .page-body ul.category li:nth-child(1),
  .page-wine-list .page-body ul.category li:nth-child(4) {
    border-left: 1px solid #3e3c38;
  }
  .page-wine-list .page-body h2 {
    font-size: 22px;
  }
  .page-wine-list .page-body h3 {
    font-size: 20px;
    margin: 3em 0 1.5em 0;
  }
  .page-wine-list .page-body table {
    margin: 2rem auto 2rem;
  }
  .page-wine-list .page-body table th,
  .page-wine-list .page-body table td {
    display: block;
    white-space: inherit;
    width: 100%;
  }
  .page-wine-list .page-body table th {
    font-size: 17px;
    line-height: 1.5em;
    padding: 0;
  }
  .page-wine-list .page-body table th small {
    font-size: 13px;
  }
  .page-wine-list .page-body table th small {
    margin-top: 10px;
  }
  .page-wine-list .page-body table th small.region {
    margin-top: .5em;
  }
  .page-wine-list .page-body table td {
    font-size: 14px;
    text-align: left;
    padding: 1em 0 4em 0;
  }
  
}



/*************************************************************************

** MONITOR

**************************************************************************/

.page-monitor {}
.page-monitor #main {
  margin: 5em auto 0 auto;
}
.page-monitor article {
  width: 70%;
  margin: 0 auto;
  padding-left: 5%;
}
.page-monitor .entry-title {
  font-size: 30px;
  line-height: 1;
  text-align: center;
  margin-bottom: 2em;
}
.page-monitor .page-header p {
  font-size: 16px;
}
.page-monitor .page-header p span {
  color: #6d3628;
  text-decoration: underline;
}
.page-monitor .page-header table {
  margin-top: 4rem;
  border: none;
}
.page-monitor .page-header table th,
.page-monitor .page-header table td {
  font-size: 16px;
  line-height: 2em;
  padding: .5em 0;
  border: none;
}
.page-monitor .page-header table th {
  width: 8em;
  text-align: left;
  background-color: transparent;
  vertical-align: top;
}
.page-monitor .page-header ul {
  margin: 1em 0 0 0;
  padding: 0;
}
.page-monitor .page-header ul li {
  position: relative;
  list-style-type: none;
  font-size: 16px;
  margin: 0 0 .5em 0;
  padding: 0 0 0 1.5em;
}
.page-monitor .page-header ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "・";
  font-size: 16px;
}
.page-monitor .page-header .tel {
  margin: 5em 0 8em 0;
}
.page-monitor .page-header .tel h2 {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 1em 0;
}
.page-monitor .page-header .tel dl {
  line-height: 1;
  margin: 0;
}
.page-monitor .page-header .tel dl dt {
  font-size: 24px;
  margin-bottom: 0.5em;
}
.page-monitor .page-header .tel dl dd {
  font-size: 14px;
}
.page-monitor #form {
  width: 100%;
  padding-top: 3em;
  border-top: 1px solid #3e3c38;
}
.page-monitor #form h2 {
  font-size: 24px;
  margin-bottom: 1em;
}
.page-monitor #form h2 small {
  display: block;
  font-size: 14px;
  margin-top: .5em;
}
.page-monitor section#form table th {
  width: 35%;
  font-size: 16px;
}
.page-monitor section#form table td {
  width: 65%;
}
.page-monitor section#form table td input[type="text"],
.page-monitor section#form table td input[type="email"],
.page-monitor section#form table td input[type="tel"] {
  padding: 20px;
}
.page-monitor section#form table td select {
  padding: 20px;
}

/* スマホ */
@media screen and (max-width:750px) {
  .page-monitor .entry-title-wrap {
    display: block;
    width: 90%;
  }
  .page-monitor article {
    width: 82%;
    padding-left: 0;
  }
  .page-monitor .page-header {
    width: 100%;
    margin-bottom: 10vw;
  }
  .page-monitor .page-header h1 {
    font-size: 36px;
  }
  .page-monitor .page-header p {
    font-size: 14px;
  }
  .page-monitor .page-header table {
    margin-top: 4rem;
  }
  .page-monitor .page-header table th,
  .page-monitor .page-header table td {
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .page-monitor .page-header table th {
    color: #3e3c38;
    text-decoration: underline;
    padding: 1.5em 0 .5em 0;
  }
  .page-monitor .page-header table td {
    padding: 0;
  }
  .page-monitor .page-header ul {
    margin: 4em 0 0 0;
  }
  .page-monitor .page-header ul li {
    font-size: 14px;
  }
  .page-monitor .page-header dl dt {
    font-size: 14px;
  }
  .page-monitor .page-header dl dd {
    font-size: 30px;
  }
  .page-monitor .page-header dl dd small {
    font-size: 12px;
  }
  .page-monitor .entry-title-wrap .form-wrap {
    width: 100%;
  }
  .page-monitor section#form table th,
  .page-monitor section#form table td {
    width: 100%;
    font-size: 14px;
  }
  .page-monitor section#form table td textarea {
    margin-top: 0px;
  }
}



/*************************************************************************

** フォトギャラリー

**************************************************************************/

.page-gallery {}
.page-gallery #main {
  margin: 5em auto 0 auto;
}
.page-gallery article {
  width: 100%;
  margin: 0 auto;
}
.page-gallery .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-gallery .page-header .sec_inner {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.page-gallery #photo-gallery {
  width: 90%;
  margin: 0 auto;
  padding-top: 5em;
}

.page-gallery #photo-gallery .rl-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.page-gallery #photo-gallery .rl-gallery-item {
  width: calc(100% / 3 - 1px);
  margin: 0 1px 1px 0;
}
.page-gallery #photo-gallery .rl-gallery-item a {
  display: block;
}
.page-gallery #photo-gallery .rl-gallery-item img {
  display: block;
  width: calc(100vw / 3 - 3px);
  height: calc(100vw / 3 - 3px);
  border: none;
  object-fit: cover; /* この一行を追加するだけ！ */
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-gallery #photo-gallery {
    width: 100%;
  }
  .page-gallery #photo-gallery .rl-gallery-item {
    width: calc(100% / 2 - 2px);
    height: calc(100% / 2 - 2px);
  }
  .page-gallery #photo-gallery .rl-gallery-item img {
    width: calc(100vw / 2 - 2px);
    height: calc(100vw / 2 - 2px);
  }
  
}



/*************************************************************************

** CLUB ROKA

**************************************************************************/

.page-club-roka {}
.page-club-roka #main {
  margin: 5em auto 0 auto;
}
.page-club-roka article {
  width: 100%;
  margin: 0 auto;
}
.page-club-roka .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-club-roka .page-header .sec_inner {
  width: 750px;
  text-align: center;
  margin: 0 auto;
}
.page-club-roka .page-header .sec_inner p {
  text-align: left;
}
.page-club-roka .page-header .sec_inner p small {
  display: block;
  margin-top: 1rem;
}
.page-club-roka #benefit {
  width: 750px;
  margin: 0 auto;
}
.page-club-roka #benefit h2 {
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  padding: 1.5em 0;
  border-top: 1px solid #3e3c38;
  border-bottom: 1px solid #3e3c38;
}
.page-club-roka #benefit ol {
  counter-reset: item;
  list-style-type: none;
  padding: 4em 0 2em 0;
  border-bottom: 1px solid #3e3c38;
}
.page-club-roka #benefit ol li {
  font-size: 28px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 2em;
}
.page-club-roka #benefit ol li:before {
  display: block;
  counter-increment: item;
  content: counter(item)'.';
  font-size: 24px;
  margin-bottom: .5em;
}
.page-club-roka #benefit ul {
  list-style-type: none;
  padding: 2em 0 4em 0;
}
.page-club-roka #benefit ul li {
  font-size: 14px;
  margin-bottom: 0em;
}
.page-club-roka #benefit ul li a {
  text-decoration: underline;
}
.page-club-roka #benefit .btn4 {
  text-align: center;
}
.page-club-roka #benefit .btn4 a {
  width: 300px;
  font-size: 20px;
  margin: 0 auto;
}
.page-club-roka #LINE {
  width: 750px;
  margin: 5em auto;
}
.page-club-roka #LINE h3 {
  text-align: center;
  margin: 0 0 1em 0;
}
.page-club-roka #LINE figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: #fff;
  padding: 1em 2.5%;
}
.page-club-roka #LINE figure .line-logo {
  width: 40%;
  padding-left: 5%;
}
.page-club-roka #LINE figure .line-qr {
  width: 20%;
}
.page-club-roka #LINE figure img {
  display: block;
}
.page-club-roka #LINE small {
  display: block;
  margin-top: 1em;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-club-roka .page-header .sec_inner {
    width: 90%;
  }
  .page-club-roka #benefit {
    width: 90%;
    padding-top: 3em;
  }
  .page-club-roka #benefit h2 {
    font-size: 15px;
  }
  .page-club-roka #benefit ol li {
    font-size: 21px;
  }
  .page-club-roka #benefit ol li:before {
    font-size: 18px;
  }
  .page-club-roka #benefit ul li {
    font-size: 11px;
  }
  .page-club-roka #benefit .btn4 a {
    width: 80%;
    max-width: 300px;
    font-size: 15px;
  }
  .page-club-roka #LINE {
    width: 90%;
  }
  .page-club-roka #LINE figure {
    display: block;
    padding: 2em 5%;
  }
  .page-club-roka #LINE figure .line-logo {
    width: 60%;
    margin: 0 auto;
    padding-left: 0;
  }
  .page-club-roka #LINE figure .line-qr {
    display: none;
  }
  
}



/*************************************************************************

** プロジェクトメンバー

**************************************************************************/

.page-member {}
.page-member #main {
  margin: 5em auto 0 auto;
}
.page-member article {
  width: 100%;
  margin: 0 auto;
}
.page-member .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-member .page-header .sec_inner {
  width: 750px;
  text-align: center;
  margin: 0 auto;
}

.page-member .page-header .sec_inner #post-password　{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.page-member .page-header .sec_inner .password_text {
 margin: 3em 0 3em 0;
}
.page-member .page-header .sec_inner #post-password {
  letter-spacing: 0.05em;
  margin: 0 auto 3em;
}
.page-member .page-header .sec_inner #post-password input[type="password"]{
  display: inline-block;
  width: inherit;
  height: 44px;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  margin: 0;
  padding: 8px 5px 9px;
  border: 1px solid #3e3c38;
  vertical-align: top;
}
.page-member .page-header .sec_inner #post-password input[type="submit"]{
  display: inline-block;
  background-color: #3e3c38;
  color: #fff;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  line-height: 1;
  height: 44px;
  margin: 0;
  padding: 12px 14px 14px;
  border: 1px solid #3e3c38;
  vertical-align: top;
}

.page-member #member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 960px;
  margin: 5em auto 0 auto;
  padding-bottom: 3em;
}
.page-member .combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 45%;
  margin: 0;
  padding: 2em 5% 2em 0;
  border-top: 1px solid #fff;
}
.page-member .combobox-list .combobox figure {
  width: 40%;
}
.page-member .combobox-list .combobox figure img {
  display: block;
}
.page-member .combobox-list .combobox .text {
  width: 50%;
  letter-spacing: 0;
}
.page-member .combobox-list .combobox .text .title {
  font-size: 14px;
}
.page-member .combobox-list .combobox .text h3 {
  font-size: 18px;
  margin: 0 0 1em 0;
}
.page-member .combobox-list .combobox .text .company {
  font-size: 14px;
}
.page-member .combobox-list .combobox .text .website {
  font-size: 12px;
  line-height: 1.5;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-member .page-header .sec_inner {
    width: 90%;
  }
  .page-member #member-list {
    display: block;
    width: 90%;
  }
  .page-member .combobox-list .combobox {
    width: 100%;
  }
  .page-member .combobox-list .combobox figure {
    width: 35%;
  }
  .page-member .combobox-list .combobox figure img {
    display: block;
  }
  .page-member .combobox-list .combobox .text {
    width: 55%;
  }
 .page-member .combobox-list .combobox .text .title {
    font-size: 14px;
  }
  .page-member .combobox-list .combobox .text h3 {
    font-size: 18px;
  }
  .page-member .combobox-list .combobox .text .company {
    font-size: 12px;
  }
  .page-member .combobox-list .combobox .text .website {
    font-size: 11px;
  }
  
}



/*************************************************************************

** 個人情報保護方針

**************************************************************************/

.page-privacy {}
.page-privacy #main {
  margin: 5em auto 0 auto;
}
.page-privacy article {
  width: 100%;
  margin: 0 auto;
}
.page-privacy .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-privacy .page-header .sec_inner {
  width: 750px;
  text-align: center;
  margin: 0 auto;
}
.page-privacy .page-header .sec_inner p {
  text-align: left;
  margin: 5em 0 5em 0;
}
.page-privacy .page-header .sec_inner p small {
  display: block;
  margin-top: 1rem;
}
.page-privacy #privacy-policy {
  width: 750px;
  margin: 0 auto;
  padding: 5em 0 3em 0;
  border-top: 1px solid #3e3c38;
}
.page-privacy #privacy-policy ol {
  counter-reset: item;
  list-style-type: none;
}
.page-privacy #privacy-policy ol li {
  font-size: 14px;
  margin-bottom: 2em;
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.page-privacy #privacy-policy ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  font-size: 20px;
  margin-right: 1em;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-privacy .page-header .sec_inner {
    width: 90%;
  }
  .page-privacy .page-header .sec_inner p small {
    line-height: 2em;
  }
  .page-privacy #privacy-policy {
    width: 90%;
    padding-top: 3em;
  }
  
}




/*************************************************************************

** アクセス

**************************************************************************/

.page-access {}
.page-access #main {
  margin: 5em auto 0 auto;
}
.page-access article {
  width: 100%;
  margin: 0 auto;
}
.page-access .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-access .page-header .sec_inner {
  width: 750px;
  text-align: center;
  margin: 0 auto;
}
.page-access .page-header .sec_inner p {
  text-align: left;
  margin: 3em 0 5em 0;
}
.page-access .page-header .sec_inner .notice {
  width: 90%;
  font-size: 14px;
  text-align: left;
  margin: 5em auto 7em;
  padding: 3% 5%;
  border: 1px solid #3e3c38;
}

.page-access #access {
  width: 100%;
}
.page-access #access iframe {
  margin-bottom: 3em;
}
.page-access #access iframe, .page-access #access object, .page-access #access embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  aspect-ratio: 5/2;
}
.page-access #access iframe:hover, .page-access #access object:hover, .page-access #access embed:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.page-access #access .sec_inner {
  width: 750px;
  margin: 0 auto;
}
.page-access #access .sec_inner .access-list {
  margin-top: 3em;
}
.page-access #access .sec_inner .access-list-item {
  padding-top: 3rem;
  border-top: 1px solid #9e9d9b;
}
.page-access #access .sec_inner h2 {
  font-size: 24px;
  margin-bottom: 2rem;
}
.page-access #access .sec_inner h2:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: .5em;
}
.page-access #access .sec_inner #by-train    h2:before {background-image: url(/wp/wp-content/themes/simplicity2-child/images/icon-train.svg);}
.page-access #access .sec_inner #by-airplane h2:before {background-image: url(/wp/wp-content/themes/simplicity2-child/images/icon-airplane.svg);}
.page-access #access .sec_inner #by-car      h2:before {background-image: url(/wp/wp-content/themes/simplicity2-child/images/icon-car.svg);}

.page-access #access .sec_inner h3 {
  font-size: 16px;
  margin-bottom: 2rem;
}
.page-access #access .sec_inner figure {
  padding: 0 0 3rem 0;
}

.page-access #combobox-list {
  width: 70%;
  margin: 5em auto;
}
.page-access #combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 4em 0;
  border-top: 1px solid #fff;
}
.page-access #combobox-list .combobox figure {
  width: 40%;
}
.page-access #combobox-list .combobox figure img {
  display: block;
}
.page-access #combobox-list .combobox .text {
  width: 50%;
}
.page-access #combobox-list .combobox .text h3 {
  font-size: 20px;
  line-height: 2em;
  letter-spacing: 0.1em;
  margin: 0 0 1em 0;
}
.page-access #combobox-list .combobox .text p {
  font-size: 14px;
  text-align: justify;
  margin: 0;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2.2em;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .page-access .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-access .page-header .sec_inner .notice {
    font-size: 13px;
    margin: 5em auto;
    padding: 5% 5%;
  }
  .page-access #access iframe, .page-access #access object, .page-access #access embed {
    aspect-ratio: 3/2;
  }
  .page-access #access .sec_inner {
    width: 90%;
    margin: 0 auto;
  }
  .page-access #access .sec_inner .naoshima-net {
    font-size: 13px;
  }
  .page-access #access .sec_inner h2 {
    font-size: 18px;
    margin-bottom: 2rem;
  }
  .page-access #access .sec_inner h3 {
    font-size: 14px;
    margin-bottom: 2rem;
  }
  
  .page-access #combobox-list {
    width: 90%;
    margin: 5em auto;
  }
  .page-access #combobox-list .combobox {
    display: block;
    width: 100%;
    padding: 10% 0;
  }
  .page-access #combobox-list .combobox figure {
    width: 100%;
  }
  .page-access #combobox-list .combobox figure img {
    display: block;
  }
  .page-access #combobox-list .combobox .text {
    width: 100%;
  }
  .page-access #combobox-list .combobox .text h3 {
    font-size: 16px;
    margin: 1.5em 0 1em 0;
  }
  .page-access #combobox-list .combobox .text p {
    font-size: 13px;
  }
  
}




/*************************************************************************

** カテゴリーページ

**************************************************************************/

.category {}
.category #main {
  margin: 6em auto 0 auto;
}
.category #list-page {}
.category #list-page-inner {
  width: 80%;
  margin: 0 auto;
}
.category #list-page #archive-title {
  font-size: 32px;
  line-height: 1;
  margin: 5vw 0;
}
.category #list-page #list {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.category #list-page #list-inner {
  width: 100%;
  margin: 0;
}
.category #list-page #list article {
  width: 100%;
  margin: 0;
  padding: 0;
}
.category #list-page #list article figure {
  width: 25%;
  aspect-ratio: 40/27;
  overflow: hidden;
}
.category #list-page #list article img {
  display: block;
  width: 100%;
  height: auto !important;
}
.category #list-page #list article .entry-card-content {
  width: 65%;
}
.category #list-page #list article .post-meta {}
.category #list-page #list article .post-meta .post-date {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: .5em;
}
.category #list-page #list article h2 {
  margin-bottom: 0;
}
.category #list-page #list article h2,
.category #list-page #list article h2 a {
  font-size: 16px;
  letter-spacing: inherit;
}
.category #list-page #list article .entry-snippet {
  display: none;
}
/* not found */
.category .notfound {
  text-align: center;
}

/* スマホ */
@media screen and (max-width:750px) {
  .category #main {
    margin: 2em auto 0 auto;
  }
  .category #list-page-inner {
    width: 90%;
    margin: 0 auto 20vw auto;
  }
  .category #list-page #archive-title {
    font-size: 36px;
    margin: 10vw 0;
  }
  .category #list-page #list article {
    width: 95%;
    padding: 5% 2.5%;
  }
  .category #list-page #list article .post-meta .post-date {
    font-size: 12px;
  }
  .category #list-page #list article h2,
  .category #list-page #list article h2 a {
    font-size: 13px;
  }
}



/*************************************************************************

** カテゴリーページ（お知らせ）

**************************************************************************/

.category-3 {}
.category-3 #list-page {}
.category-3 #list-page-inner {
  width: 80%;
  max-width: 1130px;
  margin: 0 auto;
}
.category-3 #list-page #archive-title {
  font-size: 32px;
  line-height: 1;
  text-align: center;
  margin: 0 0 2em 0;
}
.category-3 #list-page #list {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.category-3 #list-page #list-inner {
  width: 100%;
  margin: 0;
}
.category-3 #list-page #list article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-bottom: 1px solid #fff;
  padding: 3em 0 2em 0;
}
.category-3 #list-page #list article header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  width: 100%;
  margin: 0;
  padding: 0;
}
.category-3 #list-page #list article figure {
  display: none;
}
.category-3 #list-page #list article .entry-card-content {
  width: 100%;
}
.category-3 #list-page #list article .post-meta {
  width: 7em;
  margin: 0 5em 0 0;
}
.category-3 #list-page #list article h2 {
  width: calc(100% - 12em);
}
.category-3 #list-page #list article .post-meta .post-date {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  padding-top: .8em;
}
.category-3 #list-page #list article h2 {
  margin-bottom: 0;
}
.category-3 #list-page #list article h2,
.category-3 #list-page #list article h2 a {
  font-size: 16px;
  line-height: 2;
}
.category-3 #list-page #list article .entry-snippet {
  display: block;
}
.category-3 #list-page #list article .entry-snippet .excerpt {
  display: none;
}
.category-3 #list-page #list article .entry-snippet .more {
  display: block;
  font-size: 13px;
  line-height: 1;
  padding: .7em 0 3em 2em;
  border-left: 1px solid #fff;
}

/* スマホ */
@media screen and (max-width:750px) {
  .category-3 #list-page-inner {
    width: 82%;
    margin: 0 auto 20vw auto;
  }
  .category-3 #list-page #archive-title {
    font-size: 24px;
    margin-bottom: 0.4em;
  }
  .category-3 #list-page #list article {
    width: 100%;
  }
  .category-3 #list-page #list article header {
    display: block;
  }
  .category-3 #list-page #list article h2 {
    width: 100%;
  }
  .category-3 #list-page #list article .post-meta {
    width: inherit;
    margin: 0 0 1em 0;
  }
  .category-3 #list-page #list article .post-meta .post-date {
    font-size: 12px;
  }
  .category-3 #list-page #list article h2,
  .category-3 #list-page #list article h2 a {
    font-size: 14px;
  }
  .category-3 #list-page #list article .entry-snippet .more {
    display: none;
  }
}



/*************************************************************************

** カテゴリーページ（ブログ）

**************************************************************************/

.category-4 {}
.category-4 #list-page {}
.category-4 #list-page-inner {
  width: 95%;
  margin: 0 auto;
}
.category-4 #list-page #archive-title {
  font-size: 32px;
  line-height: 1;
  text-align: center;
  margin: 0 0 1em 0;
}
.category-4 .category-description {
  font-size: 16px;
  text-align: center;
  margin-bottom: 5em;
}
.category-4 #list-page #list {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.category-4 #list-page #list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
.category-4 #list-page #list-inner > a {
  display: block;
  width: 31%;
  margin: 0 3.5% 4em 0;
}
.category-4 #list-page #list-inner > a:nth-child(3n) {
  margin-right: 0;
}
.category-4 #list-page #list-inner article {
  padding: 0;
}
.category-4 #list-page #list article .post-meta {
  margin-top: .5em;
}
.category-4 #list-page #list article figure {
  width: 100%;
}
.category-4 #list-page #list article .entry-card-content {
  width: 100%;
}
.category-4 #list-page #list article .post-meta {}
.category-4 #list-page #list article .post-meta .post-date {
  display: block;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 0;
  padding-top: .8em;
}
.category-4 #list-page #list article h2 {
  margin-bottom: 0;
}
.category-4 #list-page #list article h2,
.category-4 #list-page #list article h2 a {
  font-size: 16px;
  line-height: 2;
}
.category-4 #list-page #list article .entry-snippet {
  display: none;
}

/* スマホ */
@media screen and (max-width:750px) {
  .category-4 #list-page-inner {
    width: 90%;
    margin: 0 auto 20vw auto;
  }
  .category-4 #list-page #archive-title {
    font-size: 24px;
    margin: 0 0 1.6em 0;
  }
  .category-4 .category-description {
    font-size: 14px;
    margin: 0 0 3.4em 0;
  }
  .category-4 #list-page #list article {
    width: 100%;
  }
  .category-4 #list-page #list-inner {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .category-4 #list-page #list-inner > a {
    display: block;
    width: 47.5%;
    margin: 0 0 1.4em 0 !important;
  }
  .category-4 #list-page #list article header {
    display: block;
  }
  .category-4 #list-page #list article .post-meta {
    width: inherit;
    margin: 0 0 0.4em 0;
  }
  .category-4 #list-page #list article .post-meta .post-date {
    font-size: 12px;
    padding-top: 1.2em;
  }
  .category-4 #list-page #list article h2, .category-4 #list-page #list article h2 a {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.6;
  }
}



/*************************************************************************

** singleページ共通

**************************************************************************/

.single {}
.single #main {
  margin: 7.5em 0 0 0;
}
.single #single-page {}
.single #single-page-inner {
  position: relative;
  width: 100%;
  margin: 30px auto 0 auto;
}
.single #single-page #archive-title {
  font-size: 14px;
  line-height: 1;
  text-align: right;
  margin: 0 0 1em 0;
}
.single #single-page .post {
  width: 80%;
  margin: 0 auto;
}
.single #single-page .post_inner {
  position: relative;
  width: 95%;
  margin: 0 auto;
}
.single #single-page .post_inner article {
  position: inherit;
  width: 100%;
  margin: 0;
}
.single #single-page .post_inner article h1 {
  font-size: 28px;
  line-height: 2em;
  text-align: center;
}
.single #single-page .post_inner .post-meta {
  text-align: center;
  margin: 1em 0 3em 0;
  padding: 0;
}
.single #single-page .post_inner .post-meta .post-date {
  font-size: 13px;
}
.single #single-page .post_inner .post-meta .post-date .fa-clock-o {
  display: none;
}
.single #single-page .post_inner .eye-catch {
  width: 100%;
  height: 40vw;
  background-position: center center;
  background-size: cover;
  margin-bottom: 6em;
}
.single #single-page .post_inner .eye-catch img {
  width: 100%;
  height: auto;
}
.single #single-page .post_inner .entry-content {
  margin: 0 auto;
}
.single #single-page .post_inner h2,
.single #single-page .post_inner h3,
.single #single-page .post_inner h4 {
  margin-top: 2em;
}
.single #single-page .post_inner h2 {
  font-size: 22px;
}
.single #single-page .post_inner h3 {
  font-size: 20px;
}
.single #single-page .post_inner h4 {
  font-size: 18px;
}
.single #single-page .post_inner strong {}
.single #single-page .post_inner p {
  font-size: 16px;
  text-align: justify;
  letter-spacing: 0.05em;
  padding: 0 0 1em 0;
}
.single #single-page .post_inner p a {
  color: #838383;
}
.navigation {
  width: 100%;
}

/* スマホ */
@media screen and (max-width:750px) {
  .single #main {
    margin: 2em 0 0 0;
  }
  .single #single-page #archive-title {
    font-size: 14px;
    text-align: center;
  }
  .single #single-page .post_inner .post-meta {
    margin: 1em 0 2em 0;
  }
  .single #single-page .post_inner {
    width: 100%;
  }
  .single #single-page .post_inner .eye-catch {
    width: 100%;
    height: 80vw;
    margin-bottom: 3em;
  }
  .single #single-page .post_inner .eye-catch img {}
  .single #single-page .post {
    width: 82%;
  }
  .single #single-page .post_inner article h1 {
    font-size: 22px;
  }
  .single #single-page .post_inner h2 {
    font-size: 20px;
  }
  .single #single-page .post_inner h3 {
    font-size: 19px;
  }
  .single #single-page .post_inner h4 {
    font-size: 16px;
  }
  .single #single-page .post_inner p {
    font-size: 14px;
  }
}



/*************************************************************************

** singleページ（ブログ）

**************************************************************************/

.categoryid-4 {}
.categoryid-4 #main {
  margin-top: 5em;
}
.categoryid-4 #single-page #archive-title {
  text-align: center;
}
.categoryid-4 #single-page .post {
  width: 100%;
}
.categoryid-4 #single-page .post_inner article header {
  width: 82%;
  margin: 0 auto;
}
.categoryid-4 #single-page .post_inner {
  position: relative;
  width: 95%;
  margin: 0 auto;
}
.categoryid-4 #single-page .post_inner .entry-content {
  float: left;
  width: 57%;
  padding-left: 7.5%;
}
.categoryid-4 #single-page .post_inner .entry-content p {}
.categoryid-4 #single-page .post_inner .profile {
  float: right;
  width: 18%;
  padding-right: 7.5%;
}
.categoryid-4 #single-page .post_inner .profile h3 {
  font-size: 16px;
  margin: 1em 0 1.5em 0;
}
.categoryid-4 #single-page .post_inner .profile dt {
  font-size: 16px;
  margin: .5em 0;
}
.categoryid-4 #single-page .post_inner .profile dd {
  font-size: 13px;
}
.categoryid-4 #single-page .post_inner .post + .back-to-index {
  display: none;
  text-align: center;
  margin: 0 auto;
}
.categoryid-4 #single-page .post_inner .post + .back-to-index a {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin: 0 auto;
  padding: .5em 2em;
  border-left: 1px solid #3e3c38;
  border-right: 1px solid #3e3c38;
}
.categoryid-4 #single-page .post_inner #under-entry-body .navigation {
  padding-top: 5em;
}
.categoryid-4 #single-page .post_inner #under-entry-body .back-to-index {
  display: block;
}

/* スマホ */
@media screen and (max-width:750px) {
  .categoryid-4 #main {
    margin-top: 2em;
  }
  .categoryid-4 #single-page .post_inner {
    width: 100%;
  }
  .categoryid-4 #single-page .post_inner .entry-content {
    float: none;
    width: 82%;
    margin: 0 auto;
    padding-left: 0;
  }
  .categoryid-4 #single-page .post_inner .profile {
    float: none;
    width: 60%;
    margin: 6em auto 0 auto;
    padding-right: 0;
  }
  .categoryid-4 #single-page .post_inner .profile h3,
  .categoryid-4 #single-page .post_inner .profile dt,
  .categoryid-4 #single-page .post_inner .profile dd {
    text-align: center;
  }
  .categoryid-4 #single-page .post_inner .post + .back-to-index {
    display: block;
    margin: 3em auto 0 auto;
  }
  .categoryid-4 #single-page .post_inner #under-entry-body {
    display: none;
  }
}



/*************************************************************************

** 404

**************************************************************************/

.error404 {}
.error404 .msg {
  width: 90%;
  margin: 100px auto 150px auto;
}
.error404 .msg .entry-title {
  font-size: 30px;
  text-align: center;
  margin: 0;
}
.error404 .msg .msg-inner {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
.error404 .msg .msg-inner p {
  font-size: 16px;
  line-height: 2.0em;
}
.error404 .msg .btn-single {
  text-align: center;
  margin: 50px auto;
}
.error404 .msg .btn-single a {
  display: inline-block;
  margin: 0 auto;
}

/* スマホ */
@media screen and (max-width:960px) {
  .error404 .msg {
    display: block;
    width: 100%;
    margin: 10vw auto 15vw auto;
  }
  .error404 .msg .entry-title {
    font-size: 26px;
    margin: 0 auto;
  }
  .error404 .msg .msg-inner {
    margin: 0 auto;
  }
}



/*************************************************************************

** お客様の声

**************************************************************************/

.review {
  margin: 5em auto 0 auto;
}
.review .page-header {
  width: 80%;
  max-width: 750px;
  margin: 0 auto;
}
.review .page-header .entry-title {
  font-size: 30px;
  text-align: center;
  margin: 0;
}
.review .page-header .lead {
  margin: 6em 0 !important;
}
.review #review-list {
  width: 80%;
  max-width: 750px;
  margin: 0 auto;
}
.review #review-list .review-item {
  
}
.review #review-list .review-item header {
  padding: 2em 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.review #review-list .review-item header .review-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.review #review-list .review-item header .review-type {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: 5px 20px 5px 20px;
  border: 1px solid #000;
}
.review #review-list .review-item header .review-date {
  font-size: 12px;
}
.review #review-list .review-item header h2 {
  font-size: 20px;
  margin-top: 1em;
}
.review #review-list .review-item .review-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  padding: 3em 0 6em 0;
}
.review #review-list .review-item .review-body > div {
  width: 50%;
  font-size: 14px;
}
.review #review-list .review-item .review-body > figure {
  width: 45%;
}
.review #review-list .review-item .review-body > figure img {
  display: block;
  width: 100%;
}
.review #review-list .pagenation {
  text-align: center;
}
.review .pagenation a.page-numbers,
.review .pagenation .current{
  font-size: 24px;
  line-height: 1;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 0.5em;
}
.review .pagenation .current{
  font-size: 24px;
  background-color: transparent;
  color: #000;
  padding-bottom: 0.5em;
  border: none;
  border-bottom: 1px solid #000;
}



/* スマホ */
@media screen and (max-width:960px) {
  
  .review .page-header {
    width: 90%;
  }
  .review .page-header .entry-title {
    font-size: 24px;
  }
  .review .page-header .lead {
    margin: 3em 0 !important;
  }
  .review #review-list {
    width: 90%;
  }
  .review #review-list .review-item header .review-type {
    font-size: 11px;
  }
  .review #review-list .review-item header .review-date {
    font-size: 10px;
  }
  .review #review-list .review-item header h2 {
    font-size: 18px;
  }
  .review #review-list .review-item .review-body {
    display: block;
  }
  .review #review-list .review-item .review-body > div {
    width: 100%;
  }
  .review #review-list .review-item .review-body > figure {
    width: 100%;
    margin-top: 3em;
  }
  
}



/*************************************************************************

** Roka Guide Tour

**************************************************************************/

.page-tour {}
.page-tour #main {
  margin: 5em auto 0 auto;
}
.page-tour article {
  width: 100%;
  margin: 0 auto;
}
.page-tour .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-tour .page-header .sec_inner {
  width: 540px;  
  text-align: center;
  margin: 0 auto;
}
.page-tour .page-header .sec_inner .lead {
  line-height: 2.2em;
}
.page-tour .page-header .sec_inner .guide {
  width: 190px;
  margin: 7em auto 0;
}
.page-tour .page-header .sec_inner .guide p {
  margin-top: 1em;
  line-height: 2.2em;
}
.page-tour .page-header .sec_inner .guide p span {
  display: block;
  font-size: 14px;
  line-height: 1em;
}

.page-tour .tour-info {
  width: 55%;
  background-color: #fff;
  padding: 5% 7.5%;
  margin: 5em auto;
}
.page-tour .tour-info h2 {
  text-align: center;
  font-size: 20px;
  line-height: 1.6em;
}
.page-tour .tour-info h2 + p {
  margin-top: 1.8em;
  font-size: 16px;
  line-height: 2.2em;
  text-align: center;
}
.page-tour .tour-info h3 {
  margin-top: 6.2em;
  font-size: 16px;
  line-height: 2.5em;
}

.page-tour .tour-info table {
  border: none;
}
.page-tour .tour-info table th,
.page-tour .tour-info table td {
  font-size: 16px;
  line-height: 2.2em;
  vertical-align: top;
  padding: 1.3em 1em;
  border: none;
  border-bottom: 1px solid #f1f1ed;
}
.page-tour .tour-info table th {
  background-color: transparent;
  text-align: left;
  white-space: nowrap;
  padding: 1em 2em 1em 1em;
}

.page-tour #combobox-list {
  width: 70%;
  margin: 5em auto;
}
.page-tour #combobox-list h2 {
  padding: 1.5em 0 3em;
  font-size: 20px;
  line-height: 1.6em;
  text-align: center;
}
/*
.page-tour #combobox-list .combobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 4em 0;
  border-top: 1px solid #fff;
}
.page-tour #combobox-list .combobox figure {
  width: 40%;
}
.page-tour #combobox-list .combobox figure img {
  display: block;
}
.page-tour #combobox-list .combobox .text {
  width: 50%;
}
.page-tour #combobox-list .combobox .text h3 {
  font-size: 20px;
  line-height: 2em;
  letter-spacing: 0.1em;
  margin: 0 0 1em 0;
}
.page-tour #combobox-list .combobox .text p {
  font-size: 16px;
  text-align: justify;
  margin: 0;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2em;
}
*/
.page-tour #combobox-list .combobox {
  width: 100%;
  margin: 0;
  padding: 4em 0;
  border-top: 1px solid #fff;
}
.page-tour #combobox-list .combobox:nth-child(5) {
  border-bottom: 1px solid #fff;
}
.page-tour #combobox-list .combobox figure {
  display: none;
}
.page-tour #combobox-list .combobox .text {
  width: 100%;
}
.page-tour #combobox-list .combobox .text h3 {
  font-size: 20px;
  line-height: 1.6em;
  margin: 0 0 1em 0;
}
.page-tour #combobox-list .combobox .text p {
  font-size: 16px;
  text-align: justify;
  margin: 0;
  font-feature-settings: "palt";
  line-height: 2.2em;
}
.page-tour #combobox-list > p {
  margin: 4.2em 0 5.7em;
  font-size: 14px;
  line-height: 2.6em;
  text-align: center;
}
.page-tour #combobox-list > .btn3 {
  text-align: center;
}
.page-tour #combobox-list > .btn3 a {
  width: 350px;
}

.page-tour .notice {
  width: 60%;
  margin: 5em auto;
  padding: 2.5% 5%;
  border: 1px solid #3e3c38;
}
.page-tour .notice h3 {
  font-size: 16px;
  text-align: center;
  margin: 0 0 1.5em 0;
}
.page-tour .notice p {
  font-size: 14px;
  line-height: 2em;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
  
  
}

/* スマホ */
@media screen and (max-width:750px) {
  
  .page-tour .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-tour .page-header .sec_inner .lead {
    text-align: left;
  }
  .page-tour .tour-info {
    width: 90%;
    padding: 25% 5%;
    margin: 5em auto;
  }
  .page-tour .tour-info h3 {
    margin-top: 3em;
  }
  .page-tour #combobox-list {
    width: 90%;
    margin: 5em auto 3.5em;
  }
  .page-tour #combobox-list h2 {
    padding: 1.5em 0 3em;
  }
  /*
  .page-tour #combobox-list .combobox {
    display: block;
    width: 80%;
    padding: 10%;
  }
  .page-tour #combobox-list .combobox figure {
    width: 100%;
  }
  .page-tour #combobox-list .combobox figure img {
    display: block;
  }
  .page-tour #combobox-list .combobox .text {
    width: 100%;
  }
  .page-tour #combobox-list .combobox .text h3 {
    font-size: 16px;
    margin: 1.5em 0 1em 0;
  }
  .page-tour #combobox-list .combobox .text p {
    font-size: 13px;
  }
  */
  .page-tour #combobox-list .combobox {
    width: 80%;
    padding: 10%;
  }
  .page-tour #combobox-list > p {
    margin: 2.2em 0;
  }
  .page-tour #combobox-list > .btn3 a {
    width: 100%;
    max-width: 400px;
  }
  .page-tour .notice {
    width: 74%;
    margin: 3.5em auto 5em;
    padding: 8%;
  }
  
}



/*************************************************************************

** FAQ

**************************************************************************/

.page-faq {}
.page-faq #main {
  margin: 5em auto 0 auto;
}
.page-faq article {
  width: 100%;
  margin: 0 auto;
}
.page-faq .page-header {
  width: 100%;
  margin: 0 auto;
}
.page-faq .page-header .sec_inner {
  width: 540px;  
  text-align: center;
  margin: 0 auto;
}

.page-faq #faq {
  width: 70%;
  margin: 5.7em auto 7.1em;
}
.page-faq #faq #faq-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 32px;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 16px;
}
.page-faq #faq #faq-menu a {
  background: url(images/icon-arrow4.svg) no-repeat left center;
  background-size: 10px;
  padding: 0 0 0 15px;
  font-size: 14px;
  line-height: 2.85;
}
.page-faq #faq h2 {
  text-align: left;
  font-size: 20px;
  line-height: 1.6em;
  margin: 5em 0 0;
}

.page-faq #faq h2#faq-transportation + .ewd-ufaq-faq-list .ewd-ufaq-faq-div:nth-child(2) {
  display: none;
}

.page-faq #faq .ewd-ufaq-faq-title h4 {
  margin: 0 !important;
  line-height: 1.75;
}
.page-faq #faq .ewd-ufaq-faq-div {
  position: relative;
  padding: 2.2em 30px 1.1em 0;
  border-bottom: 1px solid #D9D9D9;
}
.page-faq #faq .ewd-ufaq-faq-div:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 2.6em;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid #9E9D9B;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}
.page-faq #faq .ewd-ufaq-faq-div .ewd-ufaq-post-margin-symbol {
  display: none;
}
.page-faq #faq .ewd-ufaq-faq-div.ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol {
  text-decoration: none;
  float: left;
  text-align: center;
  width: auto;
  height: auto;
  margin-right: 15px;
  padding: 2px 0px 0px 2px;
  line-height: 1;
  border-style: solid;
  border-width: 0;
}
.page-faq #faq .ewd-ufaq-faq-div.ewd-ufaq-post-active:after {
  top: 3.6em;
  transform: translateY(-25%) rotate(315deg);
}
.page-faq #faq .ewd-ufaq-faq-body {
  position: relative;
  padding: 16px 0 0 47px;
  color: #000;
}
.page-faq #faq .ewd-ufaq-faq-body:before {
  position: absolute;
  top: 30px;
  left: 0;
  content: "";
  /*font-family: 'ewd-toggle-icon';*/
  background-color: #000;
  display: inline-block;
  font-size: 1px;
  margin: 0 auto;
  text-decoration: none;
  float: left;
  text-align: center;
  width: 32px;
  height: 1px;
  /*margin-right: 15px;*/
  line-height: 1;
  border-style: solid;
  border-width: 0;
}
.page-faq #faq .faq_more {
  margin: 2.3em 0 0;
  text-align: center;
}
.page-faq #faq .faq_more a {
  text-decoration: underline;
}
.page-faq #faq .faq_more a:hover {
  text-decoration: none;
}
.page-faq #faq .btn3 {
  margin: 7.1em 0 0;
  text-align: center;
}
.page-faq #faq .btn3 a {
  width: 350px;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
  
  
}

/* スマホ */
@media screen and (max-width:750px) {
  
  .page-faq .page-header .sec_inner {
    width: 90%;
    max-width: inherit;
  }
  .page-faq .page-header .sec_inner h1 {
    font-size: 36px;
  }
  .page-faq #faq {
    width: 90%;
    margin: 3.6em auto 7.1em;
  }
  .page-faq #faq #faq-menu {
    column-gap: 16px;
  }
  .page-faq #faq .ewd-ufaq-faq-title h4 {
    font-size: 16px;
  }
  .page-faq #faq .btn3 a {
    width: 100%;
    max-width: 400px;
  }
  
}