@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-go {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* scroll animation */
.fade-up {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 2s; }

.fade-up.is-fadein {
  transform: translate(0, 0);
  opacity: 1; }

/* mv
---------------------------------------------------------------------------*/
#mv {
  width: 100%;
  height: calc(100svh - 104px);
  color: #ffffff; }
  @media screen and (max-width: 1300px) {
    #mv {
      height: calc(100svh - 8vw); } }
  @media screen and (max-width: 480px) {
    #mv {
      height: 100svh; } }

#topSlider {
  width: 100%;
  height: 100%; }
  #topSlider .swiper-slide {
    position: relative;
    height: 100%; }
    #topSlider .swiper-slide picture {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 480px) {
        #topSlider .swiper-slide picture {
          height: calc(100% - 24.8vw); } }
      #topSlider .swiper-slide picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"; }
  #topSlider .mv-obj-tx {
    position: absolute;
    width: 640px;
    left: 46px;
    top: 290px;
    font-size: 26px;
    letter-spacing: .14em;
    line-height: 1.6;
    z-index: 100; }
    @media screen and (max-width: 1300px) {
      #topSlider .mv-obj-tx {
        font-size: 2vw; } }
    @media screen and (max-width: 480px) {
      #topSlider .mv-obj-tx {
        font-size: 6.9333333333vw; } }
    @media screen and (max-width: 1300px) {
      #topSlider .mv-obj-tx {
        left: 3.5384615385vw;
        top: 22.3076923077vw; } }
    @media screen and (max-width: 480px) {
      #topSlider .mv-obj-tx {
        width: 100%;
        padding: 0 5.3333333333vw;
        top: 72vw;
        left: 0;
        font-size: 4.2666666667vw;
        line-height: 1.8125;
        letter-spacing: .12em; } }
    #topSlider .mv-obj-tx span.mini {
      font-size: 22px; }
      @media screen and (max-width: 1300px) {
        #topSlider .mv-obj-tx span.mini {
          font-size: 1.6923076923vw; } }
      @media screen and (max-width: 480px) {
        #topSlider .mv-obj-tx span.mini {
          font-size: 5.8666666667vw; } }
      @media screen and (max-width: 480px) {
        #topSlider .mv-obj-tx span.mini {
          font-size: 3.4666666667vw; } }

/*#topSlider .swiper-slide.zoomOut picture {
  animation: zoomOut 8s linear;
}

@keyframes zoomOut {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}*/
#mv {
  position: relative; }
  #mv .mv-obj {
    position: absolute;
    left: 0;
    top: 70px;
    width: 620px;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      #mv .mv-obj {
        width: 47.6923076923vw;
        top: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      #mv .mv-obj {
        width: 42.9333333333vw;
        top: 3.4666666667vw;
        left: 3.7333333333vw; } }
    @media screen and (min-width: 481px) {
      #mv .mv-obj-logo a {
        pointer-events: none; } }
    #mv .mv-obj-scrl {
      position: absolute;
      display: block;
      width: 16px;
      height: 118px;
      left: 18px;
      bottom: 82px;
      z-index: 100; }
      @media screen and (max-width: 1300px) {
        #mv .mv-obj-scrl {
          width: 1.2307692308vw;
          height: 9.0769230769vw;
          left: 1.3846153846vw;
          bottom: 6.3076923077vw; } }
      @media screen and (max-width: 480px) {
        #mv .mv-obj-scrl {
          display: none; } }
  #mv .mv-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top: 0;
    right: 0;
    width: 700px;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      #mv .mv-hd {
        width: 53.8461538462vw; } }
    @media screen and (max-width: 480px) {
      #mv .mv-hd {
        width: 13.3333333333vw;
        padding-top: 10.6666666667vw; } }
    #mv .mv-hd-sns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 18px; }
      @media screen and (max-width: 1300px) {
        #mv .mv-hd-sns {
          padding: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        #mv .mv-hd-sns {
          display: block; } }
      #mv .mv-hd-sns > * {
        width: 42px; }
        @media screen and (max-width: 1300px) {
          #mv .mv-hd-sns > * {
            width: 3.2307692308vw; } }
        @media screen and (max-width: 480px) {
          #mv .mv-hd-sns > * {
            width: 11.2vw; } }
    @media screen and (max-width: 480px) {
      #mv .mv-hd .hdbtn {
        display: none; } }
  #mv .lang {
    width: 160px;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin-top: 16px;
    color: #ffffff; }
    @media screen and (max-width: 1300px) {
      #mv .lang {
        width: 12.3076923077vw;
        margin-top: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      #mv .lang {
        position: absolute;
        right: 0;
        top: 0;
        width: 42.6666666667vw;
        margin-top: 0; } }
    #mv .lang dt {
      position: relative;
      font-family: "Sorts Mill Goudy", serif;
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      background-image: url(../img/top/lang-icn.png);
      background-position: 16px center;
      background-size: 16px 16px;
      background-repeat: no-repeat;
      padding: 4px 0; }
      @media screen and (max-width: 1300px) {
        #mv .lang dt {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        #mv .lang dt {
          font-size: 4.2666666667vw; } }
      @media screen and (max-width: 1300px) {
        #mv .lang dt {
          background-position: 1.2307692308vw center;
          background-size: 1.2307692308vw 1.2307692308vw;
          padding: 0.3076923077vw 0; } }
      @media screen and (max-width: 480px) {
        #mv .lang dt {
          letter-spacing: .14em;
          background-position: 4.2666666667vw center;
          background-size: 4.2666666667vw 4.2666666667vw;
          padding: 1.0666666667vw 0 1.0666666667vw 2.1333333333vw; } }
      #mv .lang dt::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 10px;
        height: 6px;
        background-image: url(../img/top/lang-arw.png);
        right: 14px;
        top: 16px;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1300px) {
          #mv .lang dt::after {
            width: 0.7692307692vw;
            height: 0.4615384615vw;
            right: 1.0769230769vw;
            top: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          #mv .lang dt::after {
            width: 2.6666666667vw;
            height: 1.6vw;
            right: 3.7333333333vw;
            top: 4.2666666667vw; } }
    #mv .lang dd {
      display: none;
      border-top: 1px solid #A5A5A5;
      padding: 8px 0; }
      @media screen and (max-width: 1300px) {
        #mv .lang dd {
          padding: 0.6153846154vw 0; } }
      #mv .lang dd a {
        display: block;
        padding: 8px 0; }
        @media screen and (max-width: 1300px) {
          #mv .lang dd a {
            padding: 0.6153846154vw 0; } }
    #mv .lang.hover dt::after {
      transform: rotate(180deg); }
  #mv .mv-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 48px;
    background-color: #ffffff;
    z-index: 10;
    color: #000000; }
    @media screen and (max-width: 1300px) {
      #mv .mv-nav {
        height: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      #mv .mv-nav {
        display: none; } }
    #mv .mv-nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto; }
      #mv .mv-nav ul li {
        font-size: 16px;
        letter-spacing: .06em;
        line-height: 1.1; }
        @media screen and (max-width: 1300px) {
          #mv .mv-nav ul li {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          #mv .mv-nav ul li {
            font-size: 4.2666666667vw; } }
        #mv .mv-nav ul li + li {
          margin-left: 1.6em; }
  #mv .mv-spft {
    display: none; }
    @media screen and (max-width: 480px) {
      #mv .mv-spft {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100; } }
  #mv .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    bottom: 82px;
    left: auto;
    right: 90px; }
    @media screen and (max-width: 1300px) {
      #mv .swiper-pagination {
        bottom: 6.3076923077vw;
        right: 6.9230769231vw; } }
    @media screen and (max-width: 480px) {
      #mv .swiper-pagination {
        bottom: 34vw;
        right: 4vw; } }
    #mv .swiper-pagination .swiper-pagination-bullet {
      position: relative;
      width: 18px;
      height: 18px;
      background-color: rgba(255, 255, 255, 0.8);
      margin: 0 16px;
      opacity: 1;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        #mv .swiper-pagination .swiper-pagination-bullet {
          width: 1.3846153846vw;
          height: 1.3846153846vw;
          margin: 0 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        #mv .swiper-pagination .swiper-pagination-bullet {
          width: 3.6vw;
          height: 3.6vw;
          margin: 0 3.2vw; } }
      #mv .swiper-pagination .swiper-pagination-bullet::before {
        position: absolute;
        content: "";
        width: 30px;
        height: 30px;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: -1;
        background-color: #9E7FAD;
        border-radius: 50%;
        opacity: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1300px) {
          #mv .swiper-pagination .swiper-pagination-bullet::before {
            width: 2.3076923077vw;
            height: 2.3076923077vw; } }
        @media screen and (max-width: 480px) {
          #mv .swiper-pagination .swiper-pagination-bullet::before {
            width: 6vw;
            height: 6vw; } }
    #mv .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #ffffff; }
      #mv .swiper-pagination .swiper-pagination-bullet-active::before {
        opacity: 1; }

/* tp
---------------------------------------------------------------------------*/
.tp-en {
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
  color: #75488A;
  letter-spacing: .14em; }
  @media screen and (max-width: 480px) {
    .tp-en {
      font-size: 5.8666666667vw; } }

.tp-ja {
  font-size: 24px;
  letter-spacing: .24em; }
  @media screen and (max-width: 1300px) {
    .tp-ja {
      font-size: 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .tp-ja {
      font-size: 6.4vw; } }
  @media screen and (max-width: 480px) {
    .tp-ja {
      font-size: 5.3333333333vw;
      letter-spacing: .14em; } }
  .tp-ja-big {
    font-size: 40px;
    letter-spacing: .14em; }
    @media screen and (max-width: 1300px) {
      .tp-ja-big {
        font-size: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tp-ja-big {
        font-size: 10.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .tp-ja-big {
        font-size: 7.4666666667vw; } }
  .tp-ja-mdl {
    font-size: 28px;
    letter-spacing: .1em; }
    @media screen and (max-width: 1300px) {
      .tp-ja-mdl {
        font-size: 2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tp-ja-mdl {
        font-size: 7.4666666667vw; } }
    @media screen and (max-width: 480px) {
      .tp-ja-mdl {
        font-size: 5.3333333333vw;
        letter-spacing: .14em; } }
  .tp-ja-large {
    font-size: 32px;
    letter-spacing: .14em; }
    @media screen and (max-width: 1300px) {
      .tp-ja-large {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tp-ja-large {
        font-size: 8.5333333333vw; } }
    @media screen and (max-width: 480px) {
      .tp-ja-large {
        font-size: 6.4vw; } }

.tp-hdl {
  font-size: 24px;
  line-height: 2.3333; }
  @media screen and (max-width: 1300px) {
    .tp-hdl {
      font-size: 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .tp-hdl {
      font-size: 6.4vw; } }
  @media screen and (max-width: 480px) {
    .tp-hdl {
      font-size: 5.3333333333vw;
      line-height: 1.8;
      letter-spacing: .08em; } }

.tp-btn {
  color: #ffffff;
  text-align: center; }
  .tp-btn a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #546D5C;
    background-color: #546D5C; }
    @media screen and (min-width: 481px) {
      .tp-btn a:hover {
        opacity: 1;
        background-color: #ffffff; }
        .tp-btn a:hover > span {
          background-image: url(../img/cmn/btn-arw-dex.png); }
        .tp-btn a:hover .ja {
          color: #75488A; } }
    .tp-btn a > span {
      width: 100%;
      text-align: center;
      padding-right: 10px;
      background-image: url(../img/cmn/btn-arw-white.png);
      background-size: 10px 19px;
      background-position: right 24px center;
      background-repeat: no-repeat;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .tp-btn a > span {
          padding-right: 0.7692307692vw;
          background-size: 0.7692307692vw 1.4615384615vw;
          background-position: right 1.8461538462vw center; } }
      @media screen and (max-width: 480px) {
        .tp-btn a > span {
          padding-right: 1.3333333333vw;
          background-size: 2vw 3.7333333333vw;
          background-position: right 3.2vw center; } }
  .tp-btn .ja {
    display: block;
    letter-spacing: .1em;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease; }
  .tp-btn .en {
    display: block;
    color: #A9B6AD;
    font-size: 16px;
    letter-spacing: .14em;
    font-family: "Sorts Mill Goudy", serif;
    font-weight: 400;
    font-style: normal; }
    @media screen and (max-width: 1300px) {
      .tp-btn .en {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .tp-btn .en {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .tp-btn .en {
        font-size: 3.7333333333vw; } }

/* tp-news
---------------------------------------------------------------------------*/
.tp-news {
  padding-top: 64px;
  padding-bottom: 120px; }
  @media screen and (max-width: 1300px) {
    .tp-news {
      padding-top: 4.9230769231vw;
      padding-bottom: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .tp-news {
      padding-top: 12.8vw;
      padding-bottom: 12.8vw;
      background-color: #ffffff; } }
  .tp-news .wrap {
    position: relative;
    padding: 64px 100px;
    background-color: #ffffff; }
    @media screen and (max-width: 1300px) {
      .tp-news .wrap {
        padding: 4.9230769231vw 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .tp-news .wrap {
        width: 100vw;
        padding: 0 6.9333333333vw; } }
  .tp-news-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 1300px) {
      .tp-news-ttl {
        margin-bottom: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tp-news-ttl {
        display: block;
        margin-bottom: 6.6666666667vw; } }
    .tp-news-ttl .tp-ja {
      margin-left: 1em; }
      @media screen and (max-width: 480px) {
        .tp-news-ttl .tp-ja {
          margin-left: 0; } }
  .tp-news-list {
    border-top: 1px solid #B9B9B9; }
    .tp-news-list li {
      border-bottom: 1px solid #B9B9B9; }
      .tp-news-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 18px 26px; }
        @media screen and (max-width: 1300px) {
          .tp-news-list li {
            padding: 1.3846153846vw 2vw; } }
        @media screen and (max-width: 480px) {
          .tp-news-list li {
            display: block;
            padding: 2.4vw 0 2.4vw 0; } }
    .tp-news-list-date {
      color: #75488A;
      width: 236px; }
      @media screen and (max-width: 1300px) {
        .tp-news-list-date {
          width: 18.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .tp-news-list-date {
          width: 100%; } }
    .tp-news-list-ttl {
      width: 790px;
      font-size: 18px; }
      @media screen and (max-width: 1300px) {
        .tp-news-list-ttl {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .tp-news-list-ttl {
          font-size: 4.8vw; } }
      @media screen and (max-width: 1300px) {
        .tp-news-list-ttl {
          width: 60.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .tp-news-list-ttl {
          width: 100%;
          font-size: 4.2666666667vw; } }
  .tp-news-btn {
    position: absolute;
    width: 216px;
    right: 100px;
    top: 64px; }
    @media screen and (max-width: 1300px) {
      .tp-news-btn {
        width: 16.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .tp-news-btn {
        position: relative;
        width: 100%;
        right: auto;
        top: auto;
        margin-top: 8.5333333333vw; } }
    .tp-news-btn a {
      height: 48px; }
      @media screen and (max-width: 1300px) {
        .tp-news-btn a {
          height: 3.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .tp-news-btn a {
          height: 12.8vw; } }
      .tp-news-btn a > span {
        background-position: right 10px center; }
        @media screen and (max-width: 1300px) {
          .tp-news-btn a > span {
            background-position: right 0.7692307692vw center; } }
        @media screen and (max-width: 480px) {
          .tp-news-btn a > span {
            background-position: right 2.6666666667vw center; } }

/* tp-about
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .tp-about {
    padding-top: 12.8vw;
    padding-bottom: 12.8vw; } }
.tp-about .tp-ja-big {
  margin-bottom: 70px; }
  @media screen and (max-width: 1300px) {
    .tp-about .tp-ja-big {
      margin-bottom: 5.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tp-about .tp-ja-big {
      margin-bottom: 9.3333333333vw; } }
.tp-about .tp-ja-mdl {
  margin-bottom: 110px; }
  @media screen and (max-width: 1300px) {
    .tp-about .tp-ja-mdl {
      margin-bottom: 8.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .tp-about .tp-ja-mdl {
      text-align: left;
      padding: 0;
      margin-bottom: 11.4666666667vw; } }
.tp-about-sl {
  position: relative;
  padding: 40px 0;
  background-color: #D6C8DC; }
  @media screen and (max-width: 1300px) {
    .tp-about-sl {
      padding: 3.0769230769vw 0; } }
  @media screen and (max-width: 480px) {
    .tp-about-sl {
      padding: 5.3333333333vw 0; } }
  .tp-about-sl-tx {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 616px;
    height: 100%;
    border: 16px solid rgba(214, 200, 220, 0.95);
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .tp-about-sl-tx {
        position: relative;
        transform: translateX(0);
        left: auto;
        top: auto;
        border: 5.3333333333vw solid #D6C8DC;
        border-bottom: none;
        border-top: none;
        width: 100%;
        height: auto; } }
    .tp-about-sl-tx div {
      padding: 0 80px; }
      @media screen and (max-width: 1300px) {
        .tp-about-sl-tx div {
          padding: 0 6.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-sl-tx div {
          padding: 10.6666666667vw 5.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .tp-about-sl-tx .tp-hdl {
        letter-spacing: .04em; } }
    .tp-about-sl-tx .tp-desc {
      line-height: 2.3;
      margin-top: 30px; }
      @media screen and (max-width: 1300px) {
        .tp-about-sl-tx .tp-desc {
          margin-top: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-sl-tx .tp-desc {
          font-size: 4.2666666667vw;
          margin-top: 4vw; } }
  .tp-about-sl-wrap {
    width: 538px;
    margin: 0 auto; }
    @media screen and (max-width: 1300px) {
      .tp-about-sl-wrap {
        width: 41.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .tp-about-sl-wrap {
        width: 110.1333333333vw;
        padding-bottom: 5.3333333333vw; } }
  .tp-about-sl-bd {
    position: relative; }
  @media screen and (max-width: 480px) {
    .tp-about-sl-img img {
      width: 100%;
      height: 136vw;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; } }
  .tp-about-sl-fuki {
    position: absolute;
    width: 370px;
    height: 370px; }
    @media screen and (max-width: 1300px) {
      .tp-about-sl-fuki {
        width: 28.4615384615vw;
        height: 28.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tp-about-sl-fuki {
        width: 69.3333333333vw;
        height: 69.3333333333vw; } }
    .tp-about-sl-fuki p {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      text-align: center;
      color: #ffffff;
      font-size: 22px;
      letter-spacing: .1em;
      line-height: 1.636; }
      @media screen and (max-width: 1300px) {
        .tp-about-sl-fuki p {
          font-size: 1.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-sl-fuki p {
          font-size: 5.8666666667vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-sl-fuki p {
          font-size: 4.8vw; } }
      .tp-about-sl-fuki p span {
        font-size: 18px; }
        @media screen and (max-width: 1300px) {
          .tp-about-sl-fuki p span {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .tp-about-sl-fuki p span {
            font-size: 4.8vw; } }
        @media screen and (max-width: 480px) {
          .tp-about-sl-fuki p span {
            font-size: 3.7333333333vw; } }
    .tp-about-sl-fuki.up {
      top: -64px;
      left: -16px; }
      @media screen and (max-width: 1300px) {
        .tp-about-sl-fuki.up {
          top: -4.9230769231vw;
          left: -1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-sl-fuki.up {
          top: -10vw; } }
    .tp-about-sl-fuki.down {
      bottom: -64px;
      left: -16px; }
      @media screen and (max-width: 1300px) {
        .tp-about-sl-fuki.down {
          bottom: -4.9230769231vw;
          left: -1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-sl-fuki.down {
          bottom: -10vw; } }
    .tp-about-sl-fuki.right {
      left: auto;
      right: -16px; }
      @media screen and (max-width: 1300px) {
        .tp-about-sl-fuki.right {
          left: auto;
          right: -1.2307692308vw; } }
  .tp-about-sl .swiper-wrapper {
    transition-timing-function: linear; }
.tp-about-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 80px 0 120px; }
  @media screen and (max-width: 1300px) {
    .tp-about-btns {
      padding: 6.1538461538vw 0 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .tp-about-btns {
      display: block;
      padding: 10.6666666667vw 10.6666666667vw 0; } }
  .tp-about-btns > * {
    width: 360px; }
    @media screen and (max-width: 1300px) {
      .tp-about-btns > * {
        width: 27.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .tp-about-btns > * {
        width: 100%; } }
    .tp-about-btns > * a {
      height: 88px; }
      @media screen and (max-width: 1300px) {
        .tp-about-btns > * a {
          height: 6.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-btns > * a {
          height: 23.4666666667vw; } }
    .tp-about-btns > * + * {
      margin-left: 24px; }
      @media screen and (max-width: 1300px) {
        .tp-about-btns > * + * {
          margin-left: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .tp-about-btns > * + * {
          margin-left: 0;
          margin-top: 5.3333333333vw; } }

/* tp-point
---------------------------------------------------------------------------*/
.tp-point-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 240px;
  background-image: url(../img/top/point-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 1300px) {
    .tp-point-ttl {
      height: 18.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .tp-point-ttl {
      height: 27.7333333333vw; } }
  .tp-point-ttl > span {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .tp-point-ttl > span {
        font-size: 6.4vw; } }
.tp-point-tx {
  padding-top: 40px; }
  @media screen and (max-width: 1300px) {
    .tp-point-tx {
      padding-top: 3.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .tp-point-tx {
      padding-top: 0; } }
  .tp-point-tx-num {
    position: relative;
    font-family: "Sorts Mill Goudy", serif;
    font-weight: 400;
    font-style: normal; }
    @media screen and (max-width: 480px) {
      .tp-point-tx-num {
        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; } }
    .tp-point-tx-num::before {
      position: absolute;
      content: "";
      width: 424px;
      height: 424px;
      background-image: url(../img/top/point-num-bg.png);
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
      @media screen and (max-width: 1300px) {
        .tp-point-tx-num::before {
          width: 32.6153846154vw;
          height: 32.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .tp-point-tx-num::before {
          width: 101.7333333333vw;
          height: 101.7333333333vw;
          top: 130%; } }
    .tp-point-tx-num span {
      position: relative;
      display: block;
      text-align: center;
      line-height: 1.1;
      color: #75488A;
      z-index: 100; }
      .tp-point-tx-num span.num {
        font-size: 120px; }
        @media screen and (max-width: 1300px) {
          .tp-point-tx-num span.num {
            font-size: 9.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .tp-point-tx-num span.num {
            font-size: 32vw; } }
        @media screen and (max-width: 480px) {
          .tp-point-tx-num span.num {
            font-size: 26.6666666667vw; } }
      .tp-point-tx-num span.en {
        font-size: 24px; }
        @media screen and (max-width: 1300px) {
          .tp-point-tx-num span.en {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .tp-point-tx-num span.en {
            font-size: 6.4vw; } }
        @media screen and (max-width: 480px) {
          .tp-point-tx-num span.en {
            font-size: 5.8666666667vw;
            margin-left: 1em; } }

/* tp-room
---------------------------------------------------------------------------*/
.tp-room {
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/cuisine-bg.png);
  margin-bottom: 96px;
  padding-top: 70px; }
  @media screen and (max-width: 1300px) {
    .tp-room {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tp-room {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tp-room {
      margin-bottom: 7.3846153846vw;
      padding-top: 5.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tp-room {
      margin-bottom: 12.8vw;
      background-size: 100vw auto;
      background-image: url(../img/top/cuisine-bg-sp.png); } }
  .tp-room .tp-point-tx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 76px; }
    @media screen and (max-width: 1300px) {
      .tp-room .tp-point-tx {
        margin-bottom: 5.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .tp-room .tp-point-tx {
        display: block;
        margin-bottom: 9.3333333333vw; } }
    .tp-room .tp-point-tx-bd {
      margin-left: 50px;
      padding-top: 30px; }
      @media screen and (max-width: 1300px) {
        .tp-room .tp-point-tx-bd {
          margin-left: 3.8461538462vw;
          padding-top: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .tp-room .tp-point-tx-bd {
          margin-left: 0;
          padding-top: 0; } }
  .tp-room-img {
    position: relative; }
    .tp-room-img img {
      width: 100%;
      height: 800px;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
      @media screen and (max-width: 1300px) {
        .tp-room-img img {
          height: 61.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tp-room-img img {
          height: 108.2666666667vw; } }
    .tp-room-img .wrap-min {
      position: absolute;
      bottom: 54px;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 1300px) {
        .tp-room-img .wrap-min {
          bottom: 4.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .tp-room-img .wrap-min {
          position: relative;
          bottom: auto;
          left: auto;
          transform: translateX(0);
          width: 100vw;
          height: 99.6vw;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          background-image: url(../img/top/room-img01-sp.jpg); } }
      .tp-room-img .wrap-min p {
        padding-left: 350px;
        color: #ffffff; }
        @media screen and (max-width: 1300px) {
          .tp-room-img .wrap-min p {
            padding-left: 26.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .tp-room-img .wrap-min p {
            padding: 53vw 6.6666666667vw 0;
            font-size: 4.2666666667vw; } }
  .tp-room-renew {
    padding-top: 54px; }
    @media screen and (max-width: 1300px) {
      .tp-room-renew {
        padding-top: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tp-room-renew {
        padding-top: 9.3333333333vw; } }
    .tp-room-renew .tp-en {
      margin-bottom: 30px; }
      @media screen and (max-width: 1300px) {
        .tp-room-renew .tp-en {
          margin-bottom: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .tp-room-renew .tp-en {
          margin-bottom: 7.2vw; } }
    .tp-room-renew-sl {
      position: relative;
      width: 1120px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 1300px) {
        .tp-room-renew-sl {
          width: 86.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .tp-room-renew-sl {
          width: 88.8vw; } }
      .tp-room-renew-sl .swiper-arw {
        position: absolute;
        top: 232px;
        z-index: 100; }
        @media screen and (max-width: 1300px) {
          .tp-room-renew-sl .swiper-arw {
            top: 17.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .tp-room-renew-sl .swiper-arw {
            top: 42vw; } }
        .tp-room-renew-sl .swiper-arw.swiper-arw-prev {
          left: -7px; }
          @media screen and (max-width: 1300px) {
            .tp-room-renew-sl .swiper-arw.swiper-arw-prev {
              left: -0.5384615385vw; } }
          @media screen and (max-width: 480px) {
            .tp-room-renew-sl .swiper-arw.swiper-arw-prev {
              left: -1.8666666667vw; } }
        .tp-room-renew-sl .swiper-arw.swiper-arw-next {
          right: -7px; }
          @media screen and (max-width: 1300px) {
            .tp-room-renew-sl .swiper-arw.swiper-arw-next {
              right: -0.5384615385vw; } }
          @media screen and (max-width: 480px) {
            .tp-room-renew-sl .swiper-arw.swiper-arw-next {
              right: -1.8666666667vw; } }
      .tp-room-renew-sl .img {
        padding: 0 20px;
        margin-bottom: 20px; }
        @media screen and (max-width: 1300px) {
          .tp-room-renew-sl .img {
            padding: 0 1.5384615385vw;
            margin-bottom: 1.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .tp-room-renew-sl .img {
            padding: 0 3.3333333333vw;
            margin-bottom: 2.6666666667vw; }
            .tp-room-renew-sl .img img {
              width: 100%;
              height: 90.6666666667vw;
              object-fit: cover;
              object-position: center;
              font-family: "object-fit: cover; object-position: center;"; } }
        @media screen and (min-width: 481px) {
          .tp-room-renew-sl .img a {
            display: block;
            position: relative; }
            .tp-room-renew-sl .img a::after {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              background-color: rgba(89, 89, 89, 0.6);
              mix-blend-mode: multiply;
              opacity: 0;
              transition-property: all;
              transition-duration: 0.3s;
              transition-timing-function: ease;
              z-index: 10; }
            .tp-room-renew-sl .img a:hover {
              opacity: 1; }
              .tp-room-renew-sl .img a:hover::after {
                opacity: 1; }
              .tp-room-renew-sl .img a:hover .img {
                filter: blur(4px); }
              .tp-room-renew-sl .img a:hover .hov {
                opacity: 1; } }
        .tp-room-renew-sl .img a .hov {
          position: absolute;
          width: 100%;
          text-align: center;
          top: 42%;
          left: 0;
          font-family: "Sorts Mill Goudy", serif;
          font-weight: 400;
          font-style: normal;
          font-size: 16px;
          padding-bottom: 36px;
          color: #ffffff;
          z-index: 200;
          opacity: 0;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: ease; }
          @media screen and (max-width: 1300px) {
            .tp-room-renew-sl .img a .hov {
              font-size: 1.2307692308vw; } }
          @media screen and (max-width: 480px) {
            .tp-room-renew-sl .img a .hov {
              font-size: 4.2666666667vw; } }
          @media screen and (max-width: 1300px) {
            .tp-room-renew-sl .img a .hov {
              padding-bottom: 2.7692307692vw; } }
          .tp-room-renew-sl .img a .hov::after {
            position: absolute;
            content: "";
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url(../img/top/viewmore-arw.png);
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 8px;
            height: 16px; }
            @media screen and (max-width: 1300px) {
              .tp-room-renew-sl .img a .hov::after {
                width: 0.6153846154vw;
                height: 1.2307692308vw; } }
  .tp-room-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 64px; }
    @media screen and (max-width: 1300px) {
      .tp-room-other {
        margin-top: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .tp-room-other {
        display: block;
        margin-top: 9.3333333333vw; } }
    .tp-room-other > * {
      flex: 1; }
    .tp-room-other a {
      display: block;
      position: relative;
      overflow: hidden; }
      .tp-room-other a::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(89, 89, 89, 0.6);
        mix-blend-mode: multiply;
        opacity: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        z-index: 10; }
      @media screen and (min-width: 481px) {
        .tp-room-other a:hover {
          opacity: 1; }
          .tp-room-other a:hover::after {
            opacity: 1; }
          .tp-room-other a:hover .img {
            filter: blur(4px); }
          .tp-room-other a:hover .hov {
            opacity: 1; } }
    .tp-room-other .img {
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 480px) {
        .tp-room-other .img img {
          width: 100%;
          height: 74.6666666667vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
    .tp-room-other .tx {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      line-height: 72px;
      border-top: 1px solid #A9A9A9;
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 1300px) {
        .tp-room-other .tx {
          line-height: 5.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tp-room-other .tx {
          line-height: 12.8vw; } }
      .tp-room-other .tx::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(102, 102, 102, 0.4);
        mix-blend-mode: multiply;
        left: 0;
        top: 0; }
      .tp-room-other .tx p {
        position: relative;
        mix-blend-mode: normal;
        z-index: 10; }
      .tp-room-other .tx .ja {
        font-size: 22px;
        margin-right: 30px; }
        @media screen and (max-width: 1300px) {
          .tp-room-other .tx .ja {
            font-size: 1.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .tp-room-other .tx .ja {
            font-size: 5.8666666667vw; } }
        @media screen and (max-width: 1300px) {
          .tp-room-other .tx .ja {
            margin-right: 2.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .tp-room-other .tx .ja {
            font-size: 5.3333333333vw;
            margin-right: 10.6666666667vw; } }
      .tp-room-other .tx .en {
        font-size: 18px;
        font-family: "Sorts Mill Goudy", serif;
        font-weight: 400;
        font-style: normal; }
        @media screen and (max-width: 1300px) {
          .tp-room-other .tx .en {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .tp-room-other .tx .en {
            font-size: 4.8vw; } }
        @media screen and (max-width: 480px) {
          .tp-room-other .tx .en {
            font-size: 4.2666666667vw; } }
    .tp-room-other .hov {
      position: absolute;
      width: 100%;
      text-align: center;
      top: 40%;
      left: 0;
      font-family: "Sorts Mill Goudy", serif;
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      padding-bottom: 36px;
      color: #ffffff;
      z-index: 200;
      opacity: 0;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .tp-room-other .hov {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-room-other .hov {
          font-size: 4.2666666667vw; } }
      @media screen and (max-width: 1300px) {
        .tp-room-other .hov {
          padding-bottom: 2.7692307692vw; } }
      .tp-room-other .hov::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url(../img/top/viewmore-arw.png);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 8px;
        height: 16px; }
        @media screen and (max-width: 1300px) {
          .tp-room-other .hov::after {
            width: 0.6153846154vw;
            height: 1.2307692308vw; } }
  .tp-room-btn {
    width: 360px;
    margin: 80px auto 0; }
    @media screen and (max-width: 1300px) {
      .tp-room-btn {
        width: 27.6923076923vw;
        margin: 6.1538461538vw auto 0; } }
    @media screen and (max-width: 480px) {
      .tp-room-btn {
        width: 78.9333333333vw;
        margin: 10.6666666667vw auto 0; } }
    .tp-room-btn a {
      height: 88px; }
      @media screen and (max-width: 1300px) {
        .tp-room-btn a {
          height: 6.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .tp-room-btn a {
          height: 23.4666666667vw; } }

/* tp-cuisine
---------------------------------------------------------------------------*/
.tp-cuisine {
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/cuisine-bg.png);
  margin-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .tp-cuisine {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tp-cuisine {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tp-cuisine {
      margin-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tp-cuisine {
      margin-bottom: 12.8vw;
      background-size: 100vw auto;
      background-image: url(../img/top/cuisine-bg-sp.png); } }
  .tp-cuisine-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .tp-cuisine-bd {
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .tp-cuisine-bd {
        display: block;
        margin-bottom: 9.3333333333vw; } }
    .tp-cuisine-bd > * {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .tp-cuisine-bd > * {
          width: 100%; } }
    .tp-cuisine-bd-tx {
      width: 540px;
      margin: 0 0 0 auto;
      padding-right: 64px; }
      @media screen and (max-width: 1300px) {
        .tp-cuisine-bd-tx {
          width: 41.5384615385vw;
          padding-right: 4.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .tp-cuisine-bd-tx {
          width: 85.8666666667vw;
          margin: 0 auto;
          padding-right: 0;
          padding-bottom: 9.3333333333vw; } }
      .tp-cuisine-bd-tx .tp-point-tx-num {
        margin-bottom: 50px; }
        @media screen and (max-width: 1300px) {
          .tp-cuisine-bd-tx .tp-point-tx-num {
            margin-bottom: 3.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .tp-cuisine-bd-tx .tp-point-tx-num {
            margin-bottom: 0; } }
      .tp-cuisine-bd-tx .tp-ja-large {
        margin-bottom: 30px; }
        @media screen and (max-width: 1300px) {
          .tp-cuisine-bd-tx .tp-ja-large {
            margin-bottom: 2.3076923077vw; } }
      .tp-cuisine-bd-tx .tp-ja {
        margin-bottom: 62px; }
        @media screen and (max-width: 1300px) {
          .tp-cuisine-bd-tx .tp-ja {
            margin-bottom: 4.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .tp-cuisine-bd-tx .tp-ja {
            margin-bottom: 0; } }
    .tp-cuisine-bd-img {
      position: relative; }
      .tp-cuisine-bd-img img {
        width: 100%;
        height: 728px;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"; }
        @media screen and (max-width: 1300px) {
          .tp-cuisine-bd-img img {
            height: 56vw; } }
        @media screen and (max-width: 480px) {
          .tp-cuisine-bd-img img {
            height: 99.2vw; } }
      .tp-cuisine-bd-img p {
        position: absolute;
        left: 64px;
        bottom: 54px;
        color: #ffffff;
        white-space: nowrap; }
        @media screen and (max-width: 1300px) {
          .tp-cuisine-bd-img p {
            left: 4.9230769231vw;
            bottom: 4.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .tp-cuisine-bd-img p {
            left: 7.3333333333vw;
            bottom: 7.2vw;
            font-size: 4.2666666667vw; } }
  .tp-cuisine-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1936px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .tp-cuisine-sub {
        display: none; } }
    .tp-cuisine-sub li {
      padding: 0 4px; }
      @media screen and (max-width: 1300px) {
        .tp-cuisine-sub li {
          padding: 0 0.3076923077vw; } }
      .tp-cuisine-sub li:nth-of-type(1), .tp-cuisine-sub li:nth-of-type(3) {
        width: 22.314%; }
      .tp-cuisine-sub li:nth-of-type(2), .tp-cuisine-sub li:nth-of-type(4) {
        width: 27.686%; }
  @media screen and (max-width: 480px) {
    .tp-cuisine .view-sp .tp-desc {
      font-size: 4.2666666667vw;
      margin-bottom: 9.3333333333vw;
      padding: 0 7.3333333333vw; }
    .tp-cuisine-spsl .swiper-slide {
      width: 153.6vw; }
    .tp-cuisine-spsl .swiper-wrapper {
      transition-timing-function: linear; } }

/* tp-onsen
---------------------------------------------------------------------------*/
.tp-onsen {
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/cuisine-bg.png);
  margin-bottom: 96px;
  padding-top: 70px; }
  @media screen and (max-width: 1300px) {
    .tp-onsen {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tp-onsen {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tp-onsen {
      margin-bottom: 7.3846153846vw;
      padding-top: 5.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tp-onsen {
      margin-bottom: 12.8vw;
      background-size: 100vw auto;
      background-image: url(../img/top/cuisine-bg-sp.png); } }
  .tp-onsen .tp-point-tx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 76px; }
    @media screen and (max-width: 1300px) {
      .tp-onsen .tp-point-tx {
        margin-bottom: 5.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .tp-onsen .tp-point-tx {
        display: block;
        margin-bottom: 9.3333333333vw; } }
    .tp-onsen .tp-point-tx-bd {
      margin-left: 50px;
      padding-top: 30px; }
      @media screen and (max-width: 1300px) {
        .tp-onsen .tp-point-tx-bd {
          margin-left: 3.8461538462vw;
          padding-top: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .tp-onsen .tp-point-tx-bd {
          margin-left: 0;
          margin-top: 4vw;
          text-align: center; } }
  .tp-onsen-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto 80px; }
    @media screen and (max-width: 1300px) {
      .tp-onsen-bd {
        margin: 0 auto 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tp-onsen-bd {
        display: block;
        margin: 0 auto 10.6666666667vw; } }
    .tp-onsen-bd-left {
      position: relative;
      width: 67.0625%; }
      @media screen and (max-width: 480px) {
        .tp-onsen-bd-left {
          width: 100%;
          margin-bottom: 10.6666666667vw; } }
      .tp-onsen-bd-left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"; }
        @media screen and (max-width: 480px) {
          .tp-onsen-bd-left img {
            height: 90.6666666667vw; } }
      .tp-onsen-bd-left .tx {
        position: absolute;
        z-index: 10;
        width: calc(540px + 24.44%);
        right: 0;
        bottom: 54px;
        color: #ffffff; }
        @media screen and (max-width: 1300px) {
          .tp-onsen-bd-left .tx {
            width: calc(41.53vw + 24.44%);
            bottom: 4.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .tp-onsen-bd-left .tx {
            width: 100%;
            padding: 0 6.6666666667vw;
            font-size: 4vw;
            bottom: 7.2vw;
            letter-spacing: 0; } }
    .tp-onsen-bd-right {
      width: 32.5%; }
      @media screen and (max-width: 480px) {
        .tp-onsen-bd-right {
          width: 100%;
          padding: 0 7.4666666667vw; } }
      .tp-onsen-bd-right a {
        display: block;
        position: relative;
        overflow: hidden; }
        .tp-onsen-bd-right a + a {
          margin-top: 8px; }
          @media screen and (max-width: 1300px) {
            .tp-onsen-bd-right a + a {
              margin-top: 0.6153846154vw; } }
          @media screen and (max-width: 480px) {
            .tp-onsen-bd-right a + a {
              margin-top: 1.3333333333vw; } }
        .tp-onsen-bd-right a::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background-color: rgba(89, 89, 89, 0.6);
          mix-blend-mode: multiply;
          opacity: 0;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: ease;
          z-index: 10; }
        @media screen and (min-width: 481px) {
          .tp-onsen-bd-right a:hover {
            opacity: 1; }
            .tp-onsen-bd-right a:hover::after {
              opacity: 1; }
            .tp-onsen-bd-right a:hover .img {
              filter: blur(4px); }
            .tp-onsen-bd-right a:hover .hov {
              opacity: 1; } }
      .tp-onsen-bd-right .img {
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 480px) {
          .tp-onsen-bd-right .img img {
            width: 100%;
            height: 38.9333333333vw;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"; } }
      .tp-onsen-bd-right .tx {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        line-height: 72px;
        border-top: 1px solid #A9A9A9;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0.8em; }
        @media screen and (max-width: 1300px) {
          .tp-onsen-bd-right .tx {
            line-height: 5.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .tp-onsen-bd-right .tx {
            line-height: 11.7333333333vw; } }
        .tp-onsen-bd-right .tx::before {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          background-color: rgba(102, 102, 102, 0.4);
          mix-blend-mode: multiply;
          left: 0;
          top: 0; }
        .tp-onsen-bd-right .tx p {
          position: relative;
          mix-blend-mode: normal;
          z-index: 10; }
        .tp-onsen-bd-right .tx .ja {
          font-size: 22px;
          margin-right: 30px; }
          @media screen and (max-width: 1300px) {
            .tp-onsen-bd-right .tx .ja {
              font-size: 1.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .tp-onsen-bd-right .tx .ja {
              font-size: 5.8666666667vw; } }
          @media screen and (max-width: 1300px) {
            .tp-onsen-bd-right .tx .ja {
              margin-right: 2.3076923077vw; } }
          @media screen and (max-width: 480px) {
            .tp-onsen-bd-right .tx .ja {
              font-size: 5.0666666667vw;
              margin-right: 4.2666666667vw; } }
        .tp-onsen-bd-right .tx .en {
          font-size: 18px;
          font-family: "Sorts Mill Goudy", serif;
          font-weight: 400;
          font-style: normal; }
          @media screen and (max-width: 1300px) {
            .tp-onsen-bd-right .tx .en {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 480px) {
            .tp-onsen-bd-right .tx .en {
              font-size: 4.8vw; } }
          @media screen and (max-width: 480px) {
            .tp-onsen-bd-right .tx .en {
              font-size: 4.2666666667vw; } }
      .tp-onsen-bd-right .hov {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 30%;
        left: 0;
        font-family: "Sorts Mill Goudy", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        padding-bottom: 36px;
        color: #ffffff;
        z-index: 200;
        opacity: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1300px) {
          .tp-onsen-bd-right .hov {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .tp-onsen-bd-right .hov {
            font-size: 4.2666666667vw; } }
        @media screen and (max-width: 1300px) {
          .tp-onsen-bd-right .hov {
            padding-bottom: 2.7692307692vw; } }
        .tp-onsen-bd-right .hov::after {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          background-image: url(../img/top/viewmore-arw.png);
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 8px;
          height: 16px; }
          @media screen and (max-width: 1300px) {
            .tp-onsen-bd-right .hov::after {
              width: 0.6153846154vw;
              height: 1.2307692308vw; } }

/* tp-stay
---------------------------------------------------------------------------*/
.tp-stay {
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/stay-bg.jpg);
  margin-bottom: 96px;
  padding-top: 80px; }
  @media screen and (max-width: 1300px) {
    .tp-stay {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tp-stay {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tp-stay {
      margin-bottom: 7.3846153846vw;
      padding-top: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .tp-stay {
      background-image: url(../img/top/stay-bg-sp.jpg);
      margin-bottom: 12.8vw;
      padding-top: 9.3333333333vw; } }
  .tp-stay .tp-ja-big {
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .tp-stay .tp-ja-big {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tp-stay .tp-ja-big {
        margin-bottom: 10.5333333333vw; } }
  .tp-stay-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1694px;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .tp-stay-bd {
        width: 100%;
        display: block; } }
    .tp-stay-bd li {
      flex: 1;
      padding: 0 8px; }
      @media screen and (max-width: 1300px) {
        .tp-stay-bd li {
          padding: 0 0.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .tp-stay-bd li {
          padding: 0 7.3333333333vw; }
          .tp-stay-bd li + li {
            margin-top: 1.3333333333vw; } }
      .tp-stay-bd li a {
        display: block;
        position: relative;
        overflow: hidden; }
        .tp-stay-bd li a + a {
          margin-top: 8px; }
          @media screen and (max-width: 1300px) {
            .tp-stay-bd li a + a {
              margin-top: 0.6153846154vw; } }
        .tp-stay-bd li a::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background-color: rgba(89, 89, 89, 0.6);
          mix-blend-mode: multiply;
          opacity: 0;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: ease;
          z-index: 10; }
        @media screen and (min-width: 481px) {
          .tp-stay-bd li a:hover {
            opacity: 1; }
            .tp-stay-bd li a:hover::after {
              opacity: 1; }
            .tp-stay-bd li a:hover .img {
              filter: blur(4px); }
            .tp-stay-bd li a:hover .hov {
              opacity: 1; } }
      .tp-stay-bd li .img {
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 480px) {
          .tp-stay-bd li .img img {
            width: 100%;
            height: 25.6vw;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"; } }
      .tp-stay-bd li .tx {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 136px;
        border-top: 1px solid #A9A9A9;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (max-width: 1300px) {
          .tp-stay-bd li .tx {
            height: 10.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .tp-stay-bd li .tx {
            width: 43.3333333333vw;
            height: 100%;
            border-top: none;
            border-right: 1px solid #A9A9A9; } }
        .tp-stay-bd li .tx::before {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          background-color: rgba(102, 102, 102, 0.4);
          mix-blend-mode: multiply;
          left: 0;
          top: 0; }
        .tp-stay-bd li .tx p {
          position: relative;
          mix-blend-mode: normal;
          z-index: 10;
          width: 100%;
          text-align: center;
          line-height: 1.45; }
        .tp-stay-bd li .tx .ja {
          font-size: 22px; }
          @media screen and (max-width: 1300px) {
            .tp-stay-bd li .tx .ja {
              font-size: 1.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .tp-stay-bd li .tx .ja {
              font-size: 5.8666666667vw; } }
          @media screen and (max-width: 480px) {
            .tp-stay-bd li .tx .ja {
              font-size: 4.2666666667vw; } }
          .tp-stay-bd li .tx .ja span {
            font-size: 18px; }
            @media screen and (max-width: 1300px) {
              .tp-stay-bd li .tx .ja span {
                font-size: 1.3846153846vw; } }
            @media screen and (max-width: 480px) {
              .tp-stay-bd li .tx .ja span {
                font-size: 4.8vw; } }
            @media screen and (max-width: 480px) {
              .tp-stay-bd li .tx .ja span {
                font-size: 3.7333333333vw; } }
      .tp-stay-bd li .hov {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 40%;
        left: 0;
        font-family: "Sorts Mill Goudy", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        padding-bottom: 36px;
        color: #ffffff;
        z-index: 200;
        opacity: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1300px) {
          .tp-stay-bd li .hov {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .tp-stay-bd li .hov {
            font-size: 4.2666666667vw; } }
        @media screen and (max-width: 1300px) {
          .tp-stay-bd li .hov {
            padding-bottom: 2.7692307692vw; } }
        .tp-stay-bd li .hov::after {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          background-image: url(../img/top/viewmore-arw.png);
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 8px;
          height: 16px; }
          @media screen and (max-width: 1300px) {
            .tp-stay-bd li .hov::after {
              width: 0.6153846154vw;
              height: 1.2307692308vw; } }

/* tp-access
---------------------------------------------------------------------------*/
.tp-access {
  position: relative;
  padding-top: 96px;
  height: 820px; }
  @media screen and (max-width: 1300px) {
    .tp-access {
      padding-top: 7.3846153846vw;
      height: 63.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .tp-access {
      padding-top: 12.8vw;
      padding-bottom: 12.8vw;
      height: auto; } }
  .tp-access-bg {
    position: absolute;
    width: 2000px;
    height: 1280px;
    left: 50%;
    transform: translateX(-50%);
    top: -460px;
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .tp-access-bg {
        width: 153.8461538462vw;
        height: 98.4615384615vw;
        top: -35.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .tp-access-bg {
        top: 0;
        left: 0;
        transform: translateX(0);
        width: 100%;
        height: 100%; } }
  .tp-access .tp-ja-large {
    margin-bottom: 20px; }
    @media screen and (max-width: 1300px) {
      .tp-access .tp-ja-large {
        margin-bottom: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .tp-access .tp-ja-large {
        margin-top: 3.2vw;
        margin-bottom: 3.2vw; } }
  .tp-access .tp-ja {
    margin-bottom: 40px; }
    @media screen and (max-width: 1300px) {
      .tp-access .tp-ja {
        margin-bottom: 3.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .tp-access .tp-desc {
      font-size: 4.2666666667vw; } }
  .tp-access .tp-room-btn {
    margin-left: 0; }
    @media screen and (max-width: 480px) {
      .tp-access .tp-room-btn {
        margin: 116vw auto 0; } }

/* tp-sigh
---------------------------------------------------------------------------*/
.tp-sigh {
  position: relative;
  padding: 96px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/top/sigh-bg.jpg); }
  @media screen and (max-width: 1300px) {
    .tp-sigh {
      padding: 7.3846153846vw 0; } }
  @media screen and (max-width: 480px) {
    .tp-sigh {
      padding: 12.8vw 0;
      background-image: url(../img/top/sigh-bg-sp.jpg); } }
  .tp-sigh-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .tp-sigh-hd {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tp-sigh-hd {
        display: block;
        margin-bottom: 9.3333333333vw; }
        .tp-sigh-hd-right {
          font-size: 4.2666666667vw;
          margin-bottom: 6.6666666667vw; } }
  @media screen and (max-width: 480px) {
    .tp-sigh .tp-ja-large {
      margin-top: 3.2vw;
      margin-bottom: 3.2vw; } }
  .tp-sigh-sl .swiper-wrapper {
    transition-timing-function: linear; }
  .tp-sigh-sl .swiper-slide {
    width: 556px; }
    @media screen and (max-width: 1300px) {
      .tp-sigh-sl .swiper-slide {
        width: 42.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .tp-sigh-sl .swiper-slide {
        width: 68.2666666667vw; } }
    .tp-sigh-sl .swiper-slide a {
      display: block;
      position: relative;
      overflow: hidden;
      width: 520px; }
      @media screen and (max-width: 1300px) {
        .tp-sigh-sl .swiper-slide a {
          width: 40vw; } }
      @media screen and (max-width: 480px) {
        .tp-sigh-sl .swiper-slide a {
          width: 64vw; } }
      .tp-sigh-sl .swiper-slide a + a {
        margin-top: 8px; }
        @media screen and (max-width: 1300px) {
          .tp-sigh-sl .swiper-slide a + a {
            margin-top: 0.6153846154vw; } }
      @media screen and (min-width: 481px) {
        .tp-sigh-sl .swiper-slide a:hover {
          opacity: 1; }
          .tp-sigh-sl .swiper-slide a:hover .img img {
            filter: blur(4px); }
          .tp-sigh-sl .swiper-slide a:hover .img::after {
            opacity: 1; }
          .tp-sigh-sl .swiper-slide a:hover .hov {
            opacity: 1; } }
    .tp-sigh-sl .swiper-slide .img {
      position: relative;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease;
      overflow: hidden; }
      .tp-sigh-sl .swiper-slide .img::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(89, 89, 89, 0.6);
        mix-blend-mode: multiply;
        opacity: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        z-index: 10; }
      @media screen and (max-width: 480px) {
        .tp-sigh-sl .swiper-slide .img img {
          width: 100%;
          height: 58.6666666667vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
    .tp-sigh-sl .swiper-slide .tx {
      width: 100%; }
      .tp-sigh-sl .swiper-slide .tx p {
        width: 100%;
        text-align: center;
        line-height: 1.45;
        margin-top: 20px; }
        @media screen and (max-width: 1300px) {
          .tp-sigh-sl .swiper-slide .tx p {
            margin-top: 1.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .tp-sigh-sl .swiper-slide .tx p {
            font-size: 4.2666666667vw;
            margin-top: 2.1333333333vw; } }
    .tp-sigh-sl .swiper-slide .hov {
      position: absolute;
      width: 100%;
      text-align: center;
      top: 40%;
      left: 0;
      font-family: "Sorts Mill Goudy", serif;
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      padding-bottom: 36px;
      color: #ffffff;
      z-index: 200;
      opacity: 0;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .tp-sigh-sl .swiper-slide .hov {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-sigh-sl .swiper-slide .hov {
          font-size: 4.2666666667vw; } }
      @media screen and (max-width: 1300px) {
        .tp-sigh-sl .swiper-slide .hov {
          padding-bottom: 2.7692307692vw; } }
      .tp-sigh-sl .swiper-slide .hov::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url(../img/top/viewmore-arw.png);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 8px;
        height: 16px; }
        @media screen and (max-width: 1300px) {
          .tp-sigh-sl .swiper-slide .hov::after {
            width: 0.6153846154vw;
            height: 1.2307692308vw; } }

/* tp-plan
---------------------------------------------------------------------------*/
.tp-plan {
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/cuisine-bg.png);
  padding-top: 96px;
  margin-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .tp-plan {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tp-plan {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tp-plan {
      padding-top: 7.3846153846vw;
      margin-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tp-plan {
      padding-top: 11.4666666667vw;
      margin-bottom: 12.8vw;
      background-size: 100vw auto;
      background-image: url(../img/top/cuisine-bg-sp.png); } }
  .tp-plan-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .tp-plan-ttl {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tp-plan-ttl {
        display: block;
        text-align: center;
        margin-bottom: 9.3333333333vw; } }
    .tp-plan-ttl > * {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .tp-plan-ttl > * {
          display: block; } }
      .tp-plan-ttl > * + * {
        margin-left: 0.8em; }
        @media screen and (max-width: 480px) {
          .tp-plan-ttl > * + * {
            margin-left: 0;
            letter-spacing: .04em; } }
  .tp-plan-bd ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .tp-plan-bd ul {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tp-plan-bd ul {
        display: block;
        margin-bottom: 9.3333333333vw; } }
    .tp-plan-bd ul li {
      width: 332px; }
      @media screen and (max-width: 1300px) {
        .tp-plan-bd ul li {
          width: 25.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tp-plan-bd ul li {
          width: 79.3333333333vw;
          margin-left: auto;
          margin-right: auto; }
          .tp-plan-bd ul li img {
            width: 100%;
            height: 49.8666666667vw;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"; } }
      .tp-plan-bd ul li + li {
        margin-left: 42px; }
        @media screen and (max-width: 1300px) {
          .tp-plan-bd ul li + li {
            margin-left: 3.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .tp-plan-bd ul li + li {
            margin-left: auto;
            margin-top: 4.8vw; } }
      .tp-plan-bd ul li a {
        display: block; }
        .tp-plan-bd ul li a .tx {
          margin-top: 20px; }
          @media screen and (max-width: 1300px) {
            .tp-plan-bd ul li a .tx {
              margin-top: 1.5384615385vw; } }
          @media screen and (max-width: 480px) {
            .tp-plan-bd ul li a .tx {
              margin-top: 2.6666666667vw;
              font-size: 4.2666666667vw; } }
  .tp-plan-bestrate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 480px) {
      .tp-plan-bestrate {
        display: block; } }
    .tp-plan-bestrate-left {
      display: block;
      width: 730px; }
      @media screen and (max-width: 1300px) {
        .tp-plan-bestrate-left {
          width: 56.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .tp-plan-bestrate-left {
          width: 100%; } }
      .tp-plan-bestrate-left .ttl {
        position: relative;
        background-color: #231815;
        padding: 5px; }
        @media screen and (max-width: 1300px) {
          .tp-plan-bestrate-left .ttl {
            padding: 0.3846153846vw; } }
        .tp-plan-bestrate-left .ttl::after {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          width: 12px;
          height: 20px;
          background-image: url(../img/cmn/bestrate-arw.png);
          right: 120px;
          top: 50%;
          transform: translateY(-50%); }
          @media screen and (max-width: 1300px) {
            .tp-plan-bestrate-left .ttl::after {
              right: 9.2307692308vw;
              width: 0.9230769231vw;
              height: 1.5384615385vw; } }
        .tp-plan-bestrate-left .ttl img {
          width: 414px;
          margin: 0 auto; }
          @media screen and (max-width: 1300px) {
            .tp-plan-bestrate-left .ttl img {
              width: 31.8461538462vw; } }
          @media screen and (max-width: 480px) {
            .tp-plan-bestrate-left .ttl img {
              width: 85.3333333333vw;
              height: 24.8vw;
              object-fit: cover;
              object-position: center;
              font-family: "object-fit: cover; object-position: center;"; } }
      .tp-plan-bestrate-left .tx {
        background-color: #ffffff;
        text-align: center;
        padding: .5em; }
        @media screen and (max-width: 480px) {
          .tp-plan-bestrate-left .tx {
            display: none; } }
        .tp-plan-bestrate-left .tx p {
          font-size: 16px; }
          @media screen and (max-width: 1300px) {
            .tp-plan-bestrate-left .tx p {
              font-size: 1.2307692308vw; } }
          @media screen and (max-width: 480px) {
            .tp-plan-bestrate-left .tx p {
              font-size: 4.2666666667vw; } }
          .tp-plan-bestrate-left .tx p b {
            font-size: 18px;
            font-weight: 400;
            color: #B3272D; }
            @media screen and (max-width: 1300px) {
              .tp-plan-bestrate-left .tx p b {
                font-size: 1.3846153846vw; } }
            @media screen and (max-width: 480px) {
              .tp-plan-bestrate-left .tx p b {
                font-size: 4.8vw; } }
    .tp-plan-bestrate-right {
      width: 350px; }
      @media screen and (max-width: 1300px) {
        .tp-plan-bestrate-right {
          width: 26.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .tp-plan-bestrate-right {
          width: 100%; } }
      .tp-plan-bestrate-right .hdbtn-reser {
        width: 100%;
        height: 100%; }
        .tp-plan-bestrate-right .hdbtn-reser a {
          height: 100%; }
          @media screen and (max-width: 480px) {
            .tp-plan-bestrate-right .hdbtn-reser a {
              height: 23.4666666667vw; } }
          .tp-plan-bestrate-right .hdbtn-reser a > span {
            display: block;
            text-align: center;
            width: 100%;
            text-align: center;
            padding-right: 10px;
            background-image: url(../img/cmn/btn-arw-white.png);
            background-size: 10px 19px;
            background-position: right 24px center;
            background-repeat: no-repeat;
            transition-property: all;
            transition-duration: 0.3s;
            transition-timing-function: ease; }
            @media screen and (max-width: 1300px) {
              .tp-plan-bestrate-right .hdbtn-reser a > span {
                padding-right: 0.7692307692vw;
                background-size: 0.7692307692vw 1.4615384615vw;
                background-position: right 1.8461538462vw center; } }
            @media screen and (max-width: 480px) {
              .tp-plan-bestrate-right .hdbtn-reser a > span {
                padding-right: 1.3333333333vw;
                background-size: 2vw 3.7333333333vw;
                background-position: right 3.2vw center; } }
            .tp-plan-bestrate-right .hdbtn-reser a > span span {
              padding-left: 0; }
              @media screen and (max-width: 480px) {
                .tp-plan-bestrate-right .hdbtn-reser a > span span {
                  font-size: 5.6vw; } }
              .tp-plan-bestrate-right .hdbtn-reser a > span span::before {
                display: none; }
              .tp-plan-bestrate-right .hdbtn-reser a > span span.en {
                font-family: "Sorts Mill Goudy", serif;
                font-weight: 400;
                font-style: normal;
                font-size: 16px;
                color: #AC91B9; }
                @media screen and (max-width: 1300px) {
                  .tp-plan-bestrate-right .hdbtn-reser a > span span.en {
                    font-size: 1.2307692308vw; } }
                @media screen and (max-width: 480px) {
                  .tp-plan-bestrate-right .hdbtn-reser a > span span.en {
                    font-size: 4.2666666667vw; } }

/* tp-day
---------------------------------------------------------------------------*/
.tp-day {
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/cuisine-bg.png);
  padding-top: 96px;
  margin-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .tp-day {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tp-day {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tp-day {
      padding-top: 7.3846153846vw;
      margin-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tp-day {
      padding-top: 12.8vw;
      margin-bottom: 12.8vw;
      background-size: 100vw auto;
      background-image: url(../img/top/cuisine-bg-sp.png); } }
  @media screen and (max-width: 480px) {
    .tp-day .wrap-min {
      width: 100vw; } }
  .tp-day-bd {
    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: 480px) {
      .tp-day-bd {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
    .tp-day-bd-img {
      width: 540px; }
      @media screen and (max-width: 1300px) {
        .tp-day-bd-img {
          width: 41.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tp-day-bd-img {
          width: 100%; } }
      .tp-day-bd-img > div {
        width: 800px;
        margin-left: -260px; }
        @media screen and (max-width: 1300px) {
          .tp-day-bd-img > div {
            width: 61.5384615385vw;
            margin-left: -20vw; } }
        @media screen and (max-width: 480px) {
          .tp-day-bd-img > div {
            width: 100%;
            margin-left: 0; } }
    .tp-day-bd-tx {
      width: 480px; }
      @media screen and (max-width: 1300px) {
        .tp-day-bd-tx {
          width: 36.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .tp-day-bd-tx {
          width: 100%;
          padding: 0 7.3333333333vw;
          margin-bottom: 9.3333333333vw; } }
      .tp-day-bd-tx .tp-ja-large {
        margin-bottom: 46px; }
        @media screen and (max-width: 1300px) {
          .tp-day-bd-tx .tp-ja-large {
            margin-bottom: 3.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .tp-day-bd-tx .tp-ja-large {
            margin-top: 5.3333333333vw;
            margin-bottom: 3.2vw; } }
      .tp-day-bd-tx .tp-room-btn {
        margin-left: 0; }

/* tp-info
---------------------------------------------------------------------------*/
.tp-info-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 54px; }
  @media screen and (max-width: 1300px) {
    .tp-info-ttl {
      margin-bottom: 4.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .tp-info-ttl {
      display: block;
      text-align: center;
      margin-bottom: 9.3333333333vw; } }
  .tp-info-ttl > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .tp-info-ttl > * {
        display: block; } }
    .tp-info-ttl > * + * {
      margin-left: 0.8em; }
      @media screen and (max-width: 480px) {
        .tp-info-ttl > * + * {
          margin-left: 0;
          margin-top: 5.8666666667vw; } }
.tp-info-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .tp-info-bd {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .tp-info-bd {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 12.8vw; }
      .tp-info-bd.wrap-min {
        width: 100vw !important; } }
  .tp-info-bd-blog, .tp-info-bd-voice {
    width: 524px;
    margin-bottom: 70px;
    padding: 56px 40px; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd-blog, .tp-info-bd-voice {
        width: 40.3076923077vw;
        margin-bottom: 5.3846153846vw;
        padding: 4.3076923077vw 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-bd-blog, .tp-info-bd-voice {
        width: 100%;
        padding: 7.2vw 7.3333333333vw;
        margin-bottom: 0; } }
  .tp-info-bd-blog {
    margin-right: 32px;
    background-color: #E3DAE8; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd-blog {
        margin-right: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-bd-blog {
        margin-right: 0; } }
  .tp-info-bd-insta {
    width: 520px;
    margin-right: 42px;
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd-insta {
        width: 40vw;
        margin-right: 3.2307692308vw;
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-bd-insta {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        padding: 8.5333333333vw 10.6666666667vw 0; } }
    @media screen and (min-width: 481px) {
      .tp-info-bd-insta .tp-info-sns-emb {
        margin-top: 18px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .tp-info-bd-insta .tp-info-sns-emb {
      margin-top: 1.3846153846vw; } }

  .tp-info-bd-facebook {
    width: 504px; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd-facebook {
        width: 38.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-bd-facebook {
        width: 100%;
        padding: 8.5333333333vw 10.6666666667vw; } }
  .tp-info-bd-x, .tp-info-bd-line {
    width: 310px; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd-x, .tp-info-bd-line {
        width: 23.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-bd-x, .tp-info-bd-line {
        width: 21.3333333333vw; }
        .tp-info-bd-x .tp-info-sns, .tp-info-bd-x .tp-info-sns .tx, .tp-info-bd-line .tp-info-sns, .tp-info-bd-line .tp-info-sns .tx {
          display: block;
          text-align: center; }
          .tp-info-bd-x .tp-info-sns > *, .tp-info-bd-x .tp-info-sns .tx > *, .tp-info-bd-line .tp-info-sns > *, .tp-info-bd-line .tp-info-sns .tx > * {
            width: 100%; }
          .tp-info-bd-x .tp-info-sns .icn, .tp-info-bd-x .tp-info-sns .tx .icn, .tp-info-bd-line .tp-info-sns .icn, .tp-info-bd-line .tp-info-sns .tx .icn {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 2.2666666667vw; }
        .tp-info-bd-x .tp-info-sns-btn span, .tp-info-bd-line .tp-info-sns-btn span {
          padding-left: 0;
          padding-top: 3.4666666667vw;
          margin-top: 7.2vw; }
          .tp-info-bd-x .tp-info-sns-btn span::before, .tp-info-bd-line .tp-info-sns-btn span::before {
            top: 0;
            transform: translateX(0); } }
  @media screen and (max-width: 480px) {
    .tp-info-bd-line {
      margin-left: 20vw; } }
  .tp-info-bd-voice {
    background-color: #ffffff; }
  .tp-info-bd-ttlbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd-ttlbox {
        margin-bottom: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-bd-ttlbox {
        position: relative;
        margin-bottom: 7.2vw; } }
    .tp-info-bd-ttlbox-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 284px; }
      @media screen and (max-width: 1300px) {
        .tp-info-bd-ttlbox-left {
          width: 21.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-bd-ttlbox-left {
          width: 66.6666666667vw; } }
    .tp-info-bd-ttlbox-right {
      width: 160px; }
      @media screen and (max-width: 1300px) {
        .tp-info-bd-ttlbox-right {
          width: 12.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-bd-ttlbox-right {
          position: absolute;
          width: 34.1333333333vw;
          top: 0;
          right: -9.3333333333vw; } }
  .tp-info-bd-article {
    border-top: 1px solid #B9B9B9;
    padding: 20px 0; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd-article {
        padding: 1.5384615385vw 0; } }
    .tp-info-bd-article:last-of-type {
      border-bottom: 1px solid #B9B9B9; }
    .tp-info-bd-article a {
      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: 480px) {
        .tp-info-bd-article a {
          display: block;
          padding: 2.4vw 14.6666666667vw 2.4vw 0;
          background-image: url(../img/top/news-arw-sp.png);
          background-position: right center;
          background-size: 2.9333333333vw 5.3333333333vw;
          background-repeat: no-repeat; } }
      .tp-info-bd-article a .img {
        width: 192px; }
        @media screen and (max-width: 1300px) {
          .tp-info-bd-article a .img {
            width: 14.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .tp-info-bd-article a .img {
            display: none; } }
        .tp-info-bd-article a .img img {
          width: 100%;
          height: 124px;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; }
          @media screen and (max-width: 1300px) {
            .tp-info-bd-article a .img img {
              height: 9.5384615385vw; } }
      .tp-info-bd-article a .tx {
        width: 222px; }
        @media screen and (max-width: 1300px) {
          .tp-info-bd-article a .tx {
            width: 17.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .tp-info-bd-article a .tx {
            width: 72vw; } }
        .tp-info-bd-article a .tx .date {
          line-height: 1.1;
          margin-bottom: 0.5em; }
        .tp-info-bd-article a .tx .ttl {
          font-size: 18px;
          line-height: 1.6; }
          @media screen and (max-width: 1300px) {
            .tp-info-bd-article a .tx .ttl {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 480px) {
            .tp-info-bd-article a .tx .ttl {
              font-size: 4.8vw; } }
          @media screen and (max-width: 480px) {
            .tp-info-bd-article a .tx .ttl {
              overflow: hidden;
              display: -webkit-box;
              text-overflow: ellipsis;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2; } }
  .tp-info-bd .tp-room-btn {
    margin-top: 40px; }
    @media screen and (max-width: 1300px) {
      .tp-info-bd .tp-room-btn {
        margin-top: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-bd .tp-room-btn {
        margin-top: 8.5333333333vw; } }
  .tp-info-bd-othersns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    color: #ffffff; }
    @media screen and (max-width: 480px) {
      .tp-info-bd-othersns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .tp-info-bd-othersns a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 360px;
      height: 88px;
      padding-left: 40px;
      background-color: #546D5C;
      border: 1px solid #546D5C;
      background-image: url(../img/cmn/btn-arw-white.png);
      background-size: 12px 20px;
      background-repeat: no-repeat;
      background-position: right 24px center; }
      @media screen and (max-width: 1300px) {
        .tp-info-bd-othersns a {
          width: 27.6923076923vw;
          height: 6.7692307692vw;
          padding-left: 3.0769230769vw;
          background-size: 0.9230769231vw 1.5384615385vw;
          background-position: right 1.8461538462vw center; } }
      @media screen and (max-width: 480px) {
        .tp-info-bd-othersns a {
          width: 78.6666666667vw;
          height: 18vw;
          padding-left: 10.6666666667vw;
          background-size: 3.2vw 5.3333333333vw;
          background-position: right 6.4vw center; } }
      .tp-info-bd-othersns a + a {
        margin-left: 24px; }
        @media screen and (max-width: 1300px) {
          .tp-info-bd-othersns a + a {
            margin-left: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .tp-info-bd-othersns a + a {
            margin-left: 0;
            margin-top: 4.2666666667vw; } }
      @media screen and (min-width: 481px) {
        .tp-info-bd-othersns a:hover {
          opacity: 1;
          border: 1px solid #98A79D;
          color: #75488A;
          background-color: #ffffff;
          background-image: url(../img/cmn/btn-arw-agi.png); }
          .tp-info-bd-othersns a:hover .icn.sns-x {
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url(../img/top/info-x.png); }
            .tp-info-bd-othersns a:hover .icn.sns-x img {
              opacity: 0; } }
    .tp-info-bd-othersns .icn.sns-x {
      width: 38px;
      margin-right: 60px; }
      @media screen and (max-width: 1300px) {
        .tp-info-bd-othersns .icn.sns-x {
          width: 2.9230769231vw;
          margin-right: 4.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-bd-othersns .icn.sns-x {
          width: 10.1333333333vw;
          margin-right: 11.6vw; } }
      .tp-info-bd-othersns .icn.sns-x img {
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
    .tp-info-bd-othersns .icn.sns-line {
      width: 46px;
      margin-right: 48px; }
      @media screen and (max-width: 1300px) {
        .tp-info-bd-othersns .icn.sns-line {
          width: 3.5384615385vw;
          margin-right: 3.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-bd-othersns .icn.sns-line {
          width: 9.6vw;
          margin-right: 12.8vw; } }
    .tp-info-bd-othersns .tx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 16px; }
      @media screen and (max-width: 1300px) {
        .tp-info-bd-othersns .tx {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-bd-othersns .tx {
          font-size: 4.2666666667vw; } }
      .tp-info-bd-othersns .tx .en {
        font-family: "Sorts Mill Goudy", serif;
        font-weight: 400;
        font-style: normal;
        letter-spacing: .14em; }
      .tp-info-bd-othersns .tx .ja {
        margin-left: 1em;
        letter-spacing: .24em; }
      .tp-info-bd-othersns .tx .followus {
        width: 100%;
        letter-spacing: .14em;
        color: #A9B6AD;
        font-family: "Sorts Mill Goudy", serif;
        font-weight: 400;
        font-style: normal; }
        @media screen and (max-width: 480px) {
          .tp-info-bd-othersns .tx .followus {
            line-height: 1.1; } }
.tp-info-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .tp-info-sns .icn {
    width: 46px;
    margin-right: 32px; }
    @media screen and (max-width: 1300px) {
      .tp-info-sns .icn {
        width: 3.5384615385vw;
        margin-right: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-sns .icn {
        width: 11.2vw;
        margin-right: 8vw; } }
  .tp-info-sns .tx p {
    line-height: 1.3; }
    .tp-info-sns .tx p.tp-en {
      font-size: 16px;
      margin-bottom: 0.3em; }
      @media screen and (max-width: 1300px) {
        .tp-info-sns .tx p.tp-en {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-sns .tx p.tp-en {
          font-size: 4.2666666667vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-sns .tx p.tp-en {
          font-size: 3.7333333333vw; } }
    .tp-info-sns .tx p.tp-desc {
      font-size: 16px; }
      @media screen and (max-width: 1300px) {
        .tp-info-sns .tx p.tp-desc {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-sns .tx p.tp-desc {
          font-size: 4.2666666667vw; } }
  .tp-info-sns-emb {
    margin-top: 30px;
    color: #000000; }
    @media screen and (max-width: 1300px) {
      .tp-info-sns-emb {
        margin-top: 2.3076923077vw; } }
  .tp-info-sns-btn {
    margin-top: 40px; }
    @media screen and (max-width: 1300px) {
      .tp-info-sns-btn {
        margin-top: 3.0769230769vw; } }
    .tp-info-sns-btn a {
      display: block; }
      .tp-info-sns-btn a span {
        position: relative;
        display: block;
        padding-left: 104px;
        font-size: 16px;
        color: #8B8B8B;
        font-family: "Sorts Mill Goudy", serif;
        font-weight: 400;
        font-style: normal; }
        @media screen and (max-width: 1300px) {
          .tp-info-sns-btn a span {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .tp-info-sns-btn a span {
            font-size: 4.2666666667vw; } }
        @media screen and (max-width: 1300px) {
          .tp-info-sns-btn a span {
            padding-left: 8vw; } }
        @media screen and (max-width: 480px) {
          .tp-info-sns-btn a span {
            padding-left: 28.2666666667vw;
            font-size: 3.7333333333vw; } }
        .tp-info-sns-btn a span::before {
          position: absolute;
          content: "";
          width: 80px;
          height: 1px;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background-color: #75488A; }
          @media screen and (max-width: 1300px) {
            .tp-info-sns-btn a span::before {
              width: 6.1538461538vw; } }
          @media screen and (max-width: 480px) {
            .tp-info-sns-btn a span::before {
              width: 21.3333333333vw; } }
@media screen and (max-width: 480px) {
  .tp-info-car {
    width: 82.4vw;
    margin-left: auto;
    margin-right: auto; } }
.tp-info-car .swiper-slide {
  width: 344px; }
  @media screen and (max-width: 1300px) {
    .tp-info-car .swiper-slide {
      width: 26.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .tp-info-car .swiper-slide {
      width: 82.4vw; } }
  .tp-info-car .swiper-slide a {
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .tp-info-car .swiper-slide a {
        width: 24.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-car .swiper-slide a {
        width: 76.8vw; } }
.tp-info-car .swiper-fraction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  color: #8B8B8B; }
  @media screen and (max-width: 1300px) {
    .tp-info-car .swiper-fraction {
      margin-top: 2.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .tp-info-car .swiper-fraction {
      margin-top: 6.1333333333vw; } }
  .tp-info-car .swiper-fraction span {
    font-family: "Sorts Mill Goudy", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .14em; }
    @media screen and (max-width: 1300px) {
      .tp-info-car .swiper-fraction span {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-car .swiper-fraction span {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .tp-info-car .swiper-fraction span {
        font-size: 3.7333333333vw; } }
    .tp-info-car .swiper-fraction span.bdr {
      width: 150px;
      height: 1px;
      background-color: #B9B9B9;
      margin: 10px 20px; }
      @media screen and (max-width: 1300px) {
        .tp-info-car .swiper-fraction span.bdr {
          width: 11.5384615385vw;
          margin: 0.7692307692vw 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tp-info-car .swiper-fraction span.bdr {
          width: 36vw;
          margin: 2.6666666667vw 5.3333333333vw; } }