/*! Writen  by SCSS */
.limited_outer:before {
  content: none; }

.limited_area {
  padding: clamp(60px, 6.667vw, 80px) 0 0; }
  .limited_area .view_read {
    text-align: center;
    font-size: clamp(20px, 2.5vw, 30px);
    color: #aa852f;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .limited_area .view_read {
        font-size: 4.8vw;
        margin-bottom: 10px; } }
  .limited_area .view_read_sub {
    text-align: center;
    font-size: clamp(14px, 2.167vw, 26px);
    color: #333;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .limited_area .view_read_sub {
        font-size: 3.7vw;
        margin-bottom: 30px; } }
  .limited_area .view_wrap {
    position: relative;
    /*
    .panoramaImg2{
    	position: absolute;
    	left:0;
    	top:0;
    	opacity: 0;
    	pointer-events: none;
    	transition:0.5s all ease-in-out 0s;
    	&.active{
    		opacity: 1;
    		pointer-events: all;
    	}
    }
    */ }
    .limited_area .view_wrap .panoramaImg1,
    .limited_area .view_wrap .panoramaImg2 {
      position: relative; }
      .limited_area .view_wrap .panoramaImg1 .panoramaImg-box,
      .limited_area .view_wrap .panoramaImg2 .panoramaImg-box {
        cursor: grab;
        line-height: 0; }
      .limited_area .view_wrap .panoramaImg1 .link-ul,
      .limited_area .view_wrap .panoramaImg2 .link-ul {
        display: flex; }
        .limited_area .view_wrap .panoramaImg1 .link-ul li,
        .limited_area .view_wrap .panoramaImg2 .link-ul li {
          position: absolute;
          height: 72px;
          top: 50%;
          width: 36px;
          margin-top: -18px;
          cursor: pointer;
          z-index: 2; }
          .limited_area .view_wrap .panoramaImg1 .link-ul li#left,
          .limited_area .view_wrap .panoramaImg2 .link-ul li#left {
            left: 10px;
            background: url(../images/limited/limited_view/panorama_arrow_left.png) no-repeat left top;
            -webkit-background-size: cover;
            background-size: cover; }
          .limited_area .view_wrap .panoramaImg1 .link-ul li#right,
          .limited_area .view_wrap .panoramaImg2 .link-ul li#right {
            right: 10px;
            background: url(../images/limited/limited_view/panorama_arrow_right.png) no-repeat right top;
            -webkit-background-size: cover;
            background-size: cover; }
  .limited_area .movie_area {
    padding: 70px 0 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url("../images/limited/limited_view/bg_view.jpg"); }
    @media screen and (max-width: 480px) {
      .limited_area .movie_area {
        background-image: url("../images/limited/limited_view/bg_view_sp.jpg"); } }
    .limited_area .movie_area .landplan {
      margin: 0 auto 80px;
      max-width: 870px;
      position: relative; }
      @media screen and (max-width: 480px) {
        .limited_area .movie_area .landplan {
          width: 96%;
          max-width: auto;
          margin: 0 auto 40px; } }
      .limited_area .movie_area .landplan .cap_r {
        position: absolute;
        bottom: 0;
        right: 120px; }
        @media screen and (max-width: 480px) {
          .limited_area .movie_area .landplan .cap_r {
            right: 50px; } }
    .limited_area .movie_area .movie_ttl_wrap {
      flex-direction: column;
      align-items: center;
      row-gap: 30px;
      margin-bottom: clamp(50px, 6.667vw, 80px);
      padding-top: 50px;
      margin-top: -50px; }
      @media screen and (max-width: 480px) {
        .limited_area .movie_area .movie_ttl_wrap {
          row-gap: 20px; } }
      @media screen and (max-width: 480px) {
        .limited_area .movie_area .movie_ttl_wrap .movie_ttl {
          width: 50%;
          margin: 0 auto; } }
      .limited_area .movie_area .movie_ttl_wrap .view_read {
        margin-bottom: 0; }
    .limited_area .movie_area .movie_cont {
      max-width: 1140px;
      margin: 0 auto clamp(40px, 5vw, 60px);
      flex-direction: column;
      row-gap: clamp(60px, 8.334vw, 100px); }
      @media screen and (max-width: 480px) {
        .limited_area .movie_area .movie_cont {
          margin: 0 auto 20px; } }
      .limited_area .movie_area .movie_cont .movie_cont_in {
        background: #FFF;
        padding: 10px;
        position: relative; }
        .limited_area .movie_area .movie_cont .movie_cont_in .box_in {
          position: relative; }
          .limited_area .movie_area .movie_cont .movie_cont_in .box_in:before {
            content: "";
            display: block;
            padding-top: 56.25%; }
          .limited_area .movie_area .movie_cont .movie_cont_in .box_in.coming:after {
            content: "";
            position: absolute;
            inset: 0;
            background: #cccccc; }
          .limited_area .movie_area .movie_cont .movie_cont_in .box_in iframe {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%; }
        .limited_area .movie_area .movie_cont .movie_cont_in .view_ttl {
          position: absolute;
          inset: 0;
          bottom: auto;
          transform: translateY(-50%);
          background: #FFF;
          color: #002a5a;
          text-align: center;
          padding: 10px 40px;
          width: fit-content;
          margin-inline: auto;
          line-height: 1.4;
          border-radius: 30px;
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          font-size: clamp(16px, 1.834vw, 22px);
          letter-spacing: 0.05em; }
          @media screen and (max-width: 768px) {
            .limited_area .movie_area .movie_cont .movie_cont_in .view_ttl {
              font-size: 2.5vw; } }
          @media screen and (max-width: 480px) {
            .limited_area .movie_area .movie_cont .movie_cont_in .view_ttl {
              padding: 5px 20px;
              font-size: 3.8vw; } }
    .limited_area .movie_area .notes-area {
      background: none; }