@charset "utf-8";
/* reset
----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*追加*/
body, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, dt, dd {
  -webkit-text-size-adjust: 100%;
  color: #333;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img {
  border: none;
  vertical-align: bottom;
}
address {
  font-style: normal;
}
a {
  background: transparent;
  color: #333;
  text-decoration: none;
}
em, strong {
  font-weight: bold;
  font-style: normal;
}
input, select {
  vertical-align: middle;
  background: transparent;
}
sup {
  font-size: 50%;
  vertical-align: text-top;
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button {
  border: none;
  background: none;
}
/*
----------------------------------------------*/
.content:before, .content:after, ul:after {
  content: "";
  clear: both;
  display: block;
}
.section > *:first-child, .section-inner > *:first-child, .col_flex > .col > *:first-child, .col-inner > *:first-child {
  margin-top: 0!important;
}
.section > *:last-child, .section-inner > *:last-child, .col_flex > .col > *:last-child, .col-inner > *:last-child, .wrap > *:last-child, .column > *:last-child, .text > *:last-child, form > *:last-child {
  margin-bottom: 0!important;
}

/* PC 電話番号リンク非表示 */
@media screen and (min-width: 740px) {
a[href^="tel:"] {
  cursor: default;
}
a[href^="tel:"]:hover {
  text-decoration: none;
}
}
/* base
----------------------------------------------*/
html {font-size: 62.5%;/*height: 100%;*/}
body {
  background: #fff;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-family : YuMincho,    /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  /*height: 100%;*/
}
select, label, form, input, textarea, button {
  font-family : YuMincho,    /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
}
body > img {
  display: none;
}
img {
  max-width: 100%;
  height: auto;
}
p, li {
  font-size: 1.6rem;
}
.hdg-l2-top .small {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 1px;
}

@media screen and (max-width: 739px) {
li {font-size: 1.4rem;}
.hdg-l2-top .small {font-size: 1.2rem;}
}
a:hover {text-decoration: underline;}
.txt-under{text-decoration: underline;}

/* modules
----------------------------------------------*/
.wrapper {
  overflow: hidden;
  position: relative;
}
.section {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.section > .section-inner {
  max-width: 1240px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 739px) {
.section > .section-inner {
  padding: 0;
}
.content-news-area .section-inner {
  position: relative;
  padding: 0 15px;
}
}

/*表示・非表示*/
.hide {display: none!important;}
.show {display: block!important;}

/*SPのみ*/
@media screen and (min-width: 740px) {.sp-show {display: none !important;}}
@media screen and (max-width: 739px) {.sp-hide {display: none !important;}}
.no-wrap{display: inline-block;}
/* IEのみ */
@media all and (-ms-high-contrast:none) {
.col_flex > .col > h3, .col-inner > h3 {
  padding-top: 5px!important;
}
}
/* iframe */
.frame {width: 100%;}

/* float
----------------------------------------------*/
.left {float: left;}
.right {float: right;}
.wrap {overflow: hidden;}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}
/* col
----------------------------------------------*/
.col_half {overflow: hidden;}
.col_half > .col {
  width: 50%;
}
.col3 > .col {
  width: 33.333%;
}
.col3_space > .col {
  width: 30%;
  max-width: 360px;
}
@media screen and (max-width: 739px) {
.col_half {
  overflow: visible;
}
.col_half .col, .content .section-01.section-top .title-col, .content .section-01.section-top .side-col {
  width: 100%;
}
.col_half .col.left, .col_half .col.right {
  float: none;
}
}
/* col_half内の余白　*/
.col_half > .col > .col-inner {
  max-width: 523px;
  margin: 0 auto;
  padding: 60px 20px;
}
/* flex　*/
.col_flex, .col_flex_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.col_flex > .col, .col_flex_sp > .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.col_flex.col2 > .col, .col_flex_sp.col2 > .col {
  width: 50%;
}
.col_flex.col3, .col_flex.col3_space, .col_flex_sp.col3_space {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col_flex.col3 > .col, .col_flex.col3_space > .col, .col_flex_sp.col3_space > .col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.col_flex.col4 > .col {
  width: 25%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.col_flex > .col > .image, .col_flex > .col > .image img {
  width: 100%;
}
@media all and (-ms-high-contrast: none) {
.col_flex > .col > .image, .col_flex > .col > .image img {
  height: auto;
}
}
.col_flex .col > .col-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.col_flex.col2 > .col > .col-inner {
  max-width: 563px;
  padding: 20px;
}
.col_flex.col3 > .col > .col-inner {
  max-width: 370px;
  padding: 40px 15px 60px;
}
.col_flex.col3_space > .col > .col-inner {
  padding: 25px 0 50px;
}
.col_flex .order1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.col_flex .order2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}
.col_flex .order3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

@media screen and (max-width: 739px) {
.col_flex:not(.col4) {
  display: block!important;
}
.col_flex > .col > .col-inner {
  max-width: 100%!important;
  padding: 0 15px;
}
.col_flex:not(.col4) > .col {
  width: 100%!important;
  max-width: 100%;
}
.col_flex.col3_space > .col > .col-inner {
  padding: 25px 15px 32px;
}
.col_flex.col4 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col_flex.col4 > .col {
  width: 50%;
}
}
/* text
----------------------------------------------*/
.nobreak {
  display: inline-block;
}
.text{
  margin-bottom: 10px;
}
.text > p {
  margin-bottom: 10px;
}
.bold {
  font-weight: bold;
}
/* font size
----------------------------------------------*/
.fontSS {font-size: 74%;}
.fontS {font-size: 84%;}
.fontN {font-size: 100%;}
.fontL {font-size: 120%;}
.fontLL {font-size: 130%;}
.fontXL {font-size: 140%;}
.fontXXL {font-size: 200%;}

/* margin
----------------------------------------------*/
/* margin-top items */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
/* margin-bottom items */
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !important;}
@media screen and (max-width: 739px) {
.mb30 {margin-bottom: 15px !important;}
.mb40 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 25px !important;}
.mb60 {margin-bottom: 30px !important;}
.mb80 {margin-bottom: 40px !important;}
.mb100 {margin-bottom: 50px !important;}
}
/* margin-left items */
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
/* margin-right items */
.mr0 {margin-right: 0 !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
/* padding-top items */
.pt0 {padding-top: 0 !important;}
/* padding-bottom items */
.pb0 {padding-bottom: 0 !important;}
/* vertical align
----------------------------------------------*/
.valign-n {vertical-align: inherit;}
/* text align
----------------------------------------------*/
.align-r {text-align: right!important;}
.align-c {text-align: center!important;}
.align-l {text-align: left!important;}
/* width
----------------------------------------------*/
.w100 {width: 100%!important;}
.w80 {width: 80%!important;}
.w70 {width: 70%!important;}
.w60 {width: 60%!important;}
.w50 {width: 50%!important;}
.w40 {width: 40%!important;}
.w30 {width: 30%!important;}
.w20 {width: 20%!important;}
.w-auto {width: auto!important;}

/* 幅800pxのコンテンツ */
.w800 .section-inner{
  max-width: 840px!important;
  padding-right: 20px!important;
  padding-left: 20px!important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 739px) {
.w800 .section-inner{
  max-width: 100%!important;
}
}
/* font color
----------------------------------------------*/
.txt-white {color: #fff !important;}
.txt_alert{color: #c00;}
/* background
----------------------------------------------*/
.bg-black {background-color: #222 !important;}
.bg-gray {background-color: #efeeeb !important;}
.bg-other {background-color: #958a7f!important;}
.bg-fuji {background: transparent url(/restaurant/img/bg_rest_02.jpg) center;}
/* box-color
----------------------------------------------*/
.box-gray {
  padding: 10px;
  background: #efeeeb;
}
/* other
----------------------------------------------*/
.unused{
  background: #efeeeb!important;
}
.unused input, .unused div, .unused > span{
  opacity: 0.3;
}

/* hdg
----------------------------------------------*/
.hdg-l1-1 {
  font-size: 5.6rem;
  margin: 70px auto 10px;
  text-align: center;
  line-height: 1.2;
}
.hdg-l1-1 > .small {
  font-size: 2.4rem;
}
h2 > .sub-hdg-1-2, h3 > .sub-hdg-1-2 {
  font-size: 1.6rem;
  letter-spacing: 1px;
  display: block;
}
.hdg-l1-2 {
  font-size: 4.8rem;
  margin: 70px auto;
  text-align: center;
  line-height: 1.2;
}

/* 2024-04-26 added */
.hdg-l1-2s {
  font-size: 4.2rem;
  margin: 70px auto;
  text-align: center;
  line-height: 1.2;
}



.hdg-l2-1 {
  font-size: 4.0rem;
  margin: 35px auto;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.8px;
}
.hdg-l2-1 > .small {
  font-size: 2.0rem;
  margin-left: 10px;
}
.hdg-l3-1 {
  font-size: 3.2rem;
  margin: 50px auto 30px;
  line-height: 1.3;
  text-align: center;
}
.hdg-l3-1 > .small {
  font-size: 2.0rem;
  margin-right: 10px;
}
.hdg-l3-2 {
  font-size: 3.2rem;
  margin: 30px auto;
  padding: 20px 0;
  text-align: center;
  line-height: 1.5;
}
.hdg-l4-1 {
  font-size: 2.4rem;
  margin: 8px 0;
  text-align: center;
}
.hdg-l5-1 {
  font-size: 2.0rem;
  margin: 20px auto;
  line-height: 1.2;
}
.sub-hdg-1-1 {
  display: block;
  font-size: 2.4rem;
  letter-spacing: 2px;
  text-align: center;
}
.sub-hdg-2-1 {
  display: block;

  font-size: 1.6rem;
  text-align: center;
}
.note > p, .note > li,.note2 > p, .note2 > li {
  font-size: 1.4rem;
  margin: 5px auto;
}
.note > li{
  padding-left: 14px;
  text-indent: -14px;
}
span.note, span.note2 {
  font-size: 1.4rem;
}
.hdg-l5-1 > .num {
  margin-left: -2px;
}

@media screen and (max-width: 739px) {
.hdg-l1-1 {
  font-size: 3.2rem;
  margin: 20px auto;
  letter-spacing: -1px;
}
.hdg-l1-1 > .small {
  font-size: 1.4rem;
  margin-right: 6px;
}
h2 > .sub-hdg-1-2, h3 > .sub-hdg-1-2 {
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.hdg-l1-2 {
  font-size: 3.2rem;
  margin: 32px auto 30px;
  line-height: 1.5;
}

/* 2024-04-26 add */
.hdg-l1-2s {
  font-size: 3.0rem;
  margin: 32px auto 30px;
  line-height: 1.5;
}


.hdg-l2-1 {
  font-size: 2.4rem;
  margin: 30px auto 15px;
  letter-spacing: -1px;
}
.hdg-l2-1 > .small {
  font-size: 1.6rem;
}
.hdg-l3-1 {
  font-size: 2.4rem;
  margin: 40px auto 20px;
}
.hdg-l3-1 > .small {
  font-size: 1.6rem;
  margin-right: 8px;
}
.hdg-l3-2 {
  font-size: 2.0rem;
  margin: 20px auto;
  padding: 7px 0;
}
.hdg-l4-1 {
  font-size: 2.0rem;
  margin: 8px 0;
}
.hdg-l5-1 {
  font-size: 1.6rem;
  margin: 13px auto;
}
.sub-hdg-1-1 {
  font-size: 1.6rem;
}
.note > p, .note > li {
  font-size: 1.2rem!important;
}
.note > li {
  padding-left: 12px;
  text-indent: -12px;
}
span.note {
  font-size: 1.2rem;
}
.hdg-l5-1 > .num {
  margin-left: 0;
}
}
/* list-items
----------------------------------------------*/
/* list-link
----------------------------------------------*/
.list-link-01 > li a {
  position: relative;
  padding-left: 1.2rem;
}
.list-link-01 > li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

@media screen and (max-width: 739px) {
.list-link-01 > li a .img {
  text-align: center;
}
}
/* btn-link 矢印のみ
----------------------------------------------*/
.btn-link-01 > a, .btn-link-02 > a, .btn-link-02 > li a, .btn-link-03 > li a, .btn-link-r {
  position: relative;
}
.btn-link-01 > a {
  color: #333;
}
.btn-link-02 > a, .btn-link-02 > li a {
  color: #fff;
}
.btn-link-01 > a:before, .btn-link-02 > a:before, .btn-link-02 > li a:before, .btn_flex:before, .btn_flex2:before{
  content: "";
  width: 6px;
  height: 11px;
  display: block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -5.5px;
}
.btn-link-r:before{
  content: "";
  width: 6px;
  height: 11px;
  display: block;
  position: absolute;
  right: -1.5rem;
  top: 50%;
  margin-top: -5.5px;
}
.btn-link-01 > a:before, .btn_flex:before {
  background: url(/common/img/btn-link_arrow_02b.png) no-repeat center;
}
.btn-link-02 > a:before, .btn-link-02 > li a:before, .btn-link-r:before, .btn_flex2:before {
  background: url(/common/img/btn-link_arrow_02w.png) no-repeat center;
}
.btn-link-01 > a:hover:before, .btn-link-01 > a:hover:before, .btn_flex:hover:before, .btn_flex:focus:before {
  background: url(/common/img/btn-link_arrow_02w.png) no-repeat center;
}
.btn-link-02 > a:hover:before, .btn_flex2:hover:before, .btn_flex2:focus:before {
  background: url(/common/img/btn-link_arrow_02b.png) no-repeat center;
}
@media screen and (max-width: 739px) {
.btn-link-01 > a:before, .btn_flex:before, .btn_flex2:before, .btn-link-02 > a:before, .btn-link-02 > li a:before {
  right: .5rem;
  margin-top: -2.5px;
  width: 5px;
  height: 5px;
}
}
/* 下矢印 */
.btn-link-03 > li a:before {
  content: "";
  display: block;
  position: absolute;
  right: 1.0rem;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  -ms-transform: translateY(-50%); 
      transform: translateY(-50%); 
  background: url(/common/img/btn-link_arrow_01w.png) no-repeat center;
  width: 11px;
  height: 6px;
}
@media screen and (max-width: 739px) {
.btn-link-03 > li a:before {
  right: .5rem;
  margin-top: 0;
  width: 5px;
  height: 5px;
}
}
/* btn共通
----------------------------------------------*/
.btn-01, .btn-02, .btn-03, .btn-04 {
  margin-bottom: 20px;
}
.btn-01 a, .btn-02 a, .btn-03 a, .btn-04 a {
  max-width: 340px;
  margin: 0 auto;
  padding: 18px 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn-01 a, .btn-02 a, .btn-03 a {
  color: #fff;
}
ul.reserve-btn {
  overflow: hidden;
}
.reserve-btn a:before, .btn-01 a:before, .btn-02 a:before, .btn-03 a:before {
  content: "";
  display: block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  -ms-transform: translateY(-50%); 
      transform: translateY(-50%); 
  background: url(/common/img/btn-link_arrow_02w.png) no-repeat center;
  width: 6px;
  height: 11px;
}
@media screen and (max-width: 739px) {
.btn-01, .btn-02, .btn-03, .btn-04 {
  padding: 0 25px;
}
.btn-01 a, .btn-02 a, .btn-03 a, .btn-04 a {
  font-size: 1.6rem;
  max-width: 100%;
  padding: 13px 15px;
}
.btn-01 a:before, .btn-02 a:before, .btn-03 a:before, .reserve-btn a:before {
  right: 1.0rem;
}
}
/* btn-01
----------------------------------------------*/
.btn-01 a {
  border: 1px solid #fff;
}
.btn-01 a:hover, .btn-01 a:focus {
  color: #333;
  background-color: #fff;
  text-decoration: none;
  border: 1px solid #333;
}
.btn-01 a:hover:before, .btn-01 a:focus:before {
  background: url(/common/img/btn-link_arrow_02b.png) no-repeat center;
}
/* btn-02 黒ボタン
----------------------------------------------*/
.btn-02 a {
  background-color: #222;
  border: 1px solid #222;
}
.btn-02 a:hover, .btn-02 a:focus {
  color: #222;
  background-color: #fff;
  text-decoration: none;
}
.btn-02 a:hover:before, .btn-02 a:focus:before {
   background: url(/common/img/btn-link_arrow_02b.png) no-repeat center;
}
/* btn-03 ウェディング関連
----------------------------------------------*/
.btn-03 a {
  background-color: #b1a98c;
  border: 1px solid #b1a98c;
}
.btn-03 a:hover, .btn-03 a:focus {
  color: #b1a98c;
  background-color: #fff;
  text-decoration: none;
}
.btn-03 a:hover:before, .btn-03 a:focus:before {
  background: url(/common/img/btn-link_arrow_02wed.png) no-repeat center;
  background-size: 6px 11px;
}
/* btn-04 白ボタン
----------------------------------------------*/
.btn-04 a {
  color: #333;
  border: 1px solid #333;
}
.btn-04 a:hover, .btn-04 a:focus {
  color: #fff;
  background-color: #333;
  text-decoration: none;
  border: 1px solid #fff;
}
/* reserve-btn 予約ボタン
----------------------------------------------*/
.reserve-btn > a, .reserve-btn > li > a {
  font-size: 1.6rem;
  padding: 20px;
  color: #fff;
  background-color: #cd731a;
  text-align: center;
  display: block;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* list modules
----------------------------------------------*/
.list-num {
  margin: 10px 0 10px 16px;
}
.list-num > li {
  list-style: decimal;
}
.list-num > li + li {
  margin-top: 10px;
}
.list-disc{
  margin-left: 20px;
}
.list-disc > li {
    list-style-type: disc;
    line-height: 2;
}
.list-disc > li + li {
  margin-top: 10px;
}
.list-disc-01{
  margin-left: 20px;
}
.list-disc-01 > li {
    list-style-type: disc;
}
.list-bullet-01 {
  margin-left: .5rem;
}
.list-bullet-01 > li:before{
  content: "・";
}
.list-bullet-01 > li {
  padding-left:1rem;
  text-indent:-1.5rem;
  line-height: 2;
}
@media screen and (max-width: 739px) {
.list-bullet-01 > li {
  line-height: 1.6;
}
.list-disc > li + li{
  margin-top: 0;
}
}
/* table modules
----------------------------------------------*/
.col_flex.tbl-data-02 > .col {
  max-width: 580px;
}
.tbl-data-01 table, .tbl-data-02 table, .tbl-data-03 table {
  width: 100%;
  margin-bottom: 40px;
}
.tbl-data-01 th, .tbl-data-01 td, .tbl-data-02 th, .tbl-data-02 td, .tbl-data-03 th, .tbl-data-03 td  {
  height: 50px;
  line-height: 1.2;
  border: solid #d5d5d5;
  border-width: 0 1px 1px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tbl-data-03 td{
  padding: 12px 5px;
}
.tbl-data-03 + .tbl-data-03 table td{
  padding: 20px 5px;
}
.tbl-data-02 caption, .tbl-data-03 caption {
  padding: 13px 10px;
}
.tbl-data-01 thead th, .tbl-data-01 thead td, .tbl-data-02 caption, .tbl-data-03 caption,
.tbl-data-04 thead th{
  color: #fff;
  background: #4b5964;
}
.tbl-data-01 td, .tbl-data-02 td, .tbl-data-03 td, .tbl-data-04 td {
  background: #efeeeb;
}
.tbl-data-02 thead th, .tbl-data-02 thead td,
.tbl-data-03 thead th, .tbl-data-03 thead td{
  background: #e3e2df;
  text-align: center;
}
@media screen and (max-width: 739px) {
.tbl-data-02.col_flex > .col{
  max-width: 100%;
}
.tbl-data-01 table, .tbl-data-02 table, .tbl-data-03 table {
  margin-bottom: 20px;
}
.tbl-data-01 table th, .tbl-data-01 table td,  .tbl-data-02 table th, .tbl-data-02 table td,
.tbl-data-03 table th, .tbl-data-03 table td, .tbl-data-04 table th, .tbl-data-04 table td{
  font-size: 1.4rem;
  height: 45px;
}
.tbl-data-02 > .col + .col {
  margin-top: 20px;
}
.tbl-data-02 caption, .tbl-data-03 caption {
  padding: 10px;
}
table .adjust {
  height: auto;
  padding: 5px 0;
}
.tbl-data-03 + .tbl-data-03 table td{
  padding: 18px 5px;
}
}
.tbl-data-04 table {
  width: 100%;
  margin-bottom: 40px;
  border-top: solid #d5d5d5 1px;
}
.tbl-data-04 + .tbl-data-04 table td {
  padding: 20px 5px;
}
.tbl-data-04 th, .tbl-data-04 td{
  height: 60px;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
  border: 1px solid #d5d5d5;
  border-width: 0 1px 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tbl-data-04 table th {
  color: #fff;
  background: #4b5964;
}
.tbl-data-04 td {
  padding: 12px;
}
.tbl-data-04 th > .small, .tbl-data-04 td > .small{
  font-size: 1.4rem;
  line-height: 1.3;
  display: inline-block;
}
table .adjust {
  height: 60px;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 739px) {
.tbl-data-04 table {
  margin-bottom: 20px;
}
.tbl-data-04 caption {
  padding: 10px;
}
.tbl-data-04 + .tbl-data-04 table td {
  padding: 18px 5px;
}
}

/* category icon
----------------------------------------------*/
ul.category {
  margin-bottom: 30px;
  font-size: 0;
}
ul.category li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
ul.category li > p {
  min-width: 80px;
  height: 24px;
  padding: 0 5px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 24px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
ul.category li > p.breakfast {
  background-color: #bd943c;
}
ul.category li > p.lunch {
  background-color: #86a069;
}
ul.category li > p.dinner {
  background-color: #67779b;
}
ul.category li > p.alcohol {
  background-color: #7e6286;
}
ul.category li > p.snack {
  background-color: #cab54d;
}
ul.category li > p.cafe {
  background-color: #99785e;
}
ul.category li > p.buffet {
  background-color: #d58f9c;
}
@media screen and (max-width: 739px) {
ul.category {
  margin-bottom: 25px;
}
}
span.category {
  width: 110px;
  display: inline-block;
  padding: 2px 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: center;
}
@media all and (-ms-high-contrast:none) {
span.category {
  padding-top: 2px;
}
}
span.category.news {
  background-color: #958a7f;
}
span.category.accommodation {
  background-color: #5d534a;
}
span.category.restaurant {
  background-color: rgba(146,128,85,1);
}
span.category.wedding {
  background-color: rgba(177,169,140,1);
}
span.category.conference {
  background-color: rgba(75,89,100,1);
}
.ico-alert{
  height: 24px;
  font-size: 1.4rem;
  display: inline;
  padding: 5px 16px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #770000;
}
/*詳細ボタン*/
.detail-btn, .detail-btn2 {
  text-align: center;
}
.detail-btn > a, .detail-btn2 > a {
  display: block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.detail-btn2 > a {
  color: #fff;
  border: 1px solid #fff;
}
/* 可変ボタン */
.btn_flex, .btn_flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 7px 20px;
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn_flex {
  max-width: 190px;
  background: #fff;
}
.btn_flex2 {
  max-width: 210px;
  color: #fff;
  text-align: center;
  background: #222;
}
@media screen and (max-width: 739px) {
.detail-btn > a, .detail-btn2 > a{
  width: 100px;
  height: 30px;
  line-height: 30px;
}
.btn_flex, .btn_flex2 {
  font-size: 1.4rem;
  padding: 3.5px 10px;
}
.btn_flex2 {
  min-width: 160px;
  max-width: max-content;
  padding: 3.5px 23px;
}
}
.detail-btn > a:hover, .detail-btn > a:focus, .btn_flex:hover, .btn_flex:focus {
  color: #fff;
  background-color: #333!important;
  text-decoration: none;
}
.detail-btn2 > a:hover, .detail-btn2 > a:focus, .btn_flex2:hover, .btn_flex2:focus {
  border: 1px solid #222!important;
  color: #222;
  background-color: #fff!important;
  text-decoration: none;
}
.anchor-tab {
  margin: -10px 10px 10px 0;
}
.anchor-tab > .col {
  margin: 10px 0 0 10px;
}
.anchor-tab > .col:last-child {
  margin-right: 0;
}
.anchor-tab .col > a {
  color: #fff;
  padding: 8px 30px;
  background-color: #222;
  width: 100%;
}
.anchor-tab > .col > a:hover, .anchor-tab > .col > a:focus {
  text-decoration: none;
  opacity: 0.8;
}

@media screen and (max-width: 739px) {
.anchor-tab > .col {
  font-size: 1.4rem;
}
.anchor-tab .col > a {
  padding: 5px 30px;
}
}
/* トグル */
.toggle, .toggle > span {
  display: inline-block;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.toggle {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
}
.toggle > span {
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: #333;
}
.c-rest.c-top .toggle > span{
  background-color: #fff;
}
.toggle > span:nth-of-type(1) {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.toggle > span:nth-of-type(2) {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.toggle.active > span:nth-of-type(1), .accordion.active > .toggle > span:nth-of-type(1) {
  display: none;
}
.toggle.active > span:nth-of-type(2), .accordion.active > .toggle > span:nth-of-type(2) {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
button.more-wrap, button.more-wrap-02, button.more-wrap-03 {

  width: 100%;
  margin: 14px auto 0;
  padding: 5px;
  font-size: 1.6rem;
  color: #333;
}
.c-rest.c-top button.more-wrap{
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 25px;
}
button.more-wrap > .more, button.more-wrap-02 > .more, button.more-wrap-03 > .more {
  position: relative;
}
/* もっと見るボタン */
button.more-wrap > .more > .toggle, button.more-wrap-02 > .more > .toggle, button.more-wrap-03 > .more > .toggle {
  width: 10px;
  height: 10px;
  left: -20px;
}
button.more-wrap > .more > .toggle > span, button.more-wrap-02 > .more > .toggle > span, button.more-wrap-03 > .more > .toggle > span {
  width: 10px;
  height: 1px;
}
button.more-wrap > .more > .toggle.active, button.more-wrap-02 > .more > .toggle.active, button.more-wrap-03 > .more > .toggle.active {
  height: 10px;
}
button.more-wrap:hover, button.more-wrap-02:hover, button.more-wrap-03:hover {
  opacity: 0.8;
  cursor: pointer;
}
@media screen and (max-width: 739px) {
.c-rest.c-top button.more-wrap{
bottom: 10px;
}
.more-content, .more-content-02 {
  display: none;
}
button.more-wrap, button.more-wrap-02, button.more-wrap-03 {
    font-size: 1.4rem;
    position: inherit;
}
}
/* image
----------------------------------------------*/
.image {
  text-align: center;
}
/* lyt-image
--------------------------------------------------*/
.lyt-image {
  overflow: hidden;
  padding: 80px 0;
}
.lyt-image.image-R > .image, .lyt-image.image-R > .col {
  float: right;
}
.lyt-image.image-L > .image, .lyt-image.image-L > .col {
  float: left;
}
.lyt-image > .image {
  width: 50%;
}
.lyt-image > .col {
  width: 45%;
}
.image-L > .image {
  float: left;
}
.image-R > .image {
  float: right;
}
.image-L, .image-R, .lyt-image > .image img {
  width: 100%;
}
.image-L > .image {
  margin-right: 5%;
}
.image-R > .image {
  margin-left: 5%;
}
.image > span.caption {
  margin-top: 3px;
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
}
@media screen and (min-width: 740px) {
.lyt-image.image-L > .col .col-inner {
  padding-left: 20px;
}
.lyt-image.image-R > .col .col-inner {
  padding-right: 20px;
}
}
@media screen and (max-width: 739px) {
.lyt-image {
  padding: 0;
}
.lyt-image.image-R > .image, .lyt-image.image-R > .col, .lyt-image.image-L > .image, .lyt-image.image-L > .col {
  float: none;
}
.image-L > .image {
  margin-right: 0;
}
.image-R > .image {
  margin-left: 0;
}
.lyt-image > .image {
  overflow: hidden;
  width: 100%;
}
.lyt-image > .col .col-inner {
  padding: 35px 15px;
}
.lyt-image > .image, .lyt-image > .col {
  width: 100%;
}
.lyt-image > .image > span.caption {
  font-size: 1.2rem;
  margin-top: 8px;
  margin-left: 7.5px;
}
}
/* .lyt-list3
----------------------------------------------*/
.lyt-list3 > li {
  float: left;
  width: 30%;
  max-width: 360px;
  margin-right: 5%;
  margin-bottom: 20px;
}

@media screen and (min-width: 740px) {
.lyt-list3 > li:nth-child(3n) {
  margin-right: 0;
}
}

@media screen and (max-width: 739px) {
.lyt-list3 > li {
  width: 48.275%;
  max-width: 360px;
  margin-right: 3.45%;
  margin-bottom: 10px;
}
.lyt-list3 > li:nth-child(2n) {
  margin-right: 0;
}
}
/* slick
----------------------------------------------*/
.slick-slide img {
  width: 100%;
}
.slide-arrow {
  width: 30px;
  height: 100%;
  position: absolute;
  top:0;
  z-index: 1;
}
.slide-arrow:hover {
  cursor: pointer;
  opacity: 0.8;
}
.pickup-area .slide-arrow{
  background-position-y: 205px;
}
.prev-arrow {
  left: -30px;
  background: transparent url(/common/img/btn-arrow01_l.png) no-repeat center center;
  background-size: contain;
}
.next-arrow {
  right: -30px;
  background: transparent url(/common/img/btn-arrow01_r.png) no-repeat center center;
  background-size: contain;
}
.scene-carousel-area-wrap .prev-arrow {
  left: -30px;
  background: transparent url(/common/img/btn-arrow02_l.png) no-repeat center center;
  background-size: contain;
}
.scene-carousel-area-wrap .next-arrow {
  right: -30px;
  background: transparent url(/common/img/btn-arrow02_r.png) no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1365px) {
.slide-arrow {
  width: 2.19619vw;
}
.pickup-area .slide-arrow{
  background-position-y: 42%;
}
.prev-arrow {
  left: -2.196193vw;
}
.next-arrow {
  right: -2.196193vw;
}
}
@media screen and (max-width: 739px) {
.slide-arrow {
  width: 13px;
  background-position-y: 50%;
}
.pickup-area .slide-arrow{
  width: 4.0625vw;
  background-position-y: 37.5%;
}
.prev-arrow {
left: -26px;
}
.next-arrow {
right: -26px;
}
.pickup-area .prev-arrow {
left: -8.125vw;
}
.pickup-area .next-arrow {
right: -8.125vw;
}
}

/* header
----------------------------------------------*/
header {
  background-color: #fff;
}
.global-header .header-inner {
  overflow: hidden;
  position: relative;
}
.global-header .header-inner-01 {
  float: left;
  padding: 0 0 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100px;
  display: table;
}
.global-header .header-inner .logo {
  display: table-cell;
  vertical-align: middle;
}
.global-header .header-inner .logo h1 {
  width: 18.3vw;
  max-width: 250px;
  min-width: 125px;
}
.global-header .header-inner .header-inner-02 {
  float: right;
  font-size: 0;
}
.global-site {
  display: inline-block;
  margin-right: 30px;
}
.global-site a {
  width: 107px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  padding: 0 50px 0 8px;
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -1px;
}
.global-site a:hover, .global-site a:focus {
  color: #fff;
  font-weight: bold;
  background-color: #333;
  border: 1px solid #fff;
  text-decoration: none;
}
/* グロナビヘッダー内の電話番号 */
.global-site {
  vertical-align: top;
  padding-top: 25px;
}
.global-header .tel-box {
  position: absolute;
  bottom: 10px;
  right: 132px;
}
.tel-box .tel-hdg, .tel-box .tel-text{
font-size: 12px;
}
@media screen and (max-width: 1090px) {
.global-site {
  vertical-align: middle;
  padding-top: 0;
}
.global-header .tel-box {
  right: 150px;
}
}
@media screen and (max-width: 739px) {
.global-site {
  vertical-align: top;
  padding-top: 5px;
}
.global-header .tel-box {
  bottom: 2px;
  right: 60px;
  font-size: 12px;
}
.tel-box .tel-hdg, .tel-box .tel-text{
font-size: 8px;
}
}
@media screen and (max-width: 999px) {
.wedding-header .tel-box{
  display: none!important;
}
}
header .menu-btn {
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
  width: 110px;
  height: 100px;
  background: transparent url(/common/img/btn_menu_01.png) no-repeat center center;
  background-size: 110px 100px;
}
header .menu-btn:hover, header .menu-btn:focus {
  opacity: 0.8;
}

@media screen and (max-width: 1320px) {
.global-header .header-inner-01 {
  padding: 0 0 0 20px;
}
.global-site a {
  width: 70px;
  height: 20px;
  line-height: 20px;
  font-size: 1.0rem;
}
.global-site {
  margin-right: 15px;
}
}

@media screen and (max-width: 1090px) {
.global-header .header-inner-01, header .menu-btn img {
  height: 50px;
}
.global-header .header-inner .logo img {
  min-width: 125px;
  width: 100%;
}
.global-header .header-inner .logo h1 {
  max-width: 125px;
  min-width: 125px;
}
header .menu-btn {
  width: 55px;
  height: 50px;
  background-size: 55px 50px;
}
}
/* ヘッダー固定　*/
header {
  position: fixed;
  width: 100%;
  height: 100px;
  z-index: 999;
  top: 0;
}
body {padding-top: 100px;}

/* ヘッダー固定（SPのみ）　*/
@media screen and (max-width: 1090px) {
header {height: 50px;}
body {padding-top: 50px;}
}
/* nav-global
----------------------------------------------*/
.global-header .header-inner .nav-global-container {
  display: table-cell;
  max-width: 816px;
  /*vertical-align: middle;*/
  padding-left: 0.5vw;
  padding-top: 30px;
}
.global-header .header-inner .nav-global li {
  display: inline-block;
  padding-right: 10px;
  margin: 2px 10px 2px 0;
  border-right: 1px solid #333;
  font-size: 1.4rem;
}
.global-header .header-inner .nav-global li:last-child {
  border: none;
  padding-right: 0!important;
  margin: 2px 10px 2px 0;
}

@media screen and (max-width: 1375px) {
.global-header .header-inner .nav-global-container {
  max-width:652px;
  padding-left:1.5vw;
}

.global-header .header-inner .nav-global li {
  font-size: 1vw;
  padding-right: 0.5vw;
  margin: 2px 0.5vw 2px 0;
}
}

@media screen and (max-width: 1090px) {
.global-header .header-inner .nav-global-container {
  display: none;
}
}
/* グロナビメニュー展開時
----------------------------------------------*/
.menu-list {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.9);
  background-size: cover;
}
.menu-list_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.menu-list p, .menu-list a {
  color: #fff;
}
.menu-list p {
  font-size: 2.4rem;
}
.menu-list .box > p {
  margin-bottom: 15px;
}
.menu-list ul li {
  line-height: 1.8;
}
.menu-list ul li a {
  font-size: 1.4rem;
}
.menu-list ul li a > img {
  width: 14px;
  vertical-align: middle;
  margin: 0 0 6px 5px;
}
.menu-list ul li > dl dt, .menu-list ul li > dl dd p{
  font-size: 1.6rem;
  line-height: 1.8;
}
.menu-list ul li > dl dd{
  padding-left: 1rem;
}
.menu-box-header {
  padding: 20px 20px 30px;
}
.menu-list .lang-box {
  height: 100px;
}
.menu-list .menu-box_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.menu-list .menu-box_wrap > .menu-box {
  width: 25%;
  padding: 40px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menu-list .menu-box_wrap > .menu-box:nth-child(4) .col_half > .col:first-child{
  width: 55%;
}
.menu-list .menu-box_wrap > .menu-box:nth-child(4) .col_half > .col:last-child{
  width: 45%;
}
.menu-header {
  text-align: right;
}
.menu-list .global-site {
  font-size: 1.6rem;
}
.menu-list .global-site a {
  border: 1px solid #fff;
}
.menu-list .global-site a:hover, .menu-list .global-site a:focus {
  color: #333;
  background-color: #fff;
  border: 1px solid #fff;
}
.menu-list .menu-btn {
  background: transparent url(/common/img/btn_menu_02.jpg) no-repeat center center;
  background-size: 110px 100px;
}

@media screen and (min-width: 740px) {
.menu-list .box > p.accordion + ul {
  display: block!important;
}
}

@media screen and (max-width: 1090px) {
.menu-list .menu-btn {
  background-size: 55px 50px;
}
.menu-list .menu-box_wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.menu-list .menu-box_wrap > .menu-box {
  width: 33.33%;
}
.menu-list .menu-box_wrap.under > .menu-box {
  width: 25%;
}
}

@media screen and (max-width: 739px) {
.menu-box-header {
  padding: 0 0 5px;
}
.menu-list p {
  font-size: 2.0rem;
  margin: 0;
  line-height: 55px
}
.menu-list .box > p {
  margin: 0;
}
.menu-list a {
  display: block;
  text-decoration: none;
}
.menu-list a:hover, .menu-list .box > p.accordion:hover, .menu-list a:focus, .menu-list .box > p.accordion:focus {
  opacity: 0.8;
  cursor: pointer;
}
.menu-list .box > p.accordion {
  position: relative;
}
.menu-list .box > p.accordion + ul {
  display: none;
}
.menu-list .box > p + ul {
  display: none;
  margin-bottom: 15px;
  padding-left: 5px;
}
.menu-list .box > p.open + ul {
  display: block;
}
.menu-list .menu-box_wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin-bottom: 35px;
}
.menu-list .menu-box_wrap > .menu-box, .menu-list .menu-box_wrap.under > .menu-box {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu-list .menu-box_wrap.under, .menu-list .menu-box_wrap.under > .menu-box {
  border: none;
}
.menu-list ul li {
  line-height: 40px;
}
.menu-list .menu-box_wrap.under ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu-list ul li > dl dt, .menu-list ul li > dl dd p{
  font-size: 1.4rem;
  line-height: 40px;
}
.menu-list ul li > dl dd{
  padding-left: 2rem;
}
/* グローバルメニューSPとのトグル */
.accordion > .toggle {
  width: 12.5px;
  height: 12.5px;
  right: 10px;
}
.menu-list .accordion > .toggle > span {
  width: 15px;
  height: 1px;
  background-color: #fff;
}
.accordion.active > .toggle {
  height: 15px;
}
}
/*.reserve-area
----------------------------------------------*/
.reserve-area {
  background-color: #efeeeb;
}
.section-top .reserve-area > .col-inner {
  max-width: 603px!important;
  margin: 0 auto;
  padding: 50px 20px!important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reserve-area h2 {
  position: relative;
  margin-bottom: 30px;
}
.reserve-area h2 span.q-a_btn {
  width: 17.7619%;
  max-width: 100px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 5px;
  right: 0;
}
.reserve-area span.q-a_btn a {
  font-size: 44%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #333;
  display: block;
}
.reserve-area span.q-a_btn a:hover, .reserve-area span.q-a_btn a:focus {
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  background-color: #333;
  text-decoration: none;
}
.reserve-area .btn-link-01 > a:before {
  right: 15%;
}
.reserve-area dl dt {
  font-size: 1.6rem;
}
.reserve-area .setcheck-area-01, .reserve-area .setcheck-area-02 {
  margin-bottom: 25px;
}
.reserve-area .setcheck-area-01:after,
.reserve-area .setcheck-area-02:after{
  content: "";
  clear: both;
  display: block;
}
.reserve-area .setcheck-area-01 dl {
  float: left;
}
.reserve-area .setcheck-area-01 dl .select-box {
  position: relative;
}
.reserve-area .setcheck-area-01 dl .select-box select {
  outline: none;
  text-indent: 0.01px;
  -o-text-overflow: '';
     text-overflow: '';
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.reserve-area .setcheck-area-01 dl .select-box select option {
  font-size: 1.6rem;
  background-color: #fff;
  color: #333;
}
.reserve-area .setcheck-area-01 dl .select-box select::-ms-expand {
display: none;
}
.reserve-area .setcheck-area-01 dl .select-box select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #828c9a;
}
.reserve-area .setcheck-area-01 dl .select-box:before {
  z-index: 1;
  position: absolute;
  left: 41%;
  width: 16px;
  font-size: 1.6rem;
  top: 43px;
  margin-top: -10px;
  display: block;
  pointer-events: none;
}
.reserve-area .setcheck-area-01 dl.setStayNight .select-box:before {
  content: "泊";
}
.reserve-area .setcheck-area-01 dl.setRoom .select-box:before {
  content: "室";
}
.reserve-area .setcheck-area-02 ul {
  font-size: 0;
  padding-left: 4.4404%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.reserve-area .setcheck-area-01 dd:not(.unused):hover,
.reserve-area .setcheck-area-01 dd:not(.unused) input:hover,
.reserve-area .setcheck-area-01 dd:not(.unused) select:hover,
.reserve-area .setcheck-area-02 dd:not(.unused):hover{
  cursor: pointer;
}
.reserve-area .setcheck-area-02 ul li {
  width: 25%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}
.reserve-area .setcheck-area-01 dl dd, .reserve-area .setPerson > dd {
  background-color: #fff;
}
.reserve-area .setcheck-area-01 dl dd, .reserve-area .setcheck-area-01 dl dd select, .reserve-area .setcheck-area-01 dl dd input, .reserve-area .setcheck-area-02 > dl > dd, .reserve-area .setcheck-area-02 > dl > dd select, .reserve-area .setcheck-area-02 .select-box{
  height: 80px;
  font-size: 3.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1365px) {
.reserve-area .setcheck-area-01 dl dd, .reserve-area .setcheck-area-01 dl dd select, .reserve-area .setcheck-area-01 dl dd input, .reserve-area .setcheck-area-02 > dl > dd, .reserve-area .setcheck-area-02 > dl > dd select, .reserve-area .setcheck-area-02 .select-box{
  font-size: 2.3426vw;
}
}
.reserve-area .setcheck-area-01 dl dd, .reserve-area .setcheck-area-02 > dl > dd {
  border-bottom: 1px solid #d7d6d3;
}
.reserve-area .setcheck-area-01 dl dd select, .reserve-area .setcheck-area-01 dl dd input, .reserve-area .setcheck-area-02 > dl > dd select, .reserve-area .setcheck-area-02 > dl > dd input {
  border: none;
}
.reserve-area .setcheck-area-01 dl dd, .reserve-area .setcheck-area-01 dl dd select, .reserve-area .setcheck-area-02 > dl > dd {
  width: 100%;
}
.reserve-area .setcheck-area-01 .select-box select {
  padding-left: 24.6%;
  background: transparent url(/common/img/ico_arrow_bottom.png) no-repeat right 15.38% center;
}
.reserve-area .setcheck-area-01 dl dd {
  display: table;
}
.reserve-area .setcheck-area-01 .setcheckinDate {
  width: 46.714%;
  max-width: 263px;
  margin-right: 3.55239%;
}
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick{
  width: 100%;
  padding-left: 3.745%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  font-size: 0;
}
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick input[name="cmbARRY"]{
  width: 31%;
  text-align: left;
}
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick > span{
  font-size: 3.2rem;
  vertical-align: middle;
}
@media screen and (max-width: 1365px) {
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick > span{
  font-size: 2.3426vw;
}
}
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick input[name="cmbARRM"] {
  /*width:36px;*/
  width: 14%;
}
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick input[name="cmbARRD"]{
  width:38%;
  background: transparent url(/common/img/ico_calendar.png) no-repeat right 20% center;
  background-size: 33%;
  
}
/* 予約カセット　カレンダー */
.reserve-area #calid{
  top: 80px;
  margin-left: -8.745%;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
          box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.reserve-area #__calid_btn_next{
  width: 10px;
  padding-right: 30px!important;
  background: transparent url(/common/img/btn-arrow01_r.png) no-repeat center!important;
  background-size: 10px!important;
}
.reserve-area #__calid_btn_prev{
  width: 10px;
  padding-left: 30px!important;
  background: transparent url(/common/img/btn-arrow01_l.png) no-repeat center!important;
  background-size: 10px!important;
}
.reserve-area #__calid_btn_next:hover{
  background: #ccc url(/common/img/btn-arrow01_r.png) no-repeat center!important;
  background-size: 10px!important;
}
.reserve-area #__calid_btn_prev:hover{
  background: #ccc url(/common/img/btn-arrow01_l.png) no-repeat center!important;
  background-size: 10px!important;
}

@media screen and (max-width: 739px) {
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick input{
  width: 28%!important;
  text-align: center!important;
  }
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick input[name="cmbARRD"]{
  width: 34%!important;
  }
.reserve-area #calid{
  top: 50px;
  margin-left: 0;
}
.reserve-area #__calid_btn_today{
  font-size: 1.6rem!important;
  padding: 4px 0 2px!important;
}
.reserve-area .tbl-week-area td{
  padding: 3px 0 0!important;
  }
.reserve-area .tbl-days-area td{
  padding: 0!important;
}
.reserve-area #__calid_btn_next, .reserve-area #__calid_btn_prev{
  background-size: 8px!important;
}
.reserve-area #__calid_btn_next:hover{
  background: #ccc url(/common/img/btn-arrow01_r.png) no-repeat center!important;
  background-size: 8px!important;
}
.reserve-area #__calid_btn_prev:hover{
  background: #ccc url(/common/img/btn-arrow01_l.png) no-repeat center!important;
  background-size: 8px!important;
}
}
/* 予約カセット　人数選択 */
.reserve-area .setcheck-area-02 > dl > dd{
  position: relative;
}
.reserve-area #calid2 {
  position: absolute;
  top:80px;
  right: 0;
  width: 563px;
  z-index: 100;
}
#frmplanseek [class^='form_item'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
      border-bottom: 1px solid #ccc;
  font-size: 1.6rem;
  padding-right: 2px;
      padding-bottom: 4px;
    margin-bottom: 9px;
}
.reserve-area .form_counter-wrap dl dt{
  font-size: 2.0rem;
  color: #fff;
  text-align: center;
  background: #666;
  padding: 5px;
  position: relative;
}
.reserve-area .form_counter-wrap dl dd{
  padding: 10px 40px 18px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
          box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.reserve-area .form_counter-wrap dl dd .label_txt{
  font-size: 1.6rem;
  margin-right: auto;
}
.reserve-area .form_counter-wrap .form_item .set_num{
    font-size: 2.0rem;
  width: 40px;
  text-align: right;
}
#frmplanseek [class^='form_item'].counter > * {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
#frmplanseek [class^='form_item'].set_num {
    width: 100%;
    max-width: 48px;
    min-height: 36px;
    text-align: center;
}
.reserve-area .form_counter-wrap .form_item .btn{
    width: 25px;
    height: 25px;
    margin-right: 8px;
  margin-bottom: 6px;
    vertical-align: middle;
    background: #222;
  border-radius: 12.5px;
}
.reserve-area .form_counter-wrap .btn-02{
  margin-top: 17px;
  margin-bottom: 0;
}
.reserve-area .form_counter-wrap .btn-02 a{
  max-width: 180px;
  height: 50px;
  line-height: 50px;
}
.reserve-area .form_counter-wrap .form_item .btn:hover {
  opacity: 0.8;
  cursor: pointer;
}
.btn.count_down, .btn.count_up {
    position: relative;
}
.btn.count_down:before, .btn.count_up:before, .btn.count_down:after, .btn.count_up:after {
    position: absolute;
    display: block;
    width: 20px;
    content: '';
}
.btn.count_down:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 1px;
    margin: auto;
    background: #fff;
}
.btn.count_up:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 1px;
    margin: auto;
    background: #fff;
}
.btn.count_up:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 12px;
    margin: auto;
    background: #fff;
}
.btn.count_down span, .btn.count_up span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.btn.count_up {
    background: #222;
  margin-left: 20px;
}
@media screen and (max-width: 739px) {
.reserve-area #calid2 {
    top: 50px;
    width: 290px;
}
.reserve-area .form_counter-wrap dl dt, .reserve-area .setcheck-area-01 .setcheckinDate dd.datepick > span{
  font-size: 1.6rem!important;
  }
.reserve-area .form_counter-wrap dl dd{
  padding: 9px 10px 15px;
}
#frmplanseek [class^='form_item'] {
    font-size: 1.2rem;
    padding-right: 3px;
    padding-bottom: 6px;
    margin-bottom: 9px;
}
  .reserve-area .form_counter-wrap .form_item .btn{
    margin-right: 0;
  }
.reserve-area .form_counter-wrap .form_item .btn.count_up {
  margin-right: 8px;
  margin-left: 18px;
}
.reserve-area .form_counter-wrap dl dd .label_txt{
    font-size: 1.4rem;
}
  .reserve-area .form_counter-wrap .form_item .set_num{
    font-size: 1.4rem;
    width: 24px;
  }
}
.reserve-area .setcheck-area-01 .setStayNight {
  width: 23.0905%;
  max-width: 130px;
  margin-right: 3.55239%;
}
.reserve-area .setcheck-area-01 .setRoom {
  width: 23.09%;
  max-width: 130px;
}
.reserve-area .setserch-type {
  margin-bottom: 40px;
}
.reserve-area .setcheck-area-02 .select-box p:first-child img {
  padding-right: 10px;
}
.reserve-area .setcheck-area-02 .select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reserve-area .setcheck-area-02 .select-box .txt {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  margin-left: 5px;
}
.reserve-area .setcheck-area-03 dl.setserch-type dd {
  background-color: #e3e2df;
}
.reserve-area .setcheck-area-03 dl.setserch-type dd ul {
  overflow: hidden;
  padding: 25px 10px 5px 20px;
  font-size: 0;
}
.reserve-area .setcheck-area-03 dl.setserch-type dd ul li {
  font-size: 2.0rem;
  display: inline-block;
  margin: 0 38px 20px 0;
}
.reserve-area .setcheck-area-03 dl.setserch-type dd ul li:last-child {
  margin: 0 0 20px 0;
}
.reserve-area #btn .button {
  width: 100%;
  max-width: 563px;
  margin-bottom: 25px;
}
.reserve-area #btn .button:hover, .reserve-area #btn .button:focus {
  opacity: 0.8;
}
input[type=radio] {
  display: none;
}
.serch_radio, .radio-btn {
  position: relative;
  padding: 0 0 0 25px;
  display: inline-block;
}
.serch_radio:after, .serch_radio:before, .radio-btn:after, .radio-btn:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}
.serch_radio:after, .radio-btn:after {
  left: 0;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  border: 1px solid #333;
  border-radius: 50%;
  background-color: #fff;
}
.serch_radio:before, .radio-btn:before {
  left: 5px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: #333;
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
}
input[type=radio]:checked + .serch_radio:before, input[type=radio]:checked + .radio-btn:before {
  opacity: 1;		/* 要素を表示する */
}
.serch_radio:hover:after, .serch_radio:focus:after, .radio-btn:hover:after, .radio-btn:focus:after {
  border-color: #333;
}
.reserve-area .serch_btn input {
  font-size: 2.4rem;
  width: 100%;
  height: 80px;
  line-height: 80px;
  color: #fff;
  background-color: #cd731a;
  text-align: center;
  margin-bottom: 25px;
  display: block;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.reserve-area .serch_btn input:hover, .reserve-area .serch_btn input:focus {
  text-decoration: none;
  opacity: 0.8;
}
.reserve-area .tel p {
  font-size: 2.4rem;
  padding-left: 30px;
  background: url(/common/img/ico_tel_01.png) no-repeat left center;
}
.reserve-area .mail-box{margin-top: 5px;}
.reserve-area .mail-box p {
  padding-left: 35px;
  background: url(/common/img/ico_mail_01.png) no-repeat left center;
}
.reserve-area .reserve-footer {
  overflow: hidden
}
.reserve-area .reserve-footer .reserve-footer-col01 {
  float: left;
}
.reserve-area .reserve-footer .reserve-footer-col02 {
  float: right;
  margin-top: 24px;
  padding: 12px 20px; 
  background-color: #e3e2df;
}
.reserve-area .reserve-footer .reserve-footer-col01 ul li {
  margin-bottom: 8px;
}
.reserve-area .reserve-footer .reserve-footer-col01 ul li:last-child {
  margin-bottom: 0;
}
/* checkbox01-input-wrap */
.checkbox01-input-wrap{
  margin-top: 20px;
}
.checkbox01-input-wrap > p{
  line-height: 1;
}
.checkbox01-input-wrap > p + p{
  margin-top: 30px;
}
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 32px;
  position:relative;
  font-size: 2.0rem;
}
.text > .checkbox01-parts{
  font-size: 1.6rem;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #333;
  background: #fff;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #333;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 5px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}
.reserve-area .setcheck-area-01 > .checkbox01-input-wrap{
  float: left;
}

@media screen and (max-width: 739px) {
.checkbox01-input-wrap{
  margin-bottom: 20px;
}
.checkbox01-input-wrap > p + p{
  margin-top: 15px;
}
.checkbox01-parts{
  padding-left: 30px;
  font-size: 1.6rem;
  display: inline-block;
  line-height: 1.5;
}
.checkbox01-parts::before{
  width: 18px;
  height: 18px;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  top: 2px;
  left: 7px;
  width: 5px;
  height: 10px;
}
}
/* checkbox-wrap, checkbox02-input-wrap */
.checkbox-wrap > li > input, .checkbox02-input{
  display: none;
}
.checkbox-wrap > li > input + label, .checkbox02-parts{
  display: inline-block;
  padding-left: 28px;
  position:relative;
  font-size: 1.6rem;
}
.checkbox-wrap > li > input + label::before, .checkbox02-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #333;
  background: #fff;
}
.checkbox-wrap > li > input:checked + label, .checkbox02-input:checked + .checkbox02-parts{
  color: #333;
}
.checkbox-wrap > li > input:checked + label::after, .checkbox02-input:checked + .checkbox02-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 5px;
  height: 10px;
  transform: rotate(40deg);
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}
@media screen and (max-width: 739px) {
.checkbox-wrap > li > input + label, .checkbox02-parts{
  line-height: 1.5;
}
}

@media screen and (max-width: 739px) {
.section-top .reserve-area > .col-inner, .c-accomo .section-03.reserve-area > .section-inner {
  padding: 25px 15px 28px!important;
}
.reserve-area p, .reserve-area li, .reserve-area dl dt {
  font-size: 1.4rem!important;
}
.reserve-area h2 {
  margin-bottom: 7px;
}
.reserve-area h2 span.q-a_btn {
  width: 60px;
  height: 25px;
  line-height: 25px;
  bottom: 8px;
}
.reserve-area span.q-a_btn a {
  font-size: 1.2rem;
}
.reserve-area .btn-link-02 > li a:before, .btn-link-01 > a:before {
  right: 0.6rem;
}
.reserve-area .setcheck-area-01 dl dd, .reserve-area .setcheck-area-01 dl dd select, .reserve-area .setcheck-area-01 dl dd input, .reserve-area .setcheck-area-02 > dl > dd, .reserve-area .setcheck-area-02 > dl dd select, .reserve-area .setcheck-area-02 .select-box {
  height: 50px;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick{
  padding-left: 0;
  margin-bottom: 10px;
}
  .reserve-area .setcheck-area-01 .setcheckinDate{
    width: 100%;
    max-width: 100%
  }
  .reserve-area .setcheck-area-01 .setStayNight{
    width: 47.4138%;
    max-width: 100%;
    margin-right: 5.1724%;
  }
  .reserve-area .setcheck-area-01 .setRoom{
    width: 47.4138%;
    max-width: 100%;
  }
.reserve-area .setcheck-area-01 .setcheckinDate dd.datepick input[name="cmbARRD"]{
  background-position: right center;
  background-size: 18px;
}
.reserve-area .setcheck-area-01 dl .select-box:before {
  left: 40%;
  width: 12px;
  font-size: 1.2rem;
  top: 50%;
  margin-top: -12px;
}
.reserve-area .setcheck-area-02 .select-box p:first-child img {
  padding-right: 5px;
}
.reserve-area .setcheck-area-01, .reserve-area .setcheck-area-02 {
    margin-bottom: 10px;
}
.reserve-area .setcheck-area-01 .select-box select, .reserve-area .setcheck-area-02 ul li {
  background-size: 8px;
}
.reserve-area .setcheck-area-01 .select-box .unit {
  font-size: 1.2rem;
}
.reserve-area .setserch-type {
  margin-bottom: 18px;
}
.reserve-area .setcheck-area-02 .select-box p img {
  max-width: 22px;
  max-height: 22px;
  padding-right: 5px;
  vertical-align: middle;
}
.reserve-area .setcheck-area-02 .select-box p + p img {
  max-width: 7px;
  max-height: 12.6px;
  padding-right: 0;
}
.reserve-area .setcheck-area-02 .setcheck-area-02-02 div p img {
  height: 16px;
}
.reserve-area .setcheck-area-02 .setcheck-area-02-04 div p img {
  height: 12px;
}
.reserve-area .setcheck-area-02 .select-box .txt {
  width: 17px;
}
.reserve-area .setcheck-area-03 dl.setserch-type dd ul {
  padding: 15px 10px 0.5px;
}
.reserve-area .setcheck-area-03 dl.setserch-type dd ul li {
  margin: 0 32px 10px 0;
}
.reserve-area .setcheck-area-03 dl.setserch-type dd ul li:last-child {
  margin: 0 0 10px 0;
}
.reserve-area .serch_btn input {
  font-size: 1.6rem;
  height: 50px;
  line-height: 50px;
  margin: 0;
}
.reserve-area .reserve-footer .reserve-footer-col01 {
  float: none;
}
.reserve-area .reserve-footer .reserve-footer-col01 ul li {
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    margin-left: -5px;
}
.reserve-area .reserve-footer .reserve-footer-col02 {
  margin-top: 14px;
  padding: 6px 15px 6px;
}
.reserve-area .tel p {
    padding-left: 20px;
    font-size: 1.8rem!important;
    background-size: 16px;
}
.reserve-area .mail-box p {
    padding-left: 23px;
    background-size: 16px;
}
.reserve-area form{
  margin-bottom: 17px;
}
}

@media screen and (max-width: 739px) and (-ms-high-contrast:none) {
.reserve-area .tel p {
  padding: 8px 15px 4px 35px;
}
}
.btn_close{
  position: absolute;
  right: 10px;
  font-size: 20px; 
  color: rgb(255, 255, 255);
  text-align: center; 
  font-weight: bold; 
  cursor: pointer;
}
/* footer
----------------------------------------------*/
.footer-nav-container {
  padding: 28px 0;
  background-color: #efeeeb;
}
.footer-nav-container .footer-nav {
  font-size: 0;
}
.footer-nav-container .footer-nav li {
  font-size: 1.4rem;
  display: inline-block;
  margin: 2px 0px;
  padding: 0 20px;
  border-right: 1px solid #333;
  line-height: 1.0;
}
.footer-nav-container .footer-nav li:first-child {
  padding-left: 0;
}
.footer-nav-container .footer-nav li:last-child {
  padding-right: 0;
  border: none;
}
.footer-nav-container .footer-nav li:hover, .footer-nav-container .footer-nav li:focus {
  opacity: 0.8;
}
/* SNSボタン */
.sns-icon{overflow: hidden; width: 100%;max-width:890px;margin: 30px auto 0;}
.sns-icon > li{float: left;}
.sns-icon > li:nth-child(2n+1){width:calc(50% - 5px);margin-left:0px;margin-right:10px;}
.sns-icon > li:nth-child(n+3){margin-top: 20px;}
.sns-icon > li{width:calc(50% - 5px);}
.sns-icon > li a{display: flex;align-items:center;}
.sns-icon > li a span{text-align:left;}
.sns-icon > li a span:first-child{display: block; width: 66px;min-width: 66px; height: 65px;margin-right:15px;}
.sns-icon > li a:hover{opacity: 0.8;}
.ico-facebook {
  background: url(/common/img/ico_sns_facebook.png) no-repeat;
  background-size: contain;
}
.ico-twitter {
  background: url(/common/img/ico_sns_twitter.png) no-repeat;
  background-size: contain;
}
.ico-instagram {
  background: url(/common/img/ico_sns_instagram.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 739px) {
.sns-icon{overflow: hidden; width: 100% !important;margin: 20px auto 0;}
.sns-icon > li{width:100% !important;margin-bottom:10px}
.sns-icon > li:first-child{margin-bottom:10px;}
.sns-icon > li:nth-child(n+3) {margin-top: 0;}
.sns-icon > li a span:first-child{width: 33px;min-width: 33px; height: 32.5px;margin-right:10px;margin-left:16px;}
}
footer .copyright {
  padding: 15px 0;
  background-color: #222222;
}
footer .copyright p {
  color: #fff;
  font-size: 1.2rem;
}

@media screen and (max-width: 739px) {
.footer-nav-container {
  padding: 20px 0 15px;
}
.footer-nav-container .footer-nav li {
  padding: 0 10px;
  margin-bottom: 2px 0 12px;
  font-size: 1.2rem;
}
}

@media screen and (max-width: 377px) {
.footer-nav-container .footer-nav li:nth-child(3) {
  border: none;
}
}
/*　喫煙・禁煙ボタン
----------------------------------------------*/
.content .price-wrap {
  overflow: hidden;
}
.content .price-wrap > p, .c-accomo .col-inner .text + p {
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.content .price-wrap .price {
  float: left;
  width: 195px;
}
.content .price-wrap .price dt, .content .price-wrap .price dd {
  display: inline-block;
}
.content .price-wrap .price dd {
  color: #cd731a;
  font-size: 3.8rem;
  line-height: 1.2;
}
.content .price-wrap .price dt, .content .price-wrap .price dd .yen {
  font-size: 1.4rem;
}
.content .price-wrap .price dt {
  margin-right: 5px;
}
.content .reserve-btn.btn-col-1 li {
  max-width: 250px;
  margin: 0 auto;
}
.content .reserve-btn.btn-col-2 li {
  width: 48.077%;
  margin-right: 3.846%;
  float: left;
}
.content .reserve-btn.btn-col-2 li:last-child {
  margin: 0;
}
.content .reserve-btn a:hover, .content .reserve-btn a:focus {
  text-decoration: none;
  opacity: 0.8;
}

@media screen and (max-width: 739px) {
.content .price-wrap {
  float: none;
  display: block;
  width: 100%;
}
.content .price-wrap > p, .c-accomo .col-inner .text + p {
  text-align: center;
  margin-bottom: 15px;
}
.content .price-wrap .price {
  float: none;
  width: 100%;
  text-align: center;
}
.content .price-wrap .price {
  float: left;
  width: 50%;
}
.content .price-wrap .price.single {
  float: none;
  width: 100%;
}
.content .price-wrap .price dt {
  margin-right: 0;
}
.content .price-wrap .price dd {
  font-size: 2.4rem;
}
.btn-link {
  padding: 0 25px;
}
.content .reserve-btn.btn-col-1 li {
  max-width: 100%;
  padding: 0 25px;
}
.content .reserve-btn.btn-col-2 li {
  width: 100%;
  margin-right: 0;
  padding: 0 25px;
  float: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content .reserve-btn.btn-col-2 li:first-child {
  margin-bottom: 10px;
}
.content .reserve-btn li a {
  padding: 15px;
}
}
/* special-top-area
----------------------------------------------*/
.special-top-area {
  background: #fff;
  padding: 25px 0;
}
@media screen and (max-width: 739px) {
.special-top-area {
  padding: 20px 15px;
}
}
/* top-news-area
----------------------------------------------*/
.top-news-area {
  bottom: 0;
  background: #333;
  padding: 30px 0;
}
.top-news-area-01 {
  width: 12%;
  display: table-cell;
  vertical-align: top;
}
.top-news-area-02 {
  width: 75%;
  display: table-cell;
  vertical-align: middle;
}
.top-news-area-03 {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 22px;
}
.top-news-area-02 .top-news-01 dt span.category{
  display: table-cell;
  vertical-align: middle;
}
.top-news-area h2 {
  font-size: 3.6rem;
  line-height: 36px;
  color: #fff;
  border-right: 2px solid #fff;
  padding-right: 25px;
  padding-top: 2px;
  margin-right: 40px;
  box-sizing: border-box;
  display: inline-block;
}

@media all and (-ms-high-contrast:none) {
.top-news-area h2 {
  line-height: 26px;
  padding: 10px 25px 0 0;
}
}
.top-news-area-02 dl {
  overflow: hidden;
}
.top-news-area-02 dt {
  clear: left;
  float: left;
  display: table;
  width: 22%;
  min-width: 200px;
  line-height: 20px;
  color: #fff;
}
.top-news-area-02 dd {
  width: calc(100% - 200px);
  display: inline-block;
  margin: 0 0 10px;
  padding: 0 10px;
  box-sizing: border-box;
  letter-spacing: 0.5px;
}
.top-news-area-02 dd a {
  color: #fff;
}
.top-news-area-03 p a {
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.top-news-area-03 p a:hover {
  font-weight: bold;
  color: #333;
  background: #fff;
  border: 1px solid #333;
  text-decoration: none;
}

@media screen and (max-width: 739px) {
.top-news-area {
  padding: 20px 15px 26px;
}
.top-news-area h2 {
  font-size: 2.4rem;
  line-height: 22px;
  padding-right: 16px;
  box-sizing: border-box;
  display: inline-block;
}
.top-news-area-01 {
  width: 12%;
  display: block;
  margin-bottom: 20px;
}
.top-news-area-02 {
  display: block;
  width: 100%;
}
.top-news-area-02 dt {
  width: 95px;
  min-width: inherit;
  display: block;
}
.top-news-area-02 .top-news-01 dt span.category {
  display: block;
  width: auto;
  margin-top: 4px;
  margin-right: 5px;
}
.top-news-area-02 dd {
  float: right;
  width: calc(100% - 95px);
  margin: 0;
}
.top-news-area .section-inner {
  position: relative;
}
.top-news-area-03 {
  width: 60px;
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  vertical-align: middle;
  overflow: visible;
}
.top-news-area-03 p a {
  font-size: 1.2rem;
  width: 60px;
  height: 25px;
  line-height: 25px;
}
.top-news-area-02 dd {
  padding: 0;
  line-height: 1.4;
}
}
/* .sub-menu-content
----------------------------------------------*/
.sub-menu-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 50px 0 55px;
}

.sub-menu-content li {
  border-right: 1px solid #ccc;
  width: 25%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sub-menu-content li:last-child{
  border-right: 0px;
}
.sub-menu-content li a{display: block;}
.sub-menu-content li a:hover, .sub-menu-content li a:focus {
  opacity: 0.8;
}
@media screen and (min-width:740px) and ( max-width:1100px) {
  .sub-menu-content li:nth-child(3){
  border-left: 1px solid #ccc;
  }
}
@media screen and (max-width: 1100px) {
.sub-menu-content li {
  border:0px;
  width:50%;
  padding: 40px 20px;
}
.sub-menu-content li:nth-child(odd) {
  border-right: 1px solid #ccc;
}
.sub-menu-content li:nth-child(-n+2) {
  border-bottom: 1px solid #ccc;
}
}
.sub-menu-content li .title {
  font-size: 2.0rem;
  color: #958a7f;
  margin: 15px auto 14px;
  text-align: center;
}
.sub-menu-content li .title span{
  position: relative;
      display: inline-block;
}
.sub-menu-content li .title span:before {
  content: "";
  display: block;
  position: absolute;
  right: -1.5rem;
  top: 50%;
  margin-top: -2.5px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #958a7f;
  border-right: 1px solid #958a7f;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sub-menu-content li .text {
  max-width: 285px;
  margin: 0 auto;
  line-height: 2.0;
  letter-spacing: -0.5px;
}

@media screen and (max-width: 739px) {
.sub-menu-content {
  padding: 0;
}
.sub-menu-content li {
  float: none;
  width: 100%;
  padding: 18px 15px;
  display: table;
  border-top: 1px solid #ccc;
}
.sub-menu-content li:nth-child(odd) {
  border-right: 0px;
}
.sub-menu-content li:nth-child(-n+2) {
  border-bottom: 0px solid #ccc;
}
.sub-menu-content li dl, .sub-menu-content li .text-wrap {
  display: table-cell;
  padding-left: 15px;
}
.sub-menu-content li .title {
  text-align: left;
  margin: 0 0 5px;
  font-size: 1.6rem;
}
.sub-menu-content li .text {
  max-width: 100%;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0;
}
.sub-menu-content li .image {
  display: table-cell;
  vertical-align: middle;
  width:20vw;
  min-width: 50px;
  max-width: 74px;
  text-align: left;
}
.sub-menu-content li .image img {
  width: 100px;
}
}
/* ページ下部、ご予約・お問い合わせ */
.sub-menu-content-02, .sub-menu-content-03 {
  background-color: #e3e2df;
  padding: 30px 0;
}
.sub-menu-content-02 .col_flex > li, .sub-menu-content-03 .col_flex > li {
  border-right: 1px solid #aaa;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sub-menu-content-02 .col_flex > li:last-child, .sub-menu-content-03 .col_flex > li:last-child {
  border-right: none;
}
.sub-menu-content-02 .col_flex > li:first-child p, .sub-menu-content-03 .col_flex > li:first-child p {
  font-size: 2.0rem;
}
.sub-menu-content-02 .col_flex > li .title {
  max-width: 98%;
  font-size: 1.6rem;
  margin: 5px auto 4px;
  color: #333;
}
.sub-menu-content-02 .col_flex > li dl {
  width: 100%;
  font-size: 1.4rem;
  padding-bottom: 10px;
}
.sub-menu-content-02 .col_flex > li .tel, .sub-menu-content-03 .col_flex > li .tel {
  font-size: 3.2rem;
  background: transparent url(/common/img/ico_tel_01.png) no-repeat 10px center;
  background-size: 32px;
  margin-left: -10px;
  padding-left: 50px;
  line-height: 1.3;
}
.sub-menu-content-02 .col_flex.col2 {
  max-width: 912px;
  margin: 0 auto;
}

@media screen and (max-width: 739px) {
.sub-menu-content-02 {
  padding: 0 30px;
}
.sub-menu-content-02 .col_flex > li dl {
  display: block;
  padding-left: 0;
}
.sub-menu-content-02 .col_flex > li {
  display: block;
  padding: 15px 0;
  border-right: none;
  border-bottom: 1px solid #aaa;
}
.sub-menu-content-02 .col_flex > li:last-child {
  border: none;
}
.sub-menu-content-02 .col_flex > li:first-child p {
  font-size: 1.6rem;
}
.sub-menu-content-02 .col_flex > li .title, .sub-menu-content-02 .col_flex > li .text, .sub-menu-content-02 .col_flex > li dl {
  font-size: 1.2rem;
}
.c-rest.c-top .section-05 .sp-show {
  display: inline-block!important;
}
.sub-menu-content-02 .col_flex > li dl .tel, .sub-menu-content-03 .col_flex > li dl .tel {
  font-size: 2.4rem;
  line-height: 1.5;
  background-size: auto;
}
}

/* .sub-menu-content en */
.en .sub-menu-content li {
  width: 33.33%;
}
@media screen and (max-width: 1100px) {
.en .sub-menu-content li:nth-child(odd) {
  border-right: 0px;
}
.en .sub-menu-content li:nth-child(-n+2) {
  border-right: 1px solid #ccc;
  border-bottom: 0px;
}
}
@media screen and (max-width: 739px) {
.en .sub-menu-content li {
  width: 100%;
}
}

/* ご宴会や会議のお問い合わせ, ウェディング */
.sub-menu-content-03 {
  background-color: #e3e2df;
  padding: 27px 0;
}
.sub-menu-content-03 .title {
  font-size: 2.0rem;
  margin: 5px auto 6px;
}
.sub-menu-content-03 .col_flex > li dl {
  font-size: 1.4rem;
  margin-right: auto;
  padding-bottom: 10px;
}
.sub-menu-content-03 .col_flex {
  max-width: 1246px;
  margin: 0 auto;
}
.sub-menu-content-03 .col_flex > .col:first-child {
  width: 41.09%;
  padding: 10px 20px 0;
}
.sub-menu-content-03 .col_flex > .col:last-child {
  width: 58.91%;
  padding-right: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sub-menu-content-03 .col_flex > .col .sub-menu-btn {
  margin-left: auto;
  font-size: 0;
  width: 100%;
}
.sub-menu-content-03 .col_flex > .col .sub-menu-btn li {
  display: inline-block;
  margin: 10px;
}
.sub-menu-content-03 .col_flex > .col .sub-menu-btn li > .btn_flex {
  border: none;
  max-width: 100%;
  min-width: 220px;
  width: 100%;
  padding: 18px 30px;
  text-align: center;
}
.sub-menu-content-03 .col_flex > li:first-child p {
    font-size: 1.4rem;
}
.sub-menu-content-03 .col_flex > li:first-child p.reception-time {
    margin-right: -8px;
}
@media screen and (max-width: 739px) {
.sub-menu-content-03 {
  padding: 0;
}
.sub-menu-content-03 .col_flex{
  padding-bottom: 25px;
}
.sub-menu-content-03 .col_flex > li {
  display: block;
  padding: 0 15px;
  border-right: none;
}
.sub-menu-content-03 .col_flex > .col:first-child, .sub-menu-content-03 .col_flex > .col:last-child {
  padding: 0 20px;
}
.sub-menu-content-03 .col_flex > .col .sub-menu-btn li {
  display: block;
  margin: 0 0 10px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sub-menu-content-03 .col_flex > .col .sub-menu-btn li:last-child {
  margin-bottom: 0;
}
.sub-menu-content-03 .title {
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0;
  padding: 16px 0 10px;
  border-bottom: 1px solid #aaa;
}
.sub-menu-content-03 .col_flex > li dl {
  padding-bottom: 0;
}
.sub-menu-content-03 .col_flex > .col .sub-menu-btn li:first-child,  .sub-menu-content-03 .col_flex > .col .sub-menu-btn li:last-child {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}
.sub-menu-content-03 .title + dd {
  padding-top: 16px;
  margin-bottom: 20px;
}
.sub-menu-content-03 .col_flex > .col .sub-menu-btn li > .btn_flex {
  padding: 0;
  height: 60px;
}
.sub-menu-content-03 .col_flex > li:first-child p {
    font-size: 1.2rem;
}
}
/* プランページで使用 */
.detail-set {
  margin-bottom: 71px;
}
.detail-set > dt > .detail-ttl {
  border-left: 4px solid #b1a98c;
  margin-bottom: 10px;
  padding-left: 16px;
  display: inline-block;
}
.detail-set > dt {
  font-size: 2.4rem;
  margin-bottom: 22px;
  border-bottom: 1px solid #ddd;
}
.detail-set > dd {
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 56px;
}
.detail-set > dd:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 739px) {
.detail-set {
  margin-bottom: 45px;
}
.detail-set > dt {
  font-size: 2.0rem;
  margin-bottom: 10px;
}
.detail-set > dt > .detail-ttl {
  padding-left: 10px;
}
.detail-set > dd {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 39px;
}
}
/*モーダルイメージ*/
.modal-img {
  position: fixed;
  z-index: 1001;
  display: none;
  width: 50vh;
  margin: 0;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
}
#modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  background-color: rgba( 0,0,0, .75 );
}
.modal-img .close-btn {
  width: 80px;
  margin: 20px auto 10px;
  text-align: center;
}
.modal-img .close-btn > a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #333;
}
.zoom-btn {
  margin-left: 10px;
  vertical-align: bottom;
}
.zoom-btn:hover {
  opacity: .8;
}
.modal-img .close-btn > a:hover {
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  background-color: #333;
}

@media screen and (max-width: 739px) {
.modal-img {
  width: 80%;
}
.zoom-btn {
  margin-left: 5px;
}
.zoom-btn img {
  width: 30px;
}
}

/* iziModalモーダル
----------------------------------------------*/
.modal-box dl dt, .modal-box dl dd, .modal-box .close a{
  color: #fff;
}
.modal-box dl dt{
  font-size: 1.8rem;
  margin: 25px auto 15px;
}
.modal-box dl dd{
  line-height: 2.0
}
.modal-box .close{text-align: right;}
.modal-box .close a{
  font-size: 2.8rem;
  display: inline-block;
  margin-bottom: 20px;
}
.modal-box .close a:hover{
  cursor: pointer;
}
.ico-close{
  display: inline-block;
  position: relative;
  margin-right: 25px;
  margin-bottom: -5px;
  padding: 0;
  width: 1px;
  height: 34px;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ico-close:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -16.5px;
  width: 34px;
  height: 1px;
  background: #fff;
}
.iziModal{
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
}
.iziModal-content{
  text-align: center;
}
.iziModal-navigate-caption{
  display: none!important;
}
@media screen and (min-width: 740px) {
  .iziModal-navigate>button{
width: 120px!important;
    top: 30px!important;
  }
  .iziModal-navigate-prev{
    margin-left: -520px!important;
  }
  .iziModal-navigate-next{
    margin-right: -520px!important;
  }
}
@media screen and (max-width: 739px) {
  .modal-box{
    width: 75%;
  }
.modal-box dl dt{
  font-size: 1.4rem;
  margin: 17px auto 5px;
}
.modal-box dl dd{
    font-size: 1.2rem;
    line-height: 1.85;
    letter-spacing: 2px;
}
.modal-box .close a{
  font-size: 1.4rem;
  margin-bottom: 13px;
}
  .iziModal-navigate>button{
    width: 42px!important;
    background-position: 0 49.5vh!important;
  }
  .iziModal-navigate-prev{
    margin-left: -52vw!important;
  }
  .iziModal-navigate-next{
    margin-right: -52vw!important;
  }
.ico-close{
  margin-right: 14px;
      margin-bottom: -2px;
  padding: 0;
  height: 16px;
}
.ico-close:before{
  top: 50%;
  left: -7.5px;
  width: 16px;
}
}

/* スクロールバー 
----------------------------------------------*/
@media screen and (max-width: 1199px) {
.scrollbar {
    overflow-x: auto;
  padding-bottom: 10px!important;
}
.scrollbar::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
}
.scrollbar::-webkit-scrollbar {
    height: 5px;
}
}
/* .tab-area-wrap
----------------------------------------------*/
.tab-area-wrap {
    background: #222;
}
.tab-area-02 {
  max-width: 1200px;
  margin: 0 auto;
}
.tab-area-02 > li a {
  width: 100%;
  padding: 28px 10px;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
.tab-content {
  display: none;
}
.tab-content.current {
  display: block;
}
.tab-area-02 > li.current {
  background: #fff;
}
.tab-area-02 > .current > a {
  color: #333;
}
.tab-area-02 > .current .btn-link-r:before {
  background: url(/common/img/btn-link_arrow_02b.png) no-repeat center;
}
@media screen and (max-width: 739px) {
.tab-area-02 > li a {
  padding: 10px 6px;
}
.tab-area-02 .btn-link-r {
  display: inline-block;
  padding: 0 5px;
  line-height: 1.2;
}
.btn-link-r:before {
  right: -0.5rem;
}
}
/* =================================
form
================================= */
.contact .section-01 > .section-inner {
    padding: 72px 0 70px;
}
@media screen and (max-width: 739px) {
.contact .section-01 > .section-inner {
  padding: 35px 0 30px;
}
.contact.w800 .section-inner {
  max-width: 840px!important;
  padding-right: 15px!important;
  padding-left: 15px!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
}
.form-content {
  margin: 56px auto 0;
  padding-bottom: 100px;
}
.form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 1.6rem;
  color: #333;
  background: #efeeeb;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
select.form-control {
  width: 30.7692%;
  display: inline-block;
}
.form-horizontal .col_r select.form-control + span{
  font-size: 1.6rem;
  padding: 0 10px;
  vertical-align: middle;
}
.form-horizontal .col_r span + select.form-control {
  margin-left: 5px;
}
.form-horizontal .col_r textarea{
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
}
.form-control.f-short {
  width: 46.1538%;
}
.form-control.f-middle {
  width: 69.2307%;
}
.form-control.f-post {
  width: 19.23077%;
  margin-right: 20px;
  display: inline-block;
}
.form-control.f-post + .address-btn {
  width: auto;
  padding: 0 13px;
  height: 40px;
  color: #fff;
  background: #222;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.form-horizontal .label {
  display: inline;
  padding: .2rem .6rem .3rem;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}
.form-horizontal .label-required {
  background-color: #cd731a;
}
.form-horizontal .form-label {
  width: 35%;
  padding-top: 11px;
  margin-bottom: 0;
  font-size: 1.6rem;
  text-align: left;
  font-weight: bold;
}
.check .form-horizontal .form-label{
  padding-top: 0;
}
.form-group {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
}
.form-group + .text{
  margin-top: 20px;
}
.form-group .col_flex_sp.col2 > .col > label {
  font-size: 1.6rem;
  padding-right: 5px;
}
.form-group .col_flex_sp.col2 > .col > .form-control {
  width: 84.61538%;
}
.form-group .col_flex_sp.col2 > .col:first-child > .form-control {
  margin-right: auto;
}
.form-horizontal .col_r {
  width: 65%;
  font-size: 0;
}
.btn-default button {
  width: 340px;
  height: 60px;
  margin: 0 auto;
  padding: 17px 10px;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
  background-color: #b1a98c;
}
.btn-default.col2{
  max-width: 520px;
}
.btn-default.col2 > .col{
  width: 48.077%;
}
.btn-default.col2 > .col:first-child{
  margin-right: auto;
}
.btn-default.col2 > .col button {
  width: 100%;
}
.btn-default.col2 > .col:first-child button{
  opacity: 0.6;
}
.btn-default {
  margin: 50px auto 20px;
}
.btn-default > button:before {
  content: "";
  display: block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/common/img/btn-link_arrow_02w.png) no-repeat center;
  width: 6px;
  height: 11px;
}
.btn-default button:hover, .btn-default button:focus {
  color: #b1a98c!important;
  background-color: #fff!important;
  text-decoration: none;
  border: 1px solid #b1a98c;
}
.btn-default > button:hover:before, .btn-default > button:focus:before {
  background: url(/common/img/btn-link_arrow_02wed.png) no-repeat center;
  background-size: 6px 11px;
}
.form-group .radio-btn-wrap {
  margin: 13px auto 12px;
}
.form-group .radio-btn-wrap li + li {
  margin-top: 9px;
}
.contact .section-01 > .section-inner > .hdg-l1-2 + .text,
.check .section-01 > .section-inner > .hdg-l1-2 + .text{
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.form-group .checkbox-wrap {
  font-size: 0;
  margin-top: -5px;
}
.form-group .checkbox-wrap > li {
  display: inline-block;
  font-size: 1.6rem;
  margin-top: 5px;
  margin-right: 10px;
}
form input::placeholder {
color: #999;
}

/* IE */
form input:-ms-input-placeholder {
color: #999;
}

/* Edge */
form input::-ms-input-placeholder {
color: #999;
}

@media screen and (max-width: 739px) {
.form-content {
  padding-bottom: 50px;
  margin: 20px auto;
}
.contact .section-01 > .section-inner > .hdg-l1-2 {
    font-size: 3.2rem;
    line-height: 1.2;
    margin-bottom: 31px;
}


/* 2024/0521 added */
.contact .section-01 > .section-inner > .hdg-l1-2s {
    font-size: 3.0rem;
    line-height: 1.2;
    margin-bottom: 31px;
}


.form-group {
  display: block;
  padding: 16px 0;
}
.form-horizontal .form-label {
  width: 100%;
  margin-bottom: 2px;
  padding-top: 0;
  display: block;
}
.form-horizontal .col_r, .form-horizontal .form-control.f-middle {
  width: 100%;
}
.form-control.f-post {
  width: 37.0689%;
  margin-right: 15px;
}
.form-control.f-short {
  width: 64.655%;
}
.form-control.f-post + .address-btn, .radio-btn {
  font-size: 1.6rem;
}
.form-horizontal .col_flex_sp.col2 > .col {
  width: 47.413%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form-horizontal .col_flex_sp.col2 > .col:first-child {
  margin-right: 5.174%
}
.form-group .col_flex_sp.col2 > .col > label {
  margin-right: auto;
}
.form-group .col_flex_sp.col2 > .col > .form-control {
  width: 100%;
}
.btn-default {
  margin: 30px auto 20px;
  padding: 0 25px;
}
.btn-default.col2{
  padding: 0;
}
.btn-default button {
  width: 100%;
  height: 50px;
  padding: 12px 10px;
}
}
/* 送信完了画面
----------------------------------------------*/
.send .section-02 > .section-inner {
  padding-bottom: 100px;
} 
.send .section-02 > .section-inner > .text {
  margin-bottom: 50px;
} 
@media screen and (max-width: 739px) {
.send .section-02 > .section-inner {
  padding-bottom: 50px;
} 
}
/* 通常カルーセル
----------------------------------------------*/
.carousel-area-wrap {
  margin: 0 auto 40px;
  position: relative;
}
.carousel-area {
  max-width: 1110px;
  margin: 0 auto;
}
.carousel-area li {
  width: 33.3333%;
  max-width: 370px;
}
.carousel-area .carousel-box{
  width: 91.89189%;
  max-width: 340px;
  margin: 0 auto;
}
.carousel-area li .text {
  overflow: hidden;
  min-height: 218px;
  padding: 0 10px 30px;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
}
.carousel-area li .text h4 {
  font-size: 2.4rem;
  line-height: 1.2;
  margin-top: 30px;
}
.carousel-area li .text p {
  font-size: 1.4rem;
  margin-bottom: 6px;
}
.carousel-area li .price {
  margin-bottom: 20px;
}
.carousel-area li .price dt, .carousel-area li .price dd {
  display: inline-block;
}
.carousel-area li .price dd {
  font-size: 3.6rem;
  line-height: 1.2;
  color: #cd731a;
}
.carousel-area li .price dt, .carousel-area li .price dd .yen {
  font-size: 1.4rem;
}
.carousel-area li .price dt {
  margin-right: 15px;
}
.carousel-area li a:hover {
  display: block;
  opacity: 0.8;
  cursor: pointer;
}
@media screen and (min-width: 740px) {/* 740pxまで適用 */
.carousel-area .prev-arrow{
  left: -6.12445%;
}
.carousel-area .next-arrow{
  right: -6.12445%;
}
}
@media screen and (max-width: 739px) {
.carousel-area-wrap {
  margin: 0 auto 25px;
}
.carousel-area {
  padding-left: 0;
}
.carousel-area li {
  max-width: 100%;
  margin: 0;
}
.carousel-area li .text {
  min-height: 0;
  padding: 0 10px 20px;
}
.carousel-area li .text h4 {
  font-size: 1.8rem;
  margin-top: 20px;
}
.carousel-area li .text p {
  font-size: 1.2rem;
  letter-spacing: -1px;
}
.carousel-area li .price {
  margin-bottom: 20px;
}
.carousel-area li .price dt {
  margin-right: 12px;
}
.carousel-area li .price dt, .carousel-area li .price dd .yen {
  font-size: 1.2rem;
}
.carousel-area li .price dd {
  font-size: 2.8rem;
}
.carousel-area li .detail-btn {
  padding-bottom: 0;
}
.content .recommend-area .btn-01 {
  padding: 0 10px;
}
.carousel-area .slide-arrow{
  width: 30px;
  background-size: 17px;
  margin-top: -17px;
}
}

.lineup-list tr{
  overflow: hidden;
}
.lineup-list th,.lineup-list td{
  float: left;
  text-align: left;
}
.lineup-list th{min-width: 120px;}
.lineup-list td{width: calc(100% - 120px);}
.lineup-list td{
  margin-bottom: 5px;
}
/* 動画スタイル
----------------------------------------------*/
.movie-content{
  max-width: 1240px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
.movie-content > video{
  width: 100%;
}
.movie-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:55px; /*コントローラー分下部に余白を*/
    cursor: pointer;
}
@media screen and (max-width: 739px) {
.movie-content{
  max-width: 100%;
  padding: 0;
}
}
/* =================================
英語対応
================================= */
.en .global-header .header-inner .nav-global-container{
  max-width: 100%;
}
@media screen and (max-width: 1425px) {
.en .global-header .header-inner .nav-global li {
    padding-right: 1.256vw;
    margin: 2px 1.256vw 2px 0;
}
.en .global-header .header-inner-01 {
  padding: 0 0 0 20px;
}
.en .global-site a {
  width: 70px;
  height: 20px;
  line-height: 20px;
  font-size: 1.0rem;
}
.en .global-site {
  margin-right: 15px;
}
}
.en .reserve-area .setcheck-area-01 dl.setStayNight .select-box:before,
.en .reserve-area .setcheck-area-01 dl.setRoom .select-box:before{
    display: none;
}
.en .reserve-area .setcheck-area-01 .select-box select{
  padding-left: 40%;
}
@media screen and (min-width: 740px) {
.en .section-01.section-top .reserve-area .setcheck-area-01 dl dt{
  min-height: 48px;
}
}
@media screen and (min-width: 740px) and (max-width: 1155px) {
.en .reserve-area .setcheck-area-01 dl dt{
  min-height: 48px;
}
}

/* 宿泊予約 2023-0606追加 */
.reserve-area{background:#413831;}
.reserve-area *{color:#fff;}
.reserve-area .reserve-footer-col02 .tel a{color:#333;}
.reserve-area .list-link-01 > li a:before{border-color:#fff;}
.reserve-area span.q-a_btn a{border-color:#fff;color:#fff;}
.reserve-area .btn-link-01 > a:before, .reserve-area .btn_flex:before{background:url(https://www.ghi.gr.jp/common/img/btn-link_arrow_02w.png) no-repeat center;}
.reserve-area .btn-link-01 > a:hover, .reserve-area .btn_flex:hover{background:#fff;color:#333;font-weight:normal !important;}
.reserve-area .btn-link-01 > a:hover:before, .reserve-area .btn_flex:hover:before{background:url(https://www.ghi.gr.jp/common/img/btn-link_arrow_02w.png) no-repeat center;}
.reservesetBtn{text-align:center;}
.reservesetBtn a{display:block;background:#ED7D31;border-radius:10px;color:#fff;font-size:24px;font-weight:bold;text-align:center;padding:18px 10px;margin:40px 0 50px 0;transition:opacity 0.5s;}
.reservesetBtn a:hover{opacity:0.8;text-decoration:none;}
.reserve-area .mail-box a{color:#333;}
@media screen and (max-width: 739px){
.reservesetBtn a{font-size:16px;padding:16px 10px;margin:30px 0;}
}

@media screen and (max-width:499px) { .unionlist {columns: 1;} }
@media screen and (min-width:500px) and (max-width:800px) { .unionlist {columns: 2; width: 280px !important; margin-left: 15% !important;} }
@media screen and (min-width:801px){ .unionlist {columns: 3;} }
@media screen and (max-width:560px){ #mma {width: 100% !important;} }