@charset "UTF-8";
/*! Writen  by SCSS */
.limited_area {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/common/bg_limited.jpg); }
  .limited_area .limited_content {
    padding: 60px 0; }

.view_contents {
  position: relative;
  padding: 60px 0 0;
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-image: url(../images/special/limited-view/bg01.jpg); }
  @media screen and (max-width: 480px) {
    .view_contents {
      background-size: auto 100%; } }
  .view_contents .midashi_wrap {
    display: flex;
    flex-direction: column;
    text-align: center;
    grid-row-gap: clamp(20px, 2.084vw, 25px);
    margin-bottom: 40px; }
    .view_contents .midashi_wrap .en_midashi {
      font-size: clamp(46px, 5.334vw, 64px);
      line-height: 1;
      width: fit-content;
      margin: 0 auto;
      letter-spacing: 0.05em;
      display: inline-block;
      background: linear-gradient(90deg, #e2b469 0%, #bb6b11 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .view_contents .midashi_wrap .midashi {
      font-size: clamp(18px, 2.834vw, 34px);
      color: #967838;
      line-height: 1.8; }
@includem mq($br_sp) {
  .view_contents .midashi_wrap .midashi {
    font-size: 5vw; } }
      .view_contents .midashi_wrap .midashi.blue_grad {
        width: fit-content;
        margin: 0 auto; }
    .view_contents .midashi_wrap .read {
      font-size: clamp(14px, 1.667vw, 20px);
      line-height: 1;
      letter-spacing: 0.2em; }
  .view_contents .floor_shikihai {
    align-items: center; }
    @media screen and (max-width: 480px) {
      .view_contents .floor_shikihai {
        flex-direction: column;
        row-gap: 20px; } }
    .view_contents .floor_shikihai .floor {
      width: 59.17%;
      flex-wrap: wrap;
      gap: clamp(20px, 3.334vw, 40px) 0; }
      @media screen and (max-width: 480px) {
        .view_contents .floor_shikihai .floor {
          width: 100%; } }
      .view_contents .floor_shikihai .floor .floor_ttl {
        width: 100%;
        text-align: center;
        font-size: clamp(14px, 1.539vw, 20px); }
        @media screen and (max-width: 480px) {
          .view_contents .floor_shikihai .floor .floor_ttl {
            font-size: 16px; } }
      .view_contents .floor_shikihai .floor .floor_btn {
        width: 32.4%;
        align-items: center;
        justify-content: center;
        border: 1px solid #950b0b;
        background: rgba(149, 11, 11, 0);
        column-gap: clamp(5px, 1.25vw, 15px);
        padding: 20px 10px;
        transition: 0.3s all ease-in-out 0s; }
        @media screen and (max-width: 480px) {
          .view_contents .floor_shikihai .floor .floor_btn {
            flex-direction: column;
            gap: 6px 0;
            padding: 10px; } }
        body:not(.mobile) .view_contents .floor_shikihai .floor .floor_btn:hover, .view_contents .floor_shikihai .floor .floor_btn.active {
          text-decoration: none;
          background: #950b0b; }
          body:not(.mobile) .view_contents .floor_shikihai .floor .floor_btn:hover .type_name, .view_contents .floor_shikihai .floor .floor_btn.active .type_name {
            color: #FFF; }
          body:not(.mobile) .view_contents .floor_shikihai .floor .floor_btn:hover .type_click, .view_contents .floor_shikihai .floor .floor_btn.active .type_click {
            background: #FFF;
            color: #950b0b; }
        .view_contents .floor_shikihai .floor .floor_btn .type_name {
          font-size: clamp(13px, 1.924vw, 25px);
          color: #950b0b;
          transition: 0.3s all ease-in-out 0s; }
          @media screen and (max-width: 480px) {
            .view_contents .floor_shikihai .floor .floor_btn .type_name {
              font-size: 4vw; } }
          .view_contents .floor_shikihai .floor .floor_btn .type_name .big {
            font-size: 150%;
            display: inline-block;
            line-height: 1; }
        .view_contents .floor_shikihai .floor .floor_btn .type_click {
          font-size: clamp(10px, 1.077vw, 14px);
          color: #FFF;
          line-height: 1.4;
          background: #950b0b;
          padding: 6px 10px;
          transition: 0.3s all ease-in-out 0s; }
          @media screen and (max-width: 480px) {
            .view_contents .floor_shikihai .floor .floor_btn .type_click {
              font-size: 3vw;
              padding: 3px 10px; } }
    .view_contents .floor_shikihai .shikihai {
      width: 37.34%; }
      @media screen and (max-width: 480px) {
        .view_contents .floor_shikihai .shikihai {
          width: 100%; } }
      .view_contents .floor_shikihai .shikihai .shikihai_in {
        position: relative; }
        .view_contents .floor_shikihai .shikihai .shikihai_in .light_group {
          position: absolute;
          inset: 0; }
          .view_contents .floor_shikihai .shikihai .shikihai_in .light_group .light_img {
            position: absolute;
            inset: 0; }
            .view_contents .floor_shikihai .shikihai .shikihai_in .light_group .light_img.active {
              animation: flashing 1.8s ease-in-out 0s infinite; }
@keyframes flashing {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
        .view_contents .floor_shikihai .shikihai .shikihai_in .shikihai_prot {
          position: absolute;
          inset: 0;
          z-index: 2; }
  .view_contents .view_group {
    padding-top: 60px; }
    .view_contents .view_group .view_wrap .view_wrap_in {
      height: 500px; }
      @media screen and (max-width: 480px) {
        .view_contents .view_group .view_wrap .view_wrap_in {
          height: 320px; } }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_a_10f {
        background-image: url("../images/special/limited-view/view_a_10f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_a_8f {
        background-image: url("../images/special/limited-view/view_a_8f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_a_6f {
        background-image: url("../images/special/limited-view/view_a_6f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_a_4f {
        background-image: url("../images/special/limited-view/view_a_4f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_a_2f {
        background-image: url("../images/special/limited-view/view_a_2f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_f_10f {
        background-image: url("../images/special/limited-view/view_f_10f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_f_8f {
        background-image: url("../images/special/limited-view/view_f_8f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_f_6f {
        background-image: url("../images/special/limited-view/view_f_6f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_f_4f {
        background-image: url("../images/special/limited-view/view_f_4f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_f_2f {
        background-image: url("../images/special/limited-view/view_f_2f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_k_10f {
        background-image: url("../images/special/limited-view/view_k_10f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_k_8f {
        background-image: url("../images/special/limited-view/view_k_8f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_k_6f {
        background-image: url("../images/special/limited-view/view_k_6f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_k_4f {
        background-image: url("../images/special/limited-view/view_k_4f.jpg"); }
      .view_contents .view_group .view_wrap .view_wrap_in .view_img.view_k_2f {
        background-image: url("../images/special/limited-view/view_k_2f.jpg"); }
  .view_contents .view_group {
    display: flex;
    flex-direction: column;
    row-gap: clamp(60px, 8.334vw, 100px);
    padding-bottom: clamp(60px, 8.334vw, 100px); }
    .view_contents .view_group .view_wrap {
      position: relative; }
      .view_contents .view_group .view_wrap .floor_link {
        width: calc(100% - 40px);
        margin: 0 auto 30px;
        justify-content: center;
        column-gap: 20px; }
        @media screen and (max-width: 480px) {
          .view_contents .view_group .view_wrap .floor_link {
            column-gap: 0;
            justify-content: space-between; } }
        .view_contents .view_group .view_wrap .floor_link a {
          width: 60px;
          aspect-ratio: 1;
          background: rgba(149, 11, 11, 0);
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: clamp(14px, 1.539vw, 20px);
          color: #950b0b;
          border-radius: 50%;
          border: 1px solid #950b0b;
          transition: 0.3s all ease-in-out 0s; }
          @media screen and (max-width: 480px) {
            .view_contents .view_group .view_wrap .floor_link a {
              width: 18%;
              font-size: 5vw; } }
          .view_contents .view_group .view_wrap .floor_link a.active, body:not(.mobile) .view_contents .view_group .view_wrap .floor_link a:hover {
            background: #950b0b;
            color: #FFF;
            text-decoration: none; }
      .view_contents .view_group .view_wrap .view_floor {
        width: fit-content;
        margin: 0 auto;
        border-top: 3px double #000;
        border-bottom: 3px double #000;
        text-align: center;
        padding: 5px 20px 10px;
        line-height: 0.9;
        font-size: clamp(24px, 3vw, 36px);
        margin-bottom: 30px; }
        .view_contents .view_group .view_wrap .view_floor .big {
          font-style: italic;
          font-size: 166%;
          display: inline-block;
          line-height: 1;
          margin-right: 10px; }
      .view_contents .view_group .view_wrap .view_wrap_in {
        position: relative; }
        .view_contents .view_group .view_wrap .view_wrap_in .view_img {
          position: absolute;
          inset: 0;
          background-position: left top;
          background-repeat: repeat-x;
          background-size: cover;
          touch-action: pan-x;
          overscroll-behavior: contain; }
        .view_contents .view_group .view_wrap .view_wrap_in .next_prev_btn {
          position: absolute;
          top: 50%;
          margin-top: -25px;
          touch-action: manipulation;
          -webkit-touch-callout: none;
          /* iOSの長押しメニューを無効化 */
          -webkit-user-select: none;
          /* テキスト選択禁止 */
          user-select: none;
          /*
          background:#333;
          &:after{
          	content:"";
          	display: block;
          	width: 20px;
          	aspect-ratio: 0.7/1;
          }
          
          &.prev{
          	clip-path: polygon(100% 0, 0 50%, 100% 100%);
          }
          &.next{
          	clip-path: polygon(0 0, 0% 100%, 100% 50%);
          }
          */ }
          .view_contents .view_group .view_wrap .view_wrap_in .next_prev_btn.prev {
            left: 20px; }
            @media screen and (max-width: 480px) {
              .view_contents .view_group .view_wrap .view_wrap_in .next_prev_btn.prev {
                left: 10px; } }
          .view_contents .view_group .view_wrap .view_wrap_in .next_prev_btn.next {
            right: 20px; }
            @media screen and (max-width: 480px) {
              .view_contents .view_group .view_wrap .view_wrap_in .next_prev_btn.next {
                right: 10px; } }
      .view_contents .view_group .view_wrap .button_wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 25px;
        width: calc(100% - 60px);
        margin: 20px auto 0; }
        .view_contents .view_group .view_wrap .button_wrap button {
          background-color: transparent;
          border: none;
          cursor: pointer;
          padding: 0;
          appearance: none; }
        .view_contents .view_group .view_wrap .button_wrap .autoplay {
          border-radius: 50%;
          background: #333;
          width: 60px;
          aspect-ratio: 1;
          position: relative; }
          @media screen and (max-width: 480px) {
            .view_contents .view_group .view_wrap .button_wrap .autoplay {
              width: 50px; } }
          .view_contents .view_group .view_wrap .button_wrap .autoplay.play span.play {
            opacity: 1;
            pointer-events: all; }
          .view_contents .view_group .view_wrap .button_wrap .autoplay.play span.pause {
            opacity: 0;
            pointer-events: none; }
          .view_contents .view_group .view_wrap .button_wrap .autoplay.pause span.play {
            opacity: 0;
            pointer-events: none; }
          .view_contents .view_group .view_wrap .button_wrap .autoplay.pause span.pause {
            opacity: 1;
            pointer-events: all; }
          .view_contents .view_group .view_wrap .button_wrap .autoplay span {
            position: absolute;
            inset: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: 0.3s all ease-in-out 0s; }
            .view_contents .view_group .view_wrap .button_wrap .autoplay span:after {
              content: "";
              position: absolute;
              inset: 0;
              display: flex;
              justify-content: center;
              align-items: center;
              margin: auto;
              transition: 0.3s all ease-in-out 0s; }
            .view_contents .view_group .view_wrap .button_wrap .autoplay span.play {
              pointer-events: all; }
              .view_contents .view_group .view_wrap .button_wrap .autoplay span.play:after {
                left: 2px;
                width: 16px;
                aspect-ratio: 0.8 / 1;
                background: #FFF;
                clip-path: polygon(0 0, 0% 100%, 100% 50%); }
                @media screen and (max-width: 480px) {
                  .view_contents .view_group .view_wrap .button_wrap .autoplay span.play:after {
                    width: 12px; } }
            .view_contents .view_group .view_wrap .button_wrap .autoplay span.pause {
              pointer-events: none; }
              .view_contents .view_group .view_wrap .button_wrap .autoplay span.pause:after {
                width: 10px;
                height: 16px;
                border-left: 2px solid #FFF;
                border-right: 2px solid #FFF; }

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