@charset "UTF-8";
/*$famaleColor:#8D0739;
$maleColor:#0071AF;*/
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700&display=swap&subset=japanese");
/*========================
hotel
========================*/
/* line 6, ../scss/hotel.scss */
body {
  overflow-x: hidden; }

/* line 10, ../scss/hotel.scss */
.swiper-container {
  position: relative; }
  /* line 13, ../scss/hotel.scss */
  .swiper-container h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) translatez(0);
    z-index: 100;
    font-family: 'Noto Serif JP', serif;
    font-weight: 900;
    color: #fff;
    text-shadow: 0.1em 0px 0.5em #AAA, -0.1em 0px 0.5em #AAA, 0px 0.1em 0.5em #AAA, 0px -0.1em 0.5em #AAA;
    text-align: center;
    line-height: 1.25;
    font-size: 4.7vw; }
    /* line 29, ../scss/hotel.scss */
    .swiper-container h2 span {
      font-size: 80%; }
  /* line 34, ../scss/hotel.scss */
  .swiper-container .swiper-slide {
    padding-top: 41.5625%; }
  /* line 38, ../scss/hotel.scss */
  .swiper-container .slide01 {
    background-image: url(../img/hotel/slide01.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  /* line 47, ../scss/hotel.scss */
  .swiper-container .slide02 {
    background-image: url(../img/hotel/slide02.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  /* line 56, ../scss/hotel.scss */
  .swiper-container .slide03 {
    background-image: url(../img/hotel/slide03.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  /* line 65, ../scss/hotel.scss */
  .swiper-container .slide04 {
    background-image: url(../img/hotel/slide04.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  /* line 73, ../scss/hotel.scss */
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5%;
    max-width: 44px;
    min-width: 25px;
    height: auto;
    min-height: 0;
    z-index: 10;
    margin-top: 0;
    cursor: pointer;
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat; }
    /* line 89, ../scss/hotel.scss */
    .swiper-container .swiper-button-prev::before,
    .swiper-container .swiper-button-next::before {
      content: "";
      display: block;
      padding-top: 100%; }
  /* line 96, ../scss/hotel.scss */
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/hotel/swiper-prev.svg); }
  /* line 100, ../scss/hotel.scss */
  .swiper-container .swiper-button-next,
  .swiper-container .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/hotel/swiper-next.svg); }

/* line 106, ../scss/hotel.scss */
.sec02, .sec03 {
  padding: 50px 0; }

/* line 109, ../scss/hotel.scss */
.sec04, .sec05 {
  padding: 60px 0; }

/* line 112, ../scss/hotel.scss */
.flexWrap {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }

/* line 117, ../scss/hotel.scss */
.caution-list {
  padding-left: .3em; }
  /* line 119, ../scss/hotel.scss */
  .caution-list__item {
    padding-left: 1em;
    text-indent: -1.3em;
    line-height: 1.4; }
    /* line 123, ../scss/hotel.scss */
    .caution-list__item::before {
      content: "※";
      margin-right: .3em; }

/* line 129, ../scss/hotel.scss */
.sec__tit {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4; }
  @media screen and (min-width: 768px) {
    /* line 137, ../scss/hotel.scss */
    .sec__tit br {
      display: none; } }

/* line 143, ../scss/hotel.scss */
.sec__tit--B {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  background: #8F7E54;
  text-align: center;
  line-height: 1.84375; }

/* line 152, ../scss/hotel.scss */
.sec02 {
  background-color: #e7e7e7; }
  /* line 155, ../scss/hotel.scss */
  .sec02 .sec__tit {
    color: #1C1C53; }

/* line 161, ../scss/hotel.scss */
.sec03 .sec__tit {
  color: #8F7E54; }
/* line 164, ../scss/hotel.scss */
.sec03 .flexWrap {
  margin-top: 50px; }
/* line 168, ../scss/hotel.scss */
.sec03 .flexItem {
  width: 30.3%; }
  @media screen and (max-width: 767px) {
    /* line 168, ../scss/hotel.scss */
    .sec03 .flexItem {
      width: 85%;
      margin-left: auto;
      margin-right: auto; }
      /* line 174, ../scss/hotel.scss */
      .sec03 .flexItem:nth-child(n+2) {
        margin-top: 40px; } }
  @media screen and (max-width: 567px) {
    /* line 168, ../scss/hotel.scss */
    .sec03 .flexItem {
      width: 100%; } }
  /* line 182, ../scss/hotel.scss */
  .sec03 .flexItem figure::before {
    content: "";
    display: block;
    padding-top: 73.4574%; }
    @media screen and (max-width: 767px) {
      /* line 182, ../scss/hotel.scss */
      .sec03 .flexItem figure::before {
        padding-top: 61.8%; } }
  /* line 191, ../scss/hotel.scss */
  .sec03 .flexItem:nth-child(1) figure {
    background: url(../img/hotel/sec02-img01.jpg) no-repeat 12% 10%/110%; }
    @media screen and (max-width: 767px) {
      /* line 191, ../scss/hotel.scss */
      .sec03 .flexItem:nth-child(1) figure {
        background-size: 100%; } }
  /* line 198, ../scss/hotel.scss */
  .sec03 .flexItem:nth-child(2) figure {
    background: url(../img/hotel/sec02-img02.jpg) no-repeat 64% 50%/122%; }
    @media screen and (max-width: 767px) {
      /* line 198, ../scss/hotel.scss */
      .sec03 .flexItem:nth-child(2) figure {
        background-size: 100%; } }
  /* line 205, ../scss/hotel.scss */
  .sec03 .flexItem:nth-child(3) figure {
    background: url(../img/hotel/sec02-img03.jpg) no-repeat 50% 84%/130%; }
    @media screen and (max-width: 767px) {
      /* line 205, ../scss/hotel.scss */
      .sec03 .flexItem:nth-child(3) figure {
        background-size: 100%; } }
/* line 214, ../scss/hotel.scss */
.sec03 dt {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4444;
  margin-top: 1.45em;
  color: #333;
  text-align: center; }
/* line 223, ../scss/hotel.scss */
.sec03 dd {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.857;
  margin-top: 1.5em; }

/* line 233, ../scss/hotel.scss */
.sec04 .flexWrap {
  margin-top: 40px; }
/* line 236, ../scss/hotel.scss */
.sec04 .flexItem {
  width: 47.7%;
  background: #282524; }
  /* line 239, ../scss/hotel.scss */
  .sec04 .flexItem:nth-child(n+3) {
    margin-top: 40px; }
  @media screen and (max-width: 767px) {
    /* line 236, ../scss/hotel.scss */
    .sec04 .flexItem {
      width: 85%;
      margin-left: auto;
      margin-right: auto; }
      /* line 246, ../scss/hotel.scss */
      .sec04 .flexItem:nth-child(n+2) {
        margin-top: 40px; } }
  @media screen and (max-width: 567px) {
    /* line 236, ../scss/hotel.scss */
    .sec04 .flexItem {
      width: 100%; } }
  /* line 253, ../scss/hotel.scss */
  .sec04 .flexItem figure {
    width: 100%; }
    /* line 255, ../scss/hotel.scss */
    .sec04 .flexItem figure::before {
      content: "";
      display: block;
      padding-top: 53.459%; }
  /* line 261, ../scss/hotel.scss */
  .sec04 .flexItem:nth-child(1) figure {
    background: url(../img/hotel/suite.jpg) no-repeat 50% 50%/cover; }
  /* line 264, ../scss/hotel.scss */
  .sec04 .flexItem:nth-child(2) figure {
    background: url(../img/hotel/double.jpg) no-repeat 50% 50%/cover; }
  /* line 267, ../scss/hotel.scss */
  .sec04 .flexItem:nth-child(3) figure {
    background: url(../img/hotel/twin.jpg) no-repeat 50% 50%/cover; }
  /* line 270, ../scss/hotel.scss */
  .sec04 .flexItem:nth-child(4) figure {
    background: url(../img/hotel/jpstyle.jpg) no-repeat 50% 50%/cover; }
  /* line 273, ../scss/hotel.scss */
  .sec04 .flexItem:nth-child(5) figure {
    background: url(../img/hotel/jpstyle-large.jpg) no-repeat 50% 50%/cover; }
/* line 277, ../scss/hotel.scss */
.sec04 .room-info {
  color: #fff;
  font-size: 14px;
  padding: 1.5em; }
/* line 283, ../scss/hotel.scss */
.sec04 .room-info__ttl {
  font-weight: 700;
  font-family: 'Noto Serif JP',serif;
  font-size: 26px;
  line-height: 1.8; }
/* line 290, ../scss/hotel.scss */
.sec04 .room-info__txt {
  line-height: 1.857; }
/* line 294, ../scss/hotel.scss */
.sec04 .room-info__spec {
  font-size: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 1em;
  padding-top: 1em;
  line-height: 1.9;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap; }
  /* line 306, ../scss/hotel.scss */
  .sec04 .room-info__spec dt {
    width: 7em;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative; }
    /* line 311, ../scss/hotel.scss */
    .sec04 .room-info__spec dt::after {
      content: ":";
      display: inline-block;
      position: absolute;
      right: 0; }
  /* line 318, ../scss/hotel.scss */
  .sec04 .room-info__spec dd {
    width: calc(100% - 7em);
    padding-left: 0.8em; }
/* line 323, ../scss/hotel.scss */
.sec04 .reception-time {
  background: #E7E7E7;
  width: 100%;
  margin-top: 75px;
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
  font-size: 24px;
  font-weight: 400;
  padding: 1.6em;
  font-family: 'Noto Serif JP',serif; }
  @media screen and (max-width: 999px) {
    /* line 323, ../scss/hotel.scss */
    .sec04 .reception-time {
      justify-content: space-between; } }
  @media screen and (max-width: 767px) {
    /* line 323, ../scss/hotel.scss */
    .sec04 .reception-time {
      display: block;
      padding: 1em;
      min-height: 0; } }
  /* line 343, ../scss/hotel.scss */
  .sec04 .reception-time__item {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    flex: 0 1 31%; }
    @media screen and (max-width: 999px) {
      /* line 343, ../scss/hotel.scss */
      .sec04 .reception-time__item {
        flex: 1 1 31%; } }
    @media screen and (max-width: 767px) {
      /* line 343, ../scss/hotel.scss */
      .sec04 .reception-time__item {
        justify-content: center;
        width: 100%; }
        /* line 354, ../scss/hotel.scss */
        .sec04 .reception-time__item:nth-of-type(1) {
          border-bottom: 1px solid #777;
          padding-bottom: 0.5em; }
        /* line 358, ../scss/hotel.scss */
        .sec04 .reception-time__item:nth-of-type(2) {
          padding-top: 0.5em; }
        /* line 361, ../scss/hotel.scss */
        .sec04 .reception-time__item dt {
          text-align: right;
          padding-right: .5em;
          width: 50%; }
        /* line 366, ../scss/hotel.scss */
        .sec04 .reception-time__item dd {
          padding-left: .5em;
          width: 50%; } }
  /* line 373, ../scss/hotel.scss */
  .sec04 .reception-time figure {
    width: 1em;
    background: url(../img/hotel/slash.svg) no-repeat 50% 50%/contain; }
    @media screen and (max-width: 767px) {
      /* line 373, ../scss/hotel.scss */
      .sec04 .reception-time figure {
        display: none; } }
    /* line 379, ../scss/hotel.scss */
    .sec04 .reception-time figure::before {
      content: "";
      display: block;
      padding-top: 100%; }
/* line 388, ../scss/hotel.scss */
.sec04 .caution-list {
  margin-top: 30px;
  font-size: 14px; }

/* line 393, ../scss/hotel.scss */
.sec05 {
  background: #F4F1EB; }

/* line 396, ../scss/hotel.scss */
.swiper-area {
  background: #FFF;
  margin-top: 30px;
  padding: 30px 0;
  position: relative; }

/* line 402, ../scss/hotel.scss */
.swiper-container--B {
  width: 94%;
  margin: 0 auto;
  overflow-x: hidden; }
  @media screen and (max-width: 567px) {
    /* line 402, ../scss/hotel.scss */
    .swiper-container--B {
      width: 85%; } }
  /* line 410, ../scss/hotel.scss */
  .swiper-container--B .swiper-button-prev--B,
  .swiper-container--B .swiper-button-next--B {
    position: absolute;
    top: 50%;
    width: 2.2%;
    min-height: 0;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
    /* line 422, ../scss/hotel.scss */
    .swiper-container--B .swiper-button-prev--B::before,
    .swiper-container--B .swiper-button-next--B::before {
      content: "";
      display: block;
      padding-top: 520%; }
    @media screen and (max-width: 767px) {
      /* line 410, ../scss/hotel.scss */
      .swiper-container--B .swiper-button-prev--B,
      .swiper-container--B .swiper-button-next--B {
        width: 3%; } }
    @media screen and (max-width: 567px) {
      /* line 410, ../scss/hotel.scss */
      .swiper-container--B .swiper-button-prev--B,
      .swiper-container--B .swiper-button-next--B {
        width: 7.5%; } }
  /* line 435, ../scss/hotel.scss */
  .swiper-container--B .swiper-button-prev--B,
  .swiper-container--B .swiper-container-rtl .swiper-button-next--B {
    background-image: url(../img/hotel/swiper-prev_b.svg);
    left: 0;
    right: auto; }
  /* line 442, ../scss/hotel.scss */
  .swiper-container--B .swiper-button-next--B,
  .swiper-container--B .swiper-container-rtl .swiper-button-prev--B {
    background-image: url(../img/hotel/swiper-next_b.svg);
    right: 0;
    left: auto; }
  /* line 449, ../scss/hotel.scss */
  .swiper-container--B .swiper-slide {
    width: calc((100% - 30px)/4);
    border: 1px solid #8F7E54;
    font-size: 14px;
    line-height: 1.5;
    padding: 1.428em 1.428em 1em; }
    /* line 455, ../scss/hotel.scss */
    .swiper-container--B .swiper-slide dt {
      font-weight: 700;
      color: #918055;
      flex-grow: 0; }
    @media screen and (max-width: 1000px) {
      /* line 449, ../scss/hotel.scss */
      .swiper-container--B .swiper-slide {
        font-size: 1.1vw; } }
    @media screen and (max-width: 960px) {
      /* line 449, ../scss/hotel.scss */
      .swiper-container--B .swiper-slide {
        font-size: 14px; } }
    @media screen and (max-width: 820px) {
      /* line 449, ../scss/hotel.scss */
      .swiper-container--B .swiper-slide {
        font-size: 1.7vw; } }
    @media screen and (max-width: 767px) {
      /* line 449, ../scss/hotel.scss */
      .swiper-container--B .swiper-slide {
        font-size: 14px; } }
  /* line 475, ../scss/hotel.scss */
  .swiper-container--B figure {
    display: block;
    width: 100%; }
    /* line 478, ../scss/hotel.scss */
    .swiper-container--B figure::before {
      content: "";
      display: block;
      padding-top: 63.9784%; }
  /* line 484, ../scss/hotel.scss */
  .swiper-container--B .slide01 figure {
    background: url(../img/hotel/sec05-01.jpg) no-repeat 50% 50%/cover; }
  /* line 488, ../scss/hotel.scss */
  .swiper-container--B .slide02 figure {
    background: url(../img/hotel/sec05-02.jpg) no-repeat 50% 50%/cover; }
  /* line 492, ../scss/hotel.scss */
  .swiper-container--B .slide03 figure {
    background: url(../img/hotel/sec05-03.jpg) no-repeat 50% 50%/cover; }
  /* line 496, ../scss/hotel.scss */
  .swiper-container--B .slide04 figure {
    background: url(../img/hotel/sec05-04.jpg) no-repeat 50% 50%/cover; }
  /* line 500, ../scss/hotel.scss */
  .swiper-container--B .slide05 figure {
    background: url(../img/hotel/sec05-05.jpg) no-repeat 50% 50%/cover; }
  /* line 504, ../scss/hotel.scss */
  .swiper-container--B .slide06 figure {
    background: url(../img/hotel/sec05-06.jpg) no-repeat 50% 50%/cover; }
  /* line 508, ../scss/hotel.scss */
  .swiper-container--B .slide07 figure {
    background: url(../img/hotel/sec05-07.jpg) no-repeat 50% 50%/cover; }
  /* line 512, ../scss/hotel.scss */
  .swiper-container--B .slide08 figure {
    background: url(../img/hotel/sec05-08.jpg) no-repeat 50% 50%/cover; }
  /* line 516, ../scss/hotel.scss */
  .swiper-container--B .slide09 figure {
    background: url(../img/hotel/sec05-09.jpg) no-repeat 50% 50%/cover; }
  /* line 520, ../scss/hotel.scss */
  .swiper-container--B .slide10 figure {
    background: url(../img/hotel/sec05-10.jpg) no-repeat 50% 50%/cover; }
  /* line 524, ../scss/hotel.scss */
  .swiper-container--B .slide11 figure {
    background: url(../img/hotel/sec05-11.jpg) no-repeat 50% 50%/cover; }
  /* line 528, ../scss/hotel.scss */
  .swiper-container--B .slide12 figure {
    background: url(../img/hotel/sec05-12.jpg) no-repeat 50% 50%/cover; }
  /* line 532, ../scss/hotel.scss */
  .swiper-container--B .slide13 figure {
    background: url(../img/hotel/sec05-13.jpg) no-repeat 50% 50%/cover; }
  /* line 536, ../scss/hotel.scss */
  .swiper-container--B .slide14 figure {
    background: url(../img/hotel/sec05-14.jpg) no-repeat 50% 50%/cover; }
  /* line 540, ../scss/hotel.scss */
  .swiper-container--B .slide15 figure {
    background: url(../img/hotel/sec05-15.jpg) no-repeat 50% 50%/cover; }
  /* line 544, ../scss/hotel.scss */
  .swiper-container--B .slide-caption {
    margin-top: .7em;
    width: 100%; }
  /* line 550, ../scss/hotel.scss */
  .swiper-container--B .slide__ttl {
    font-size: 19px;
    font-size: 1.357em; }
  /* line 555, ../scss/hotel.scss */
  .swiper-container--B .slide__txt {
    margin-top: .5em; }
  /* line 560, ../scss/hotel.scss */
  .swiper-container--B .slide-access {
    margin-top: 1em;
    width: 100%; }
    /* line 564, ../scss/hotel.scss */
    .swiper-container--B .slide-access__ttl::before {
      content: url(../img/hotel/train-icon.svg);
      display: inline-block;
      width: 1em;
      vertical-align: middle;
      margin-right: 14px; }
  /* line 577, ../scss/hotel.scss */
  .swiper-container--B .slide-address {
    margin-top: 1em;
    width: 100%; }
    /* line 581, ../scss/hotel.scss */
    .swiper-container--B .slide-address__ttl::before {
      content: '\f3c5';
      display: inline-block;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 1.2em;
      margin-right: 14px;
      width: 1em; }
  /* line 596, ../scss/hotel.scss */
  .swiper-container--B .copyRight {
    margin-top: 1em; }

/* line 95, ../scss/_hotel-reserve.scss */
#yoyaku_serach .formWrap {
  font-size: 12px; }
  @media (max-width: 768px) {
    /* line 95, ../scss/_hotel-reserve.scss */
    #yoyaku_serach .formWrap {
      font-size: 16px; } }
  /* line 101, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap form {
    padding: 0 2%; }
  /* line 104, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap .box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-top: 1px dotted #999;
    padding: 10px 0 10px; }
    /* line 110, ../scss/_hotel-reserve.scss */
    #yoyaku_serach .formWrap .box:first-child {
      border-top: none; }
    /* line 114, ../scss/_hotel-reserve.scss */
    #yoyaku_serach .formWrap .box dl {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
      width: auto;
      margin-bottom: 1px; }
      /* line 119, ../scss/_hotel-reserve.scss */
      #yoyaku_serach .formWrap .box dl dt.checkin-title {
        width: 100%; }
      /* line 122, ../scss/_hotel-reserve.scss */
      #yoyaku_serach .formWrap .box dl dt {
        color: #1b4778;
        width: auto;
        padding-bottom: 5px;
        height: 22px;
        line-height: 22px; }
      /* line 131, ../scss/_hotel-reserve.scss */
      #yoyaku_serach .formWrap .box dl dd {
        width: auto;
        padding-bottom: 5px;
        margin-right: 10px;
        height: 22px;
        overflow: hidden; }
        @media (max-width: 768px) {
          /* line 131, ../scss/_hotel-reserve.scss */
          #yoyaku_serach .formWrap .box dl dd {
            width: auto;
            height: auto; } }
        /* line 142, ../scss/_hotel-reserve.scss */
        #yoyaku_serach .formWrap .box dl dd select {
          margin-right: 1px;
          width: 43px;
          height: 22px; }
          @media (max-width: 768px) {
            /* line 142, ../scss/_hotel-reserve.scss */
            #yoyaku_serach .formWrap .box dl dd select {
              width: auto;
              height: auto; } }
    /* line 153, ../scss/_hotel-reserve.scss */
    #yoyaku_serach .formWrap .box .mitei {
      width: 100%; }
  /* line 163, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap .date dl dd.month {
    margin-left: 0; }
  /* line 167, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap .date dl dd.year select {
    width: 75px; }
    @media (max-width: 768px) {
      /* line 167, ../scss/_hotel-reserve.scss */
      #yoyaku_serach .formWrap .date dl dd.year select {
        width: auto;
        height: auto; } }
  /* line 176, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap .date p {
    line-height: 22px; }
    /* line 179, ../scss/_hotel-reserve.scss */
    #yoyaku_serach .formWrap .date p input {
      vertical-align: middle;
      margin-left: 3px; }
  /* line 186, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap .number dl {
    padding: 5px 0; }
  /* line 196, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap .other dl.type {
    clear: both; }
  /* line 207, ../scss/_hotel-reserve.scss */
  #yoyaku_serach .formWrap input[type="submit"] {
    width: 90%;
    height: 40px;
    border: none;
    display: block;
    clear: both;
    outline: none;
    text-align: center;
    margin: 15px auto 15px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    background: #cc0000;
    background: -moz-linear-gradient(-45deg, #cc0000 0%, #cc0000 100%);
    background: -webkit-linear-gradient(-45deg, #cc0000 0%, #cc0000 100%);
    background: linear-gradient(135deg, #cc0000 0%, #cc0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=1 );
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    cursor: pointer; }
    /* line 128, ../scss/_config.scss */
    #yoyaku_serach .formWrap input[type="submit"]:hover {
      opacity: 0.7; }
/* line 236, ../scss/_hotel-reserve.scss */
#yoyaku_serach ul li {
  text-align: center;
  margin-top: 4px; }

/* line 242, ../scss/_hotel-reserve.scss */
.formWrap dt {
  margin-right: .5em; }

@media (max-width: 768px) {
  /* line 245, ../scss/_hotel-reserve.scss */
  select, input {
    font-size: 16px; } }

@media (max-width: 768px) {
  /* line 7, ../scss/_hotel-reserve.scss */
  select {
    overflow: hidden;
    width: 90%;
    margin: 5px auto;
    text-align: center; }
  /* line 13, ../scss/_hotel-reserve.scss */
  select select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none; }
  /* line 27, ../scss/_hotel-reserve.scss */
  select select::-ms-expand {
    display: none; }
  /* line 30, ../scss/_hotel-reserve.scss */
  select {
    position: relative;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    background: #ffffff; }
  /* line 36, ../scss/_hotel-reserve.scss */
  select::before {
    position: absolute;
    top: 0.8em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none; }
  /* line 49, ../scss/_hotel-reserve.scss */
  select:after {
    position: absolute;
    top: 0;
    right: 2.5em;
    bottom: 0;
    width: 1px;
    content: '';
    border-left: 1px solid #bbbbbb; }
  /* line 58, ../scss/_hotel-reserve.scss */
  select select {
    padding: 8px 38px 8px 8px;
    color: #666666; } }

/* line 260, ../scss/_hotel-reserve.scss */
.yoyaku-search-bo-plan, .login {
  width: 100%;
  text-align: center;
  border: none;
  display: inline-block;
  clear: both;
  outline: none;
  text-align: center;
  margin: 0;
  padding: 0 2% 10px 2%;
  font-size: 14px;
  vertical-align: middle; }
  /* line 276, ../scss/_hotel-reserve.scss */
  .yoyaku-search-bo-plan a, .login a {
    display: inline-block;
    padding: .8em 0;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    width: 80%;
    background-color: #1c1c53;
    color: #fff; }
    /* line 128, ../scss/_config.scss */
    .yoyaku-search-bo-plan a:hover, .login a:hover {
      opacity: 0.7; }

/* line 287, ../scss/_hotel-reserve.scss */
.yoyaku-search-bo-plan {
  margin-top: 10px; }

/* Overwrite */
/* -- -- */
/*cmn--------------------*/
/* line 309, ../scss/_hotel-reserve.scss */
#calendar_box {
  /*width:950px;*/
  overflow: hidden;
  padding: 20px;
  background: #fff; }
  /* line 317, ../scss/_hotel-reserve.scss */
  #calendar_box #calendar_month {
    /*width:950px;*/
    overflow: hidden;
    border-top: 2px solid #F2F2F2;
    border-bottom: 2px solid #F2F2F2;
    padding: 15px 0 15px 0;
    margin: 0 0 20px 0;
    position: relative; }
    /* line 326, ../scss/_hotel-reserve.scss */
    #calendar_box #calendar_month h2.month {
      text-align: center;
      display: block !important;
      font-weight: bold; }
    /* line 333, ../scss/_hotel-reserve.scss */
    #calendar_box #calendar_month p.calendar_l a {
      padding: 3px 10px;
      position: absolute;
      top: 9px;
      left: 0;
      text-align: center;
      background-color: #1c1c53;
      color: #FFF;
      text-decoration: none;
      display: block;
      font-size: 12px;
      transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s; }
      /* line 128, ../scss/_config.scss */
      #calendar_box #calendar_month p.calendar_l a:hover {
        opacity: 0.7; }
      /* line 347, ../scss/_hotel-reserve.scss */
      #calendar_box #calendar_month p.calendar_l a::before {
        margin-right: .5em;
        content: "\0ab"; }
    /* line 353, ../scss/_hotel-reserve.scss */
    #calendar_box #calendar_month p.calendar_r a {
      padding: 3px 10px;
      position: absolute;
      top: 9px;
      right: 0;
      text-align: center;
      background-color: #1c1c53;
      color: #FFF;
      text-decoration: none;
      display: block;
      font-size: 12px;
      transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s; }
      /* line 128, ../scss/_config.scss */
      #calendar_box #calendar_month p.calendar_r a:hover {
        opacity: 0.7; }
      /* line 367, ../scss/_hotel-reserve.scss */
      #calendar_box #calendar_month p.calendar_r a::after {
        margin-left: .5em;
        content: "\0bb"; }
  /* line 381, ../scss/_hotel-reserve.scss */
  #calendar_box .txt {
    float: left;
    margin-bottom: 10px; }
  /* line 386, ../scss/_hotel-reserve.scss */
  #calendar_box .mark {
    float: right;
    padding: 5px 10px 5px 10px;
    background-color: #E8E8E8; }
  /* line 392, ../scss/_hotel-reserve.scss */
  #calendar_box .circle {
    color: #D34600; }
  /* line 396, ../scss/_hotel-reserve.scss */
  #calendar_box .tri {
    color: #5F7F9A; }
  /* line 400, ../scss/_hotel-reserve.scss */
  #calendar_box .tableWrap {
    width: 100%;
    overflow: auto;
    padding-bottom: 10px; }
  /* line 407, ../scss/_hotel-reserve.scss */
  #calendar_box table {
    clear: both;
    table-layout: fixed;
    min-width: 100%;
    /*overflow:hidden;*/ }
    /* line 414, ../scss/_hotel-reserve.scss */
    #calendar_box table a {
      width: 950px;
      clear: both;
      overflow: hidden;
      color: #505050;
      margin-top: 15px; }
  /* line 423, ../scss/_hotel-reserve.scss */
  #calendar_box th {
    width: 200px;
    min-width: 200px;
    background: #EFEFEF;
    border: 1px solid #BCBCBC;
    font-weight: normal;
    padding: 10px 5px;
    vertical-align: middle;
    font: 14px; }
    /* line 433, ../scss/_hotel-reserve.scss */
    #calendar_box th.room_type {
      background: #FFFFFF;
      text-align: center;
      font-weight: bold; }
  /* line 440, ../scss/_hotel-reserve.scss */
  #calendar_box td {
    text-align: center;
    border: 1px solid #BCBCBC;
    width: 30px;
    min-width: 30px;
    vertical-align: middle; }
    /* line 447, ../scss/_hotel-reserve.scss */
    #calendar_box td.border_none {
      text-align: center;
      border-top: none;
      border-bottom: none;
      width: 10px;
      min-width: 10px; }
    /* line 455, ../scss/_hotel-reserve.scss */
    #calendar_box td.num {
      color: #5F7F9A; }
    /* line 460, ../scss/_hotel-reserve.scss */
    #calendar_box td a.circle {
      color: #D34600; }
    /* line 464, ../scss/_hotel-reserve.scss */
    #calendar_box td a:hover {
      text-decoration: none; }
    /* line 469, ../scss/_hotel-reserve.scss */
    #calendar_box td.tri {
      color: #5F7F9A; }
    /* line 473, ../scss/_hotel-reserve.scss */
    #calendar_box td.sat {
      background-color: #E1E9EF; }
    /* line 477, ../scss/_hotel-reserve.scss */
    #calendar_box td.sun {
      background-color: #EEE2DF; }

/* line 488, ../scss/_hotel-reserve.scss */
.tel-info-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0; }
  /* line 492, ../scss/_hotel-reserve.scss */
  .tel-info-container .tel-info-num {
    font-size: 45px; }
    /* line 494, ../scss/_hotel-reserve.scss */
    .tel-info-container .tel-info-num a {
      font-weight: bold;
      line-height: 1; }
      /* line 112, ../scss/_config.scss */
      .tel-info-container .tel-info-num a, .tel-info-container .tel-info-num a:link, .tel-info-container .tel-info-num a:visited {
        color: #1c1c53; }
      /* line 118, ../scss/_config.scss */
      .tel-info-container .tel-info-num a:hover, .tel-info-container .tel-info-num a:active {
        text-decoration: none;
        color: #1c1c53; }
    /* line 499, ../scss/_hotel-reserve.scss */
    .tel-info-container .tel-info-num::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f3cd";
      font-size: 45px;
      color: #1c1c53;
      margin-right: 10px; }
    @media (max-width: 768px) {
      /* line 492, ../scss/_hotel-reserve.scss */
      .tel-info-container .tel-info-num {
        width: 100%;
        text-align: center; } }
  /* line 512, ../scss/_hotel-reserve.scss */
  .tel-info-container .tel-info-title-wrap {
    text-align: center;
    color: #1c1c53;
    margin-right: 20px;
    line-height: 1; }
    @media (max-width: 768px) {
      /* line 512, ../scss/_hotel-reserve.scss */
      .tel-info-container .tel-info-title-wrap {
        width: 100%;
        margin-right: 0; } }
  /* line 523, ../scss/_hotel-reserve.scss */
  .tel-info-container .tel-info-title {
    line-height: 1;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    margin-bottom: .3em; }
  /* line 531, ../scss/_hotel-reserve.scss */
  .tel-info-container .tel-time {
    line-height: 1;
    font-size: 14px;
    display: inline-block;
    text-align: center; }

/* line 546, ../scss/_hotel-reserve.scss */
.cs-cmn-cnt {
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 30px; }
  /* line 550, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .cs-cmn-sec01, .cs-cmn-cnt .cs-cmn-sec02 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  /* line 553, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .cs-plan-wrap, .cs-cmn-cnt .c-bo-wrap {
    width: 48%; }
    @media (max-width: 768px) {
      /* line 553, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt .cs-plan-wrap, .cs-cmn-cnt .c-bo-wrap {
        width: 100%;
        margin-top: 10px; } }
  /* line 561, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .cs-plan-wrap a {
    display: inline-block;
    width: 100%;
    padding: 1.5em 0 1.5em 30%;
    line-height: 1;
    text-align: center;
    position: relative;
    background-color: #1c1c53;
    background-image: url(../img/hotel/plan-bo-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40%;
    font-size: 20px;
    height: 100%;
    vertical-align: middle; }
    /* line 112, ../scss/_config.scss */
    .cs-cmn-cnt .cs-plan-wrap a, .cs-cmn-cnt .cs-plan-wrap a:link, .cs-cmn-cnt .cs-plan-wrap a:visited {
      color: #fff; }
    /* line 118, ../scss/_config.scss */
    .cs-cmn-cnt .cs-plan-wrap a:hover, .cs-cmn-cnt .cs-plan-wrap a:active {
      text-decoration: none;
      color: #1c1c53; }
    /* line 579, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .cs-plan-wrap a::before {
      content: "";
      position: absolute;
      bottom: 3px;
      right: 3px;
      width: 0;
      height: 0;
      border-bottom: 12px solid #fff;
      border-left: 12px solid transparent; }
    /* line 591, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .cs-plan-wrap a:hover {
      background-color: #fff; }
      /* line 593, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt .cs-plan-wrap a:hover::before {
        border-bottom: 12px solid #1c1c53; }
    @media (max-width: 768px) {
      /* line 561, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt .cs-plan-wrap a {
        padding: 1.5em 2em 1.5em 25%;
        background-size: contain;
        background-position: center left 0%; } }
    @media (max-width: 414px) {
      /* line 561, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt .cs-plan-wrap a {
        padding: 1.5em 0 1.5em 30%;
        background-size: contain;
        background-position: center left -30%; } }
  /* line 610, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .c-bo-wrap .c-bo-title {
    padding: .5em 0;
    line-height: 1;
    color: #1c1c53; }
    /* line 614, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .c-bo-wrap .c-bo-title {
      overflow: hidden;
      text-align: center; }
    /* line 618, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .c-bo-wrap .c-bo-title span {
      position: relative;
      display: inline-block;
      margin: 0 2.5em;
      padding: 0 1em;
      text-align: left; }
    /* line 625, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .c-bo-wrap .c-bo-title span::before, .cs-cmn-cnt .c-bo-wrap .c-bo-title span::after {
      position: absolute;
      top: 50%;
      content: '';
      width: 400%;
      height: 1px;
      background-color: #1c1c53; }
    /* line 634, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .c-bo-wrap .c-bo-title span::before {
      right: 100%; }
    /* line 637, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .c-bo-wrap .c-bo-title span::after {
      left: 100%; }
  /* line 641, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .c-bo-wrap ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    /* line 643, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .c-bo-wrap ul li {
      width: 49%; }
      /* line 649, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt .c-bo-wrap ul li a {
        height: 100%;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        display: inline-block;
        width: 100%;
        text-align: center;
        border: 2px solid #1c1c53;
        background-color: #fff;
        position: relative;
        padding: 1em 0;
        line-height: 1; }
        /* line 112, ../scss/_config.scss */
        .cs-cmn-cnt .c-bo-wrap ul li a, .cs-cmn-cnt .c-bo-wrap ul li a:link, .cs-cmn-cnt .c-bo-wrap ul li a:visited {
          color: #1c1c53; }
        /* line 118, ../scss/_config.scss */
        .cs-cmn-cnt .c-bo-wrap ul li a:hover, .cs-cmn-cnt .c-bo-wrap ul li a:active {
          text-decoration: none;
          color: #fff; }
        /* line 661, ../scss/_hotel-reserve.scss */
        .cs-cmn-cnt .c-bo-wrap ul li a::before {
          content: "";
          position: absolute;
          bottom: 3px;
          right: 3px;
          width: 0;
          height: 0;
          border-bottom: 12px solid #1c1c53;
          border-left: 12px solid transparent; }
        /* line 672, ../scss/_hotel-reserve.scss */
        .cs-cmn-cnt .c-bo-wrap ul li a:hover {
          background-color: #1c1c53; }
          /* line 674, ../scss/_hotel-reserve.scss */
          .cs-cmn-cnt .c-bo-wrap ul li a:hover::before {
            border-bottom: 12px solid #fff; }
  /* line 684, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .cs-cmn-sec02 {
    padding-top: 30px; }
  /* line 687, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .yoyaku-search {
    width: 25%;
    background-color: #fff;
    border: 2px solid #1c1c53;
    z-index: 0; }
    @media (max-width: 768px) {
      /* line 687, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt .yoyaku-search {
        width: 100%;
        margin-bottom: 30px; } }
  /* line 697, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt #calendar {
    width: 70%;
    background-color: #fff;
    border: 2px solid #1c1c53;
    z-index: 0; }
    @media (max-width: 768px) {
      /* line 697, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt #calendar {
        width: 100%; } }
    /* line 705, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt #calendar p.calender-title {
      line-height: 1em;
      padding: 1em 4em 1em 1em;
      display: inline-block;
      overflow: hidden;
      position: relative;
      color: #fff; }
      /* line 70, ../scss/_hotel-reserve.scss */
      .cs-cmn-cnt #calendar p.calender-title::before {
        z-index: -1;
        content: '';
        position: absolute;
        top: -350%;
        right: 15%;
        background-color: #1c1c53;
        width: 120%;
        height: 500%;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg); }
  /* line 709, ../scss/_hotel-reserve.scss */
  .cs-cmn-cnt .yoyaku-search-title {
    line-height: 1em;
    padding: 1em 4em 1em 1em;
    display: inline-block;
    overflow: hidden;
    position: relative;
    color: #fff; }
    /* line 70, ../scss/_hotel-reserve.scss */
    .cs-cmn-cnt .yoyaku-search-title::before {
      z-index: -1;
      content: '';
      position: absolute;
      top: -350%;
      right: 15%;
      background-color: #1c1c53;
      width: 120%;
      height: 500%;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      transform: rotate(30deg); }

/* line 718, ../scss/_hotel-reserve.scss */
.attn-container {
  width: 100%; }
  /* line 720, ../scss/_hotel-reserve.scss */
  .attn-container .attention {
    font-size: 14px;
    margin-top: 20px; }
  /* line 724, ../scss/_hotel-reserve.scss */
  .attn-container ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    /* line 726, ../scss/_hotel-reserve.scss */
    .attn-container ul li {
      display: inline-block;
      margin-bottom: 5px; }
      @media (max-width: 768px) {
        /* line 726, ../scss/_hotel-reserve.scss */
        .attn-container ul li {
          width: 100%; } }
      /* line 732, ../scss/_hotel-reserve.scss */
      .attn-container ul li a {
        display: inline-block;
        background-color: #fff;
        padding: .5em 1em .5em 25px;
        margin-right: 10px;
        font-size: 14px;
        position: relative; }
        /* line 112, ../scss/_config.scss */
        .attn-container ul li a, .attn-container ul li a:link, .attn-container ul li a:visited {
          color: #a0272d; }
        /* line 118, ../scss/_config.scss */
        .attn-container ul li a:hover, .attn-container ul li a:active {
          text-decoration: none;
          color: #a0272d; }
        /* line 741, ../scss/_hotel-reserve.scss */
        .attn-container ul li a::before {
          display: block;
          content: "";
          position: absolute;
          top: 50%;
          left: 7px;
          width: 6px;
          height: 6px;
          margin: -4px 0 0 0;
          border-top: solid 1px #a0272d;
          border-right: solid 1px #a0272d;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        @media (max-width: 768px) {
          /* line 732, ../scss/_hotel-reserve.scss */
          .attn-container ul li a {
            width: 100%; } }