@charset "UTF-8";
/* mv layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* 内径 */
/* flexbox */
/* フォント */
/*@mixin font-hdl {
	font-family: 'Zapfino', cursive;
	font-weight: 400;
}*/
/* アイキャッチアイコンセット */
/* ボタン */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタンの中のspan */
/* 両脇吹き出し線 */
/* キャプション */
/* ボタン */
/* 見出し */
/* フォントサイズ */
/* 文字装飾 */
/* 縦書き */
/* 文字グロー */
/* 背景パターン */
/* 角丸 */
/* 角丸 */
/* 
---------------------------------------------------------------------------*/
.itr {
  padding-bottom: 140px; }
  @media screen and (max-width: 1300px) {
    .itr {
      padding-bottom: 10.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .itr {
      padding-bottom: 10.8695652174vw; } }

/* 
---------------------------------------------------------------------------*/
.ancimg {
  padding-top: 160px; }
  @media screen and (max-width: 1300px) {
    .ancimg {
      padding-top: 12.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .ancimg {
      padding-top: 8.4541062802vw;
      padding-bottom: 7.2463768116vw; } }
  .ancimg ul {
    top: -44px; }
    @media screen and (max-width: 1300px) {
      .ancimg ul {
        top: -3.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .ancimg ul {
        top: auto; } }
    .ancimg ul li {
      width: 255px; }
      @media screen and (max-width: 1300px) {
        .ancimg ul li {
          width: 19.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .ancimg ul li {
          width: 48%;
          line-height: 1.2; } }

/* 
---------------------------------------------------------------------------*/
.intro {
  background-image: url(../img/cmn/bg-left@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: left top; }
  @media screen and (max-width: 1300px) {
    .intro {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .intro {
      background-size: 84.2995169082vw auto; } }
  .intro-bd {
    /* 1280 */
    width: 1300px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 1300px) {
      .intro-bd {
        width: 100vw;
        padding-left: 0.7692307692vw;
        padding-right: 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .intro-bd {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }
    @media screen and (max-width: 480px) {
      .intro-bd {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
    .intro-bd-img {
      width: 640px; }
      @media screen and (max-width: 1300px) {
        .intro-bd-img {
          width: 49.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .intro-bd-img {
          width: 100%; } }
    .intro-bd-tx {
      width: 590px;
      padding-right: 100px; }
      @media screen and (max-width: 1300px) {
        .intro-bd-tx {
          width: 45.3846153846vw;
          padding-right: 7.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .intro-bd-tx {
          width: 100%;
          padding-right: 0;
          margin-bottom: 4.8309178744vw; } }
      .intro-bd-tx .pgttl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 2em;
        background-size: auto 12px;
        background-repeat: no-repeat;
        background-position: center bottom; }
        @media screen and (max-width: 1300px) {
          .intro-bd-tx .pgttl {
            background-size: auto 0.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .intro-bd-tx .pgttl {
            background-size: auto 2.8985507246vw; } }
      .intro-bd-tx-catch {
        font-size: 24px;
        line-height: 1.8;
        letter-spacing: .075em;
        font-weight: 700;
        margin-bottom: 0.8em; }
        @media screen and (max-width: 1300px) {
          .intro-bd-tx-catch {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .intro-bd-tx-catch {
            font-size: 5.7971014493vw; } }
        @media screen and (max-width: 480px) {
          .intro-bd-tx-catch {
            margin-bottom: 0.4em; } }
        @media screen and (max-width: 480px) {
          .intro-bd-tx-catch {
            letter-spacing: -.01em; } }
      .intro-bd-tx-desc {
        font-size: 18px;
        line-height: 2.22;
        letter-spacing: .08em; }
        @media screen and (max-width: 1300px) {
          .intro-bd-tx-desc {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .intro-bd-tx-desc {
            font-size: 4.347826087vw; } }
        @media screen and (max-width: 480px) {
          .intro-bd-tx-desc {
            line-height: 1.77; } }
  .intro-ft {
    /* 1280 */
    width: 1300px;
    padding-left: 110px;
    padding-right: 110px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .intro-ft {
        width: 100vw;
        padding-left: 8.4615384615vw;
        padding-right: 8.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .intro-ft {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }

/* schedule
---------------------------------------------------------------------------*/
.schedule {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px; }
  @media screen and (max-width: 1300px) {
    .schedule {
      margin-top: 3.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .schedule {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 9.6618357488vw; } }
  .schedule-first {
    width: 630px; }
    @media screen and (max-width: 1300px) {
      .schedule-first {
        width: 48.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .schedule-first {
        width: 100%; } }
    .schedule-first dt {
      position: relative;
      color: #ffffff; }
      .schedule-first dt::after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 16px solid #ccc;
        border-top: 28px solid transparent;
        border-bottom: 28px solid transparent;
        right: -16px;
        top: 0px; }
        @media screen and (max-width: 1300px) {
          .schedule-first dt::after {
            border-left: 1.2307692308vw solid transparent;
            border-top: 2.1538461538vw solid transparent;
            border-bottom: 2.1538461538vw solid transparent;
            right: -1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .schedule-first dt::after {
            display: none; } }
    @media screen and (max-width: 480px) {
      .schedule-first dd:last-of-type {
        border-bottom: none; } }
  .schedule-second {
    width: 450px; }
    @media screen and (max-width: 1300px) {
      .schedule-second {
        width: 34.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .schedule-second {
        width: 100%; } }
    .schedule-second dt {
      color: #ffffff;
      padding-left: 1em; }
    .schedule-second dd:last-of-type {
      border-right: 1px solid #32bb7b; }
      @media screen and (max-width: 480px) {
        .schedule-second dd:last-of-type {
          border-right: none; } }
  .schedule dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 480px) {
      .schedule dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .schedule dl dt {
      width: 100%;
      font-size: 20px; }
      @media screen and (max-width: 1300px) {
        .schedule dl dt {
          font-size: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .schedule dl dt {
          font-size: 4.8309178744vw; } }
      .schedule dl dt a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 56px;
        padding-left: 1em; }
        @media screen and (max-width: 1300px) {
          .schedule dl dt a {
            height: 4.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .schedule dl dt a {
            height: auto;
            padding: 3.6231884058vw; } }
        .schedule dl dt a span {
          display: inline-block; }
          .schedule dl dt a span:nth-of-type(1) {
            font-size: 32px;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            letter-spacing: .05em;
            padding-right: 1em;
            margin-right: 1em;
            border-right: 1px solid #ffffff;
            line-height: 1.1; }
            @media screen and (max-width: 1300px) {
              .schedule dl dt a span:nth-of-type(1) {
                font-size: 2.4615384615vw; } }
            @media screen and (max-width: 480px) {
              .schedule dl dt a span:nth-of-type(1) {
                font-size: 7.729468599vw; } }
          .schedule dl dt a span:nth-of-type(2) {
            font-size: 24px;
            letter-spacing: .075em; }
            @media screen and (max-width: 1300px) {
              .schedule dl dt a span:nth-of-type(2) {
                font-size: 1.8461538462vw; } }
            @media screen and (max-width: 480px) {
              .schedule dl dt a span:nth-of-type(2) {
                font-size: 5.7971014493vw; } }
    .schedule dl dd {
      position: relative;
      width: 90px;
      font-size: 16px;
      border-left: 1px solid #32bb7b;
      background-color: #ffffff; }
      @media screen and (max-width: 1300px) {
        .schedule dl dd {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .schedule dl dd {
          font-size: 3.8647342995vw; } }
      @media screen and (max-width: 1300px) {
        .schedule dl dd {
          width: 6.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .schedule dl dd {
          width: 100%;
          border-left: none;
          border-bottom: 1px solid #32bb7b; } }
      .schedule dl dd a {
        display: block;
        width: 100%;
        height: 296px; }
        @media screen and (max-width: 1300px) {
          .schedule dl dd a {
            height: 22.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .schedule dl dd a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: auto;
            padding: 3.6231884058vw 2.4154589372vw; } }
        .schedule dl dd a:hover {
          opacity: 1;
          background-color: #f7d7bb; }
  .schedule-time {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 5px 0 10px;
    text-align: center;
    letter-spacing: .05em;
    font-size: 24px; }
    @media screen and (max-width: 1300px) {
      .schedule-time {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .schedule-time {
        font-size: 5.7971014493vw; } }
    @media screen and (max-width: 1300px) {
      .schedule-time {
        padding: 0.3846153846vw 0 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .schedule-time {
        width: 3em;
        padding: 0;
        margin-right: .5em;
        text-align: left; } }
  .schedule-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .schedule-name span {
      display: block;
      white-space: nowrap;
      -webkit-writing-mode: vertical-rl;
      -moz-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -o-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      line-height: 1em;
      margin: 0 .25em;
      letter-spacing: .1em;
      font-weight: 700; }
      @media screen and (max-width: 480px) {
        .schedule-name span {
          white-space: nowrap;
          -webkit-writing-mode: initial;
          -moz-writing-mode: initial;
          -ms-writing-mode: initial;
          -o-writing-mode: initial;
          writing-mode: initial; } }
  .schedule-arw {
    position: absolute;
    width: 16px;
    height: 15px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    @media screen and (max-width: 1300px) {
      .schedule-arw {
        bottom: 1.1538461538vw;
        width: 1.2307692308vw;
        height: 1.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .schedule-arw {
        right: 2.4154589372vw;
        left: auto;
        top: 50%;
        width: 3.8647342995vw;
        height: 3.6231884058vw; } }

/* 
---------------------------------------------------------------------------*/
.dayttl {
  background-image: url(../img/cmn/bg-right@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #ffffff;
  padding: 60px 0; }
  @media screen and (max-width: 1300px) {
    .dayttl {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .dayttl {
      background-size: 84.2995169082vw auto; } }
  @media screen and (max-width: 1300px) {
    .dayttl {
      padding: 4.6153846154vw 0; } }
  @media screen and (max-width: 480px) {
    .dayttl {
      padding: 9.6618357488vw 0; } }
  .dayttl .pgttl {
    margin-bottom: 0; }

/* 
---------------------------------------------------------------------------*/
.bg-left {
  position: relative;
  background-image: url(../img/cmn/bg-left@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 190px;
  padding-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .bg-left {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .bg-left {
      background-size: 84.2995169082vw auto; } }
  @media screen and (max-width: 1300px) {
    .bg-left {
      padding-top: 14.6153846154vw;
      padding-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .bg-left {
      padding-top: 38.6473429952vw;
      padding-bottom: 9.6618357488vw; } }
  .bg-left .dayhd {
    text-align: right;
    right: calc(50vw - 80px);
    border-radius: 0 36px 36px 0; }
    @media screen and (max-width: 1300px) {
      .bg-left .dayhd {
        right: calc(50vw - 6.1vw);
        border-radius: 0 2.7692307692vw 2.7692307692vw 0; } }
    @media screen and (max-width: 480px) {
      .bg-left .dayhd {
        right: auto;
        left: 0;
        text-align: left;
        border-radius: 0 10.38647343vw 10.38647343vw 0; } }
  .bg-left .imgtx-tx {
    padding-left: 180px;
    padding-right: 38px; }
    @media screen and (max-width: 1300px) {
      .bg-left .imgtx-tx {
        padding-left: 13.8461538462vw;
        padding-right: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .bg-left .imgtx-tx {
        padding: 0; } }
  .bg-left .imgtx-img.mini,
  .bg-left .imgtx-block-img.mini {
    padding-right: 100px; }
    @media screen and (max-width: 1300px) {
      .bg-left .imgtx-img.mini,
      .bg-left .imgtx-block-img.mini {
        padding-right: 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .bg-left .imgtx-img.mini,
      .bg-left .imgtx-block-img.mini {
        padding-right: 0; } }
  .bg-left .imgtx-block > div {
    padding-left: 180px; }
    @media screen and (max-width: 1300px) {
      .bg-left .imgtx-block > div {
        padding-left: 13.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .bg-left .imgtx-block > div {
        padding-left: 0; } }
  .bg-left .imgtx-block-tx {
    padding-right: 100px; }
    @media screen and (max-width: 1300px) {
      .bg-left .imgtx-block-tx {
        padding-right: 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .bg-left .imgtx-block-tx {
        padding-right: 0; } }
  .bg-left::before {
    position: absolute;
    content: "";
    width: 82px;
    height: 100%;
    left: calc(50% - 541px);
    top: 124px;
    background-size: cover;
    background-position: center bottom;
    z-index: 8000; }
    @media screen and (max-width: 1300px) {
      .bg-left::before {
        width: 6.3076923077vw;
        left: calc(50% - 41.62vw);
        top: 9.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .bg-left::before {
        display: none; } }
  .bg-left.arw-mini::before {
    height: calc(100% - 100px); }
    @media screen and (max-width: 1300px) {
      .bg-left.arw-mini::before {
        height: calc(100% - 7.6vw); } }
  .bg-left.last::before {
    height: calc(100% - 1030px); }
    @media screen and (max-width: 1300px) {
      .bg-left.last::before {
        height: calc(100% - 79.23vw); } }

.bg-right {
  position: relative;
  background-image: url(../img/cmn/bg-right@2x.png);
  background-size: 698px auto;
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #ffffff;
  padding-top: 190px;
  padding-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .bg-right {
      background-size: 53.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .bg-right {
      background-size: 84.2995169082vw auto; } }
  @media screen and (max-width: 1300px) {
    .bg-right {
      padding-top: 14.6153846154vw;
      padding-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .bg-right {
      padding-top: 38.6473429952vw;
      padding-bottom: 9.6618357488vw; } }
  .bg-right .dayhd {
    text-align: left;
    left: calc(50vw - 80px);
    border-radius: 36px 0 0 36px; }
    @media screen and (max-width: 1300px) {
      .bg-right .dayhd {
        left: calc(50vw - 6.1vw);
        border-radius: 2.7692307692vw 0 0 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .bg-right .dayhd {
        left: auto;
        right: 0;
        border-radius: 10.38647343vw 0 0 10.38647343vw; } }
  .bg-right .imgtx {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media screen and (max-width: 480px) {
      .bg-right .imgtx {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
  .bg-right .imgtx-tx {
    padding-right: 180px;
    padding-left: 38px; }
    @media screen and (max-width: 1300px) {
      .bg-right .imgtx-tx {
        padding-right: 13.8461538462vw;
        padding-left: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .bg-right .imgtx-tx {
        padding: 0; } }
  .bg-right .imgtx-img span {
    left: auto;
    right: 1em; }
  .bg-right .imgtx-img.mini,
  .bg-right .imgtx-block-img.mini {
    padding-left: 100px; }
    @media screen and (max-width: 1300px) {
      .bg-right .imgtx-img.mini,
      .bg-right .imgtx-block-img.mini {
        padding-left: 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .bg-right .imgtx-img.mini,
      .bg-right .imgtx-block-img.mini {
        padding-left: 0; } }
  .bg-right .imgtx-block-tx {
    padding-left: 100px; }
    @media screen and (max-width: 1300px) {
      .bg-right .imgtx-block-tx {
        padding-left: 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .bg-right .imgtx-block-tx {
        padding-left: 0; } }
  .bg-right .imgtx-block > div {
    padding-right: 180px; }
    @media screen and (max-width: 1300px) {
      .bg-right .imgtx-block > div {
        padding-right: 13.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .bg-right .imgtx-block > div {
        padding-right: 0; } }
  .bg-right::before {
    position: absolute;
    content: "";
    width: 82px;
    height: 100%;
    right: calc(50% - 541px);
    top: 124px;
    background-size: cover;
    background-position: center bottom;
    z-index: 8000; }
    @media screen and (max-width: 1300px) {
      .bg-right::before {
        width: 6.3076923077vw;
        right: calc(50% - 41.62vw);
        top: 9.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .bg-right::before {
        display: none; } }
  .bg-right.arw-mini::before {
    height: calc(100% - 100px); }
    @media screen and (max-width: 1300px) {
      .bg-right.arw-mini::before {
        height: calc(100% - 7.6vw); } }

/* 
---------------------------------------------------------------------------*/
.dayhd {
  position: absolute;
  width: calc(50vw + 80px);
  padding: .2em 2em;
  top: 56px; }
  @media screen and (max-width: 1300px) {
    .dayhd {
      width: calc(50vw + 6.1vw);
      top: 4.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .dayhd {
      width: 86vw;
      padding: .7em .5em .7em 8em;
      top: 8.4541062802vw; } }
  .dayhd span {
    display: inline-block;
    color: #ffffff; }
    .dayhd span:nth-of-type(1) {
      font-family: 'Herr Von Muellerhoff', cursive;
      font-weight: 400;
      font-size: 56px;
      letter-spacing: .08em;
      line-height: 1.1; }
      @media screen and (max-width: 1300px) {
        .dayhd span:nth-of-type(1) {
          font-size: 4.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .dayhd span:nth-of-type(1) {
          font-size: 13.5265700483vw; } }
      @media screen and (max-width: 480px) {
        .dayhd span:nth-of-type(1) {
          position: absolute;
          font-size: 13.2850241546vw;
          left: .3em;
          top: 50%;
          transform: translateY(-50%); }
          .dayhd span:nth-of-type(1)::after {
            position: absolute;
            content: "";
            width: 1px;
            height: 90%;
            background-color: #ffffff;
            right: -.2em;
            top: 50%;
            transform: translateY(-50%); } }
    .dayhd span:nth-of-type(2) {
      font-family: 'Herr Von Muellerhoff', cursive;
      font-weight: 400;
      font-size: 40px;
      letter-spacing: .025em;
      border-left: 1px solid #ffffff;
      line-height: 1.1;
      padding-left: 0.5em;
      margin-left: .5em;
      margin-right: 0.5em; }
      @media screen and (max-width: 1300px) {
        .dayhd span:nth-of-type(2) {
          font-size: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .dayhd span:nth-of-type(2) {
          font-size: 9.6618357488vw; } }
      @media screen and (max-width: 480px) {
        .dayhd span:nth-of-type(2) {
          font-size: 7.2463768116vw;
          border-left: none;
          margin-left: 0;
          padding-left: 0; } }
    .dayhd span:nth-of-type(3) {
      font-size: 24px;
      letter-spacing: .075em;
      line-height: 1.1; }
      @media screen and (max-width: 1300px) {
        .dayhd span:nth-of-type(3) {
          font-size: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .dayhd span:nth-of-type(3) {
          font-size: 5.7971014493vw; } }
      @media screen and (max-width: 480px) {
        .dayhd span:nth-of-type(3) {
          display: block;
          margin-top: 0.2em;
          font-size: 5.3140096618vw; } }
  .dayhd-center {
    /* 1280 */
    width: 1300px;
    padding-left: 110px;
    padding-right: 110px;
    margin-left: auto;
    margin-right: auto;
    margin: 80px auto; }
    @media screen and (max-width: 1300px) {
      .dayhd-center {
        width: 100vw;
        padding-left: 8.4615384615vw;
        padding-right: 8.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .dayhd-center {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }
    @media screen and (max-width: 1300px) {
      .dayhd-center {
        margin: 6.1538461538vw auto; } }
    @media screen and (max-width: 480px) {
      .dayhd-center {
        margin: 10.8695652174vw auto; } }
    .dayhd-center > div {
      border-radius: 36px;
      text-align: center; }
      @media screen and (max-width: 1300px) {
        .dayhd-center > div {
          border-radius: 2.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .dayhd-center > div {
          position: relative;
          padding: .7em .5em .7em 11em;
          text-align: left;
          border-radius: 10.38647343vw; } }
    .dayhd-center span {
      display: inline-block;
      color: #ffffff; }
      .dayhd-center span:nth-of-type(1) {
        font-family: 'Herr Von Muellerhoff', cursive;
        font-weight: 400;
        font-size: 56px;
        letter-spacing: .08em;
        line-height: 1.1; }
        @media screen and (max-width: 1300px) {
          .dayhd-center span:nth-of-type(1) {
            font-size: 4.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .dayhd-center span:nth-of-type(1) {
            font-size: 13.5265700483vw; } }
        @media screen and (max-width: 480px) {
          .dayhd-center span:nth-of-type(1) {
            position: absolute;
            font-size: 13.2850241546vw;
            left: calc(50% - 2em);
            top: 50%;
            transform: translateY(-50%); }
            .dayhd-center span:nth-of-type(1)::after {
              position: absolute;
              content: "";
              width: 1px;
              height: 90%;
              background-color: #ffffff;
              right: -.2em;
              top: 50%;
              transform: translateY(-50%); } }
      .dayhd-center span:nth-of-type(2) {
        font-family: 'Herr Von Muellerhoff', cursive;
        font-weight: 400;
        font-size: 40px;
        letter-spacing: .025em;
        border-left: 1px solid #ffffff;
        line-height: 1.1;
        padding-left: 0.5em;
        margin-left: .5em;
        margin-right: 0.5em; }
        @media screen and (max-width: 1300px) {
          .dayhd-center span:nth-of-type(2) {
            font-size: 3.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .dayhd-center span:nth-of-type(2) {
            font-size: 9.6618357488vw; } }
        @media screen and (max-width: 480px) {
          .dayhd-center span:nth-of-type(2) {
            font-size: 7.2463768116vw;
            border-left: none;
            margin-left: 0;
            padding-left: 0; } }
      .dayhd-center span:nth-of-type(3) {
        font-size: 24px;
        letter-spacing: .075em;
        line-height: 1.1; }
        @media screen and (max-width: 1300px) {
          .dayhd-center span:nth-of-type(3) {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .dayhd-center span:nth-of-type(3) {
            font-size: 5.7971014493vw; } }
        @media screen and (max-width: 480px) {
          .dayhd-center span:nth-of-type(3) {
            display: block;
            margin-top: 0.2em;
            font-size: 5.3140096618vw; } }

/* 
---------------------------------------------------------------------------*/
.imgtx {
  /* 1280 */
  width: 1300px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 1300px) {
    .imgtx {
      width: 100vw;
      padding-left: 0.7692307692vw;
      padding-right: 0.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .imgtx {
      padding-left: 6.884057971vw;
      padding-right: 6.884057971vw; } }
  @media screen and (max-width: 480px) {
    .imgtx {
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
  .imgtx-tx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 676px; }
    @media screen and (max-width: 1300px) {
      .imgtx-tx {
        width: 52vw; } }
    @media screen and (max-width: 480px) {
      .imgtx-tx {
        width: 100%; } }
  .imgtx-img {
    position: relative;
    width: 604px; }
    .imgtx-img span {
      position: absolute;
      left: 1em;
      bottom: .5em;
      font-size: 16px;
      letter-spacing: .075em;
      color: #ffffff;
      text-shadow: 0px 0px 3px #000000, 0px 0px 3px #000000, 0px 0px 3px #000000; }
      @media screen and (max-width: 1300px) {
        .imgtx-img span {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .imgtx-img span {
          font-size: 3.8647342995vw; } }
    @media screen and (max-width: 1300px) {
      .imgtx-img {
        width: 46.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .imgtx-img {
        width: 100%;
        margin-bottom: 7.2463768116vw; } }
  .imgtx-block {
    /* 1280 */
    width: 1300px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .imgtx-block {
        width: 100vw;
        padding-left: 0.7692307692vw;
        padding-right: 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .imgtx-block {
        padding-left: 6.884057971vw;
        padding-right: 6.884057971vw; } }
    .imgtx-block > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      @media screen and (max-width: 480px) {
        .imgtx-block > div {
          -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse; } }
    .imgtx-block-img {
      position: relative;
      margin-bottom: 2em; }
      .imgtx-block-img span {
        position: absolute;
        left: 1em;
        bottom: .5em;
        font-size: 16px;
        letter-spacing: .075em;
        color: #ffffff;
        text-shadow: 0px 0px 3px #000000, 0px 0px 3px #000000, 0px 0px 3px #000000; }
        @media screen and (max-width: 1300px) {
          .imgtx-block-img span {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .imgtx-block-img span {
            font-size: 3.8647342995vw; } }
      @media screen and (max-width: 480px) {
        .imgtx-block-img {
          width: 100%;
          margin-bottom: 7.2463768116vw; } }

/*slide用*/
.imgtx-block .slick-dots li:nth-of-type(1) button {
    background-image: url(../img/stay/breakfast-menu01.jpg);
}
.imgtx-block .slick-dots li:nth-of-type(2) button {
    background-image: url(../img/stay/breakfast-menu02.jpg);
}
.imgtx-block .slick-dots li:nth-of-type(3) button {
    background-image: url(../img/stay/breakfast-menu03.jpg);
}
.imgtx-block .obj-sl .slick-dots{
	left:45%;
}
.imgtx-block .obj-sl .slick-arrow.slick-next{
	right: calc(50% - 360px);
}

@media screen and (max-width: 1300px){
	.imgtx-block .obj-sl .slick-dots{
		left: 50%
	}
	.imgtx-block .obj-sl .slick-arrow.slick-next{
		right: 2.4154589372vw;
	}
}
/*slide用ここまで*/

.stay-catch {
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: .075em;
  font-weight: 700;
  margin-bottom: 0.8em; }
  @media screen and (max-width: 1300px) {
    .stay-catch {
      font-size: 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .stay-catch {
      font-size: 5.7971014493vw; } }
  @media screen and (max-width: 480px) {
    .stay-catch {
      margin-bottom: 0.4em; } }
.stay-desc {
  font-size: 18px;
  line-height: 2.22;
  letter-spacing: .08em; }
  @media screen and (max-width: 1300px) {
    .stay-desc {
      font-size: 1.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .stay-desc {
      font-size: 4.347826087vw; } }
  @media screen and (max-width: 480px) {
    .stay-desc {
      line-height: 1.77; } }
.stay-btn {
  width: 340px;
  margin-top: 56px; }
  .stay-btn a, .stay-btn .atag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 72px;
    border-radius: 36px;
    border: 3px solid #ea9b56;
    background-color: #ea9b56; }
    @media screen and (max-width: 1300px) {
      .stay-btn a, .stay-btn .atag {
        height: 5.5384615385vw;
        border-radius: 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .stay-btn a, .stay-btn .atag {
        height: 16.4251207729vw;
        border-radius: 8.2125603865vw; } }
    @media screen and (min-width: 480px) {
      .stay-btn a:hover, .stay-btn .atag:hover {
        opacity: 1;
        background-color: #ffffff; }
        .stay-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(1), .stay-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(1) {
          opacity: 0; }
        .stay-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(2), .stay-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(2) {
          opacity: 1; } }
    .stay-btn a > span, .stay-btn .atag > span {
      display: block;
      width: 100%;
      white-space: nowrap;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .stay-btn a > span span:nth-of-type(1), .stay-btn .atag > span span:nth-of-type(1) {
        font-weight: 700;
        letter-spacing: .075em;
        margin-right: 26px; }
        @media screen and (max-width: 1300px) {
          .stay-btn a > span span:nth-of-type(1), .stay-btn .atag > span span:nth-of-type(1) {
            margin-right: 2vw; } }
        @media screen and (max-width: 480px) {
          .stay-btn a > span span:nth-of-type(1), .stay-btn .atag > span span:nth-of-type(1) {
            font-size: 4.347826087vw;
            margin-right: 3.1400966184vw; } }
      .stay-btn a > span span:nth-of-type(2), .stay-btn .atag > span span:nth-of-type(2) {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 14px; }
        @media screen and (max-width: 1300px) {
          .stay-btn a > span span:nth-of-type(2), .stay-btn .atag > span span:nth-of-type(2) {
            width: 1.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .stay-btn a > span span:nth-of-type(2), .stay-btn .atag > span span:nth-of-type(2) {
            width: 3.3816425121vw; } }
        .stay-btn a > span span:nth-of-type(2) img, .stay-btn .atag > span span:nth-of-type(2) img {
          width: 14px; }
          @media screen and (max-width: 1300px) {
            .stay-btn a > span span:nth-of-type(2) img, .stay-btn .atag > span span:nth-of-type(2) img {
              width: 1.0769230769vw; } }
          @media screen and (max-width: 480px) {
            .stay-btn a > span span:nth-of-type(2) img, .stay-btn .atag > span span:nth-of-type(2) img {
              width: 3.3816425121vw; } }
        .stay-btn a > span span:nth-of-type(2) span, .stay-btn .atag > span span:nth-of-type(2) span {
          display: block;
          position: absolute;
          width: 100%;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: ease;
          width: 100%;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
          .stay-btn a > span span:nth-of-type(2) span:nth-of-type(2), .stay-btn .atag > span span:nth-of-type(2) span:nth-of-type(2) {
            opacity: 0; }
  @media screen and (max-width: 1300px) {
    .stay-btn {
      width: 26.1538461538vw;
      margin-top: 4.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .stay-btn {
      width: 86.4734299517vw;
      margin-top: 9.6618357488vw; } }
.stay-message {
  text-align: center;
  font-size: 18px;
  line-height: 2.22;
  letter-spacing: .08em;
  margin: 56px auto 90px; }
  @media screen and (max-width: 1300px) {
    .stay-message {
      font-size: 1.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .stay-message {
      font-size: 4.347826087vw; } }
  @media screen and (max-width: 480px) {
    .stay-message {
      line-height: 1.77; } }
  @media screen and (max-width: 1300px) {
    .stay-message {
      margin: 4.3076923077vw auto 6.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .stay-message {
      margin: 9.6618357488vw auto 14.4927536232vw; } }

.otherspot {
  position: relative;
  /* 1280 */
  width: 1300px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .otherspot {
      width: 100vw;
      padding-left: 0.7692307692vw;
      padding-right: 0.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .otherspot {
      padding-left: 6.884057971vw;
      padding-right: 6.884057971vw; } }
  .otherspot > div {
    background-color: #ffffff;
    padding: 80px 100px; }
    @media screen and (max-width: 1300px) {
      .otherspot > div {
        padding: 6.1538461538vw 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .otherspot > div {
        padding: 12.077294686vw 6.884057971vw 9.6618357488vw; } }
  .otherspot-ttl {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -.5em;
    left: 0;
    line-height: 1.1;
    font-family: 'Herr Von Muellerhoff', cursive;
    font-weight: 400;
    color: #ea9b56;
    font-size: 112px; }
    @media screen and (max-width: 1300px) {
      .otherspot-ttl {
        font-size: 8.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .otherspot-ttl {
        font-size: 27.0531400966vw; } }
    @media screen and (max-width: 480px) {
      .otherspot-ttl {
        font-size: 16.9082125604vw; } }
  .otherspot p {
    font-size: 24px;
    text-align: center;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 1300px) {
      .otherspot p {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .otherspot p {
        font-size: 5.7971014493vw; } }
  .otherspot ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 480px) {
      .otherspot ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .otherspot ul li {
      width: 25%; }
      @media screen and (max-width: 480px) {
        .otherspot ul li {
          width: 50%; } }
  .otherspot-btn {
    position: relative;
    width: 340px;
    margin: -36px auto 0; }
    .otherspot-btn a, .otherspot-btn .atag {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 72px;
      border-radius: 36px;
      border: 3px solid #ea9b56;
      background-color: #ea9b56; }
      @media screen and (max-width: 1300px) {
        .otherspot-btn a, .otherspot-btn .atag {
          height: 5.5384615385vw;
          border-radius: 2.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .otherspot-btn a, .otherspot-btn .atag {
          height: 16.4251207729vw;
          border-radius: 8.2125603865vw; } }
      @media screen and (min-width: 480px) {
        .otherspot-btn a:hover, .otherspot-btn .atag:hover {
          opacity: 1;
          background-color: #ffffff; }
          .otherspot-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(1), .otherspot-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(1) {
            opacity: 0; }
          .otherspot-btn a:hover > span > span:nth-of-type(2) > span:nth-of-type(2), .otherspot-btn .atag:hover > span > span:nth-of-type(2) > span:nth-of-type(2) {
            opacity: 1; } }
      .otherspot-btn a > span, .otherspot-btn .atag > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .otherspot-btn a > span span:nth-of-type(1), .otherspot-btn .atag > span span:nth-of-type(1) {
          font-weight: 700;
          letter-spacing: .075em;
          margin-right: 26px; }
          @media screen and (max-width: 1300px) {
            .otherspot-btn a > span span:nth-of-type(1), .otherspot-btn .atag > span span:nth-of-type(1) {
              margin-right: 2vw; } }
          @media screen and (max-width: 480px) {
            .otherspot-btn a > span span:nth-of-type(1), .otherspot-btn .atag > span span:nth-of-type(1) {
              font-size: 4.347826087vw;
              margin-right: 3.1400966184vw; } }
        .otherspot-btn a > span span:nth-of-type(2), .otherspot-btn .atag > span span:nth-of-type(2) {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 14px; }
          @media screen and (max-width: 1300px) {
            .otherspot-btn a > span span:nth-of-type(2), .otherspot-btn .atag > span span:nth-of-type(2) {
              width: 1.0769230769vw; } }
          @media screen and (max-width: 480px) {
            .otherspot-btn a > span span:nth-of-type(2), .otherspot-btn .atag > span span:nth-of-type(2) {
              width: 3.3816425121vw; } }
          .otherspot-btn a > span span:nth-of-type(2) img, .otherspot-btn .atag > span span:nth-of-type(2) img {
            width: 14px; }
            @media screen and (max-width: 1300px) {
              .otherspot-btn a > span span:nth-of-type(2) img, .otherspot-btn .atag > span span:nth-of-type(2) img {
                width: 1.0769230769vw; } }
            @media screen and (max-width: 480px) {
              .otherspot-btn a > span span:nth-of-type(2) img, .otherspot-btn .atag > span span:nth-of-type(2) img {
                width: 3.3816425121vw; } }
          .otherspot-btn a > span span:nth-of-type(2) span, .otherspot-btn .atag > span span:nth-of-type(2) span {
            display: block;
            position: absolute;
            width: 100%;
            transition-property: all;
            transition-duration: 0.3s;
            transition-timing-function: ease;
            width: 100%;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
            .otherspot-btn a > span span:nth-of-type(2) span:nth-of-type(2), .otherspot-btn .atag > span span:nth-of-type(2) span:nth-of-type(2) {
              opacity: 0; }
    @media screen and (max-width: 1300px) {
      .otherspot-btn {
        width: 26.1538461538vw;
        margin: -2.7692307692vw auto 0; } }
    @media screen and (max-width: 480px) {
      .otherspot-btn {
        width: 100%;
        margin: 7.2463768116vw auto 0; } }

/* 
---------------------------------------------------------------------------*/
#stay-family .intro {
  background-color: #d6f1e5; }
#stay-family .intro-bd-tx .pgttl {
  background-image: url(../img/stay/bdr-agi@2x.png); }
#stay-family .schedule-arw {
  background-image: url(../img/stay/schedule-arw-agi@2x.png); }
#stay-family .bg-left::before,
#stay-family .bg-right::before {
  background-image: url(../img/stay/stay-arw@2x.png); }
#stay-family .schedule-time,
#stay-family .pgttl p,
#stay-family .dayttl .pgttl h2 {
  color: #32bb7b; }
#stay-family .schedule-first dt,
#stay-family .dayhd,
#stay-family .dayhd-center > div {
  background-color: #32bb7b; }
#stay-family .schedule-second dt {
  background-color: #6fcfa3; }
#stay-family .schedule-first dt::after {
  border-left-color: #32bb7b; }
#stay-family .schedule dl dd {
  border-left: 1px solid #32bb7b; }
  @media screen and (max-width: 480px) {
    #stay-family .schedule dl dd {
      border-left: none; } }
#stay-family .schedule-second dd:last-of-type {
  border-right-color: #32bb7b; }

#stay-couple .intro {
  background-color: #fde6f0; }
#stay-couple .intro-bd-tx .pgttl {
  background-image: url(../img/stay/bdr-dex@2x.png); }
#stay-couple .schedule-arw {
  background-image: url(../img/stay/schedule-arw-dex@2x.png); }
#stay-couple .bg-left::before,
#stay-couple .bg-right::before {
  background-image: url(../img/stay/stay-arw-dex@2x.png); }
#stay-couple .schedule-time,
#stay-couple .pgttl p,
#stay-couple .dayttl .pgttl h2 {
  color: #f783b6; }
#stay-couple .schedule-first dt,
#stay-couple .dayhd,
#stay-couple .dayhd-center > div {
  background-color: #f783b6; }
#stay-couple .schedule-first {
  width: 664.6152px; }
  @media screen and (max-width: 1300px) {
    #stay-couple .schedule-first {
      width: 51.1242461538vw; } }
  @media screen and (max-width: 480px) {
    #stay-couple .schedule-first {
      width: 100%; } }
#stay-couple .schedule-second {
  width: 415.3845px; }
  @media screen and (max-width: 1300px) {
    #stay-couple .schedule-second {
      width: 31.9526538462vw; } }
  @media screen and (max-width: 480px) {
    #stay-couple .schedule-second {
      width: 100%; } }
#stay-couple .schedule-second dt {
  background-color: #f9a8cc; }
#stay-couple .schedule-first dt::after {
  border-left-color: #f783b6; }
#stay-couple .schedule dl dd {
  border-left: 1px solid #f783b6; }
  @media screen and (max-width: 480px) {
    #stay-couple .schedule dl dd {
      border-left: none;
      border-bottom-color: #f783b6; } }
#stay-couple .schedule dd {
  width: 83px; }
  @media screen and (max-width: 1300px) {
    #stay-couple .schedule dd {
      width: 6.3846153846vw; } }
  @media screen and (max-width: 480px) {
    #stay-couple .schedule dd {
      width: 100%; } }
#stay-couple .schedule-second dd:last-of-type {
  border-right-color: #f783b6; }

/*# sourceMappingURL=stay.css.map */