:root {
   --color-seat-green-text: #79bd28;
   --color-seat-green-dark-text: #668026;
   --color-seat-smbc-first-text: #e9b800;
   --color-seat-smbc-first-dark-text: #C1AB04;
   --color-seat-smbc-third-text: #2a78b3;
   --color-seat-ivy-text: #8F8220;
   --color-seat-breeze-text: #2e8080;
   --color-seat-breeze-dark-text: #256580;
   --color-seat-right-text: #793b76;
   --color-seat-left-text: #d90964;
   --color-special-title-bg: #40210F;
   --color-lounge-yellow:#fccf00;
}


/* 全幅スライド調整 */

#in-field.contents-layout-left-title,
#out-field.contents-layout-left-title {
   display: grid;
   grid-template-columns: var(--width-left-title) calc(100% - var(--width-left-title));
   gap: 0;
}

.contents-layout-left-title .right-contents {
       /*padding-left: calc( var(--width-left-title-right-margin) + var(--width-left-title));*/
}

.contents-layout-left-title .contents {
   margin-left: auto;
}

.contents-layout-left-title > .contents-wrap {
   grid-column: 2;
   width: fit-content;
   max-width: 100%;
   /*margin-right: 0;*/
   margin-left: auto;
}

.seat-slide {
   grid-column: span 2;
   /*
   width: 100vw;
   position:relative;
   left:calc((100% - 100vw)/2 - var(--width-left-title));
   
   margin-left: calc(50% - 50vw);
   margin-right: calc(50% - 50vw);
   */
   /*transform: translateX(calc(-0.5 * (var(--width-left-title-right-margin) + var(--width-left-title))));*/
}


@media screen and (min-width: 1025px) {

   #in-field .seat-detail-wide,
   #out-field .seat-detail-wide {
      padding-left: 152px;
      grid-template-columns: 41.5% auto;
   }

   #in-field .seat-detail-narrow,
   #out-field .seat-detail-narrow {
      width: 896px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
   #in-field .seat-detail-wide,
   #out-field .seat-detail-wide {
      padding-left: 0;
   }
}
@media screen and (min-width: 821px) {
   #special-area .seat-detail-wide,
   #special-area .seat-detail-narrow {
      max-width: 1000px;
      width: 90%;   
   }
}

#special-area .seat-detail-narrow {
   margin-top: 1rem;
}
#main-contents {
   padding-bottom: 0;
}

.swiper-slide img {
    height: auto;
    width: 100%;
    object-fit: cover;
    display: block;
}
@media screen and (min-width: 821px) {
   #seat-lineup {
      padding-top: 2rem;
   }
}
#seat-lineup h2 {
   text-align: left;
   margin-top: 0;
   font-size: 40px;
   margin-bottom: 30px;
}
#seat-lineup p {
   font-family : var(--font-family-content-header-lead);
   font-size: 24px;
}

#seat-lineup .contents {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 50px 20px;
   width: 100%;
}
#seat-lineup .border {
   padding-top: 25px;
   margin-top: 15px;
   border-top: 1px solid #000;
}
@media screen and (max-width: 820px) {
   #seat-lineup .border-sp {
      padding-top: 25px;
      margin-top: 15px;
      border-top: 1px solid #000;
   }
}
#seat-lineup .seat-variation{
   text-align: center;
   /* margin: auto; */
}

#seat-lineup .contents .green {
   grid-column: 1 / span 2;
}

#seat-lineup .contents .secom {
   grid-column: 1 / span 2;
}

/* ヘッダ部分レイアウト */
#seat-header-wrapper {
   width: 100%;
   max-width: none;
   margin: auto;
}

#seat-header-wrapper .header-seat .contents-inner > h2,
#seat-header-wrapper .header-seat .contents-inner > p {
       padding-left: 7px;
}

#seat-header-wrapper .header-seat .contents-inner > h2 {
   font-size: 25px;
   letter-spacing: 3px;;
}

#seat-header-wrapper .header-seat .contents-inner .seat-lineup-lead {
   font-size: 15px;
}

#seat-header-wrapper .header-seat .pc-img {
   height: 166px;
}

@media screen and (min-width: 821px) and (max-width: 1009px) {
   #seat-header-wrapper .contents br {
      display: none;
   }

}
@media screen and (min-width: 821px) {
   #seat-header-wrapper .header-seat .contents-inner > h1 {
      margin-top: 50px;
   }
      #seat-header-wrapper .sp-img {
         display: none;
      }
   #seat-header-wrapper {
      background: url(../img/season_seat/header-bg.png) repeat-x center;
        background-size: cover;
        /*padding-top: 50px;*/
        padding-bottom: 50px;
   }
   #seat-header-wrapper .contents {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      width: 100%;
   }
}
@media screen and (max-width: 820px) {
      #seat-header-wrapper .pc-img {
         display: none;
      }
      #seat-header-wrapper .sp-img {
         max-width: 500px;
         width: 100%;
      }
   #seat-header-wrapper {
    width: 100%;
   }
   #seat-header-wrapper .contents-wrap {
      width: 100%;
      margin: auto;
      max-width: none;
      padding-bottom: 0;
   }
   #seat-header-wrapper .header-seat div:first-child {
      background: url(../img/season_seat/header-bg-sp.png) repeat-x center;
      background-size: cover;
   }
   #seat-header-wrapper .header-seat div {
        width: 100%;
        padding: 2rem;
        text-align: center;      
   }
}
@media screen and (max-width: 639px) {
   #seat-header-wrapper .header-seat div:first-child {
      /* background-size: auto 400px; */
   }
   #seat-header-wrapper .header-seat div {
      padding-top: 45px;
   }
   #seat-header-wrapper .header-seat div:first-child h1 {
      margin-bottom: 20px;
   }
   #seat-header-wrapper .header-seat div:first-child h1,
   #seat-header-wrapper .header-seat div:first-child h2,
   #seat-header-wrapper .header-seat div:first-child p {
      max-width: 340px;
      margin-right: auto;
      margin-left: auto;
   }
   #seat-header-wrapper .header-seat div:first-child h2 {
      font-size: 22px;
      line-height: 1.7;
      margin-top: 25px;
      margin-bottom: 10px;
   }

}

#seat-header-wrapper .header-seat {
   color: #fff;
}


/*~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 820px) {
   #seat-lineup h2 {
      margin-top: 30px;
      text-align: center;
   }
}

/*背景が入るまで*/

@media screen and (max-width: 639px) {
   .tb-all-seats {
      display: none;
   }
}
@media screen and (min-width: 1000px) {
   .tb-all-seats {
      display: none;
   }
}
@media screen and (min-width: 640px) and (max-width: 999px) {
   #seat-lineup h1 {
      text-align: center;
   }

   .set-top-first {
      grid-column: 1 / span 2;
   }

   .tb-all-seats {
      display: block;
      width: 70%;
      margin: 0 auto;
   }

   .pc-all-seats {
      display: none;
   }

   .seat-none-tb {
      display: none;   
   }
}
/* /ヘッダ部分レイアウト */
#seat-lineup.head-anchors {
   width: 1000px;
}

@media screen and (max-width: 820px){
   #seat-lineup > .contents {
      grid-template-columns: 1fr;
      gap: 0 !important
   }
   #seat-lineup .set-top-first {
      grid-column: auto;
   }
}

@media screen and (max-width: 639px){
   #seat-lineup .seat-variation h4 {
      padding-left: 0;
      padding-right: 0;
   }
   #seat-lineup .seat-variation.first-variation {
      /* margin-top: 50px; */
   }
   #seat-lineup .seat-variation {
      margin: auto;
   }
   #seat-lineup h1 img {
      width: 90%;
      display: block;
      margin: 0 auto;
   }
   #seat-lineup h2 {
      font-size: 26px;
      text-align: center;
   }
   #seat-lineup .half-column img {
      width: 100%;
   }
   /* #seat-lineup .contents .empty {
      display: none;
   }
   #seat-lineup .contents .green,
   #seat-lineup .contents .secom {
      grid-column: auto;
   } */

   #seat-lineup .seat-lineup-lead {
      font-size: 16px;
      letter-spacing: -1px;
      text-align: center;
   }

}
#seat-lineup .seat-variation h4 {
   margin-bottom: 10px;
   font-size: 19px;
}
#seat-lineup .seat-variation h4 .en {
   font-family: 'Oswald', sans-serif;
   display: block;
   font-size: 22px;
   font-weight: 400;
   letter-spacing: 2px;
   color: var(--color-contents-gold);
}
#seat-lineup .seat-variation .two-column {
   gap: 10px;
}
#seat-lineup .seat-name {
   font-family: var(--font-family-gothic);
   margin-bottom: 2rem;

}
#seat-lineup .seat-name div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#seat-lineup .secom-seat-name {
   grid-template-columns: 1fr;
}
#seat-lineup .seat-name div a {
   display: block;
   text-decoration: none;
   color: #fff;
   padding: 8px;
   font-weight: bold;
}

#seat-lineup .seat-name div a .br-ctl {
   display: inline-block;
}
#seat-lineup .seat-name div:hover {
   opacity: 1;
   filter: brightness(1.25);
   transition: filter .15s;
}
#seat-lineup .seat-name .narrow-text a {
   letter-spacing: -0.1em;
}
@media screen and (max-width: 1176px) {
   #seat-lineup .seat-name .narrow-text a {
      letter-spacing: 0;
      line-height: 1;
      padding: 4px 0 4px 0;
   }
}

@media screen and (max-width: 639px) {
   #seat-lineup .seat-variation {
      display: grid;
      gap: 20px;
   }
   #seat-lineup .seat-variation h4 {
      font-size: 17px;
   }
   #seat-lineup .seat-name .narrow-text a {
      line-height: 1.3;
      padding: 10px;
   }
   #seat-lineup .seat-variation h4.special-h4 {
        letter-spacing: -.08rem;
   }
}

.seat-main-visual img {
   width: 100%;
}

/* グラデーションボタン */
.anchor-transition {
   --right-padding: 30px;
   width: 60%;
   text-align: left;
   margin-left: 0;
   padding-right: var(--right-padding);
}
@media (min-width: 1024px) {
   .anchor-transition:hover:before {
      width: calc(100% - 30px);
   }
}

@media screen and (min-width: 640px) {
   .read-more {
      margin-top: -2.8rem;
   }
}
.read-more .seat-icon {
   max-width: 150px;
   max-height: 100px;
   position: relative;
   top: 34px;
}
#premium-area .anchor-transition {
   width: 40%;
   min-width: 220px;
}
#premium-area .anchor-transition a:after {
   filter: invert(100%);
}

#premium-area .read-more .seat-icon {
   max-width: 100px;
   max-height: 100px;
   margin-left: 1rem;
   top: 27px;
}
@media screen and (min-width: 921px) and (max-width: 1030px) {
   .anchor-transition {
      width: 54%;
   }
}
@media screen and (max-width: 1024px) {
   #in-field .anchor-transition a,
   #out-field .anchor-transition a {
      color: #000;
   }
}
@media screen and (max-width: 920px) {
   .anchor-transition {
      width: 40%;
   }
}
@media screen and (max-width: 639px) {
   .read-more {
      text-align: right;
      position: relative;
   }
   .anchor-transition,
   #premium-area .anchor-transition {
      width: 100%;
   }
   .read-more .seat-icon {
      width: 28vw;
      max-height: 100px;
      position: absolute;
      right: 5px;
      bottom: 6px;
      top: unset;
   }
   #premium-area .read-more .seat-icon {
      top: unset;
      margin-right: .5rem;
   }
   .anchor-transition a:after {
      right: unset;
      left: 130px;
   }
   #premium-area .anchor-transition a:after {
      left: 150px;
   }
   #in-field .anchor-transition a:after,
   #out-field .anchor-transition a:after {
      left: 110px;
   }
}
#toshiba-premium-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(0, 57, 18, 1) 54.48%, rgba(0, 64, 23, 1) 63.57%, rgba(0, 82, 37, 1) 76.52%, rgba(0, 94, 45, 1) 82.78%);
}
#green-premium-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(89, 126, 32, 1) 48.58%, rgba(96, 130, 32, 1) 56.83%, rgba(114, 143, 34, 1) 68.6%, rgba(145, 163, 36, 1) 82.41%, rgba(146, 164, 36, 1) 82.78%);
}
#green-seat-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(121, 189, 40, 1) 23.93%, rgba(126, 191, 47, 1) 34.27%, rgba(142, 198, 65, 1) 49.03%, rgba(167, 208, 96, 1) 66.34%, rgba(196, 220, 132, 1) 82.88%);
}
#smbc1-seat-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(233, 184, 0, 1) 23.93%, rgba(235, 187, 7, 1) 34.75%, rgba(240, 196, 25, 1) 50.18%, rgba(247, 209, 56, 1) 68.29%, rgba(255, 223, 86, 1) 82.88%);
}
#smbc3-seat-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(42, 120, 179, 1) 23.93%, rgba(49, 124, 183, 1) 36.99%, rgba(67, 137, 193, 1) 55.62%, rgba(98, 157, 211, 1) 77.49%, rgba(107, 163, 216, 1) 83.02%);
}
#ivy-seat-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(238, 219, 21, 1) 23.93%, rgba(239, 221, 28, 1) 33.17%, rgba(242, 225, 46, 1) 46.36%, rgba(247, 232, 77, 1) 61.91%, rgba(253, 243, 120, 1) 79.14%, rgba(255, 245, 130, 1) 82.88%);
}
#breeze-seat-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(50, 173, 198, 1) 23.93%, rgba(57, 176, 201, 1) 34.58%, rgba(75, 183, 208, 1) 49.78%, rgba(106, 195, 220, 1) 67.62%, rgba(138, 208, 232, 1) 82.88%);
}
#out-R-seat-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(121, 59, 118, 1) 23.93%, rgba(124, 64, 125, 1) 40.57%, rgba(133, 78, 143, 1) 64.24%, rgba(142, 92, 163, 1) 82.88%);
}
#out-L-seat-detail .anchor-transition::before {
   background : linear-gradient(90deg, rgba(220, 106, 154, 1) 23.93%, rgba(224, 113, 160, 1) 44.38%, rgba(235, 131, 176, 1) 73.48%, rgba(239, 139, 182, 1) 82.88%);
}

/* プレミアムエリア */
#premium-area {
   width: 100%;
   color: #fff;
   background-color: #000;
   padding-bottom: 50px;
   position: relative;
}
#premium-area .premium-hedder h2 {
   margin-top: 0;
   margin-bottom: 2rem;
}
#premium-area .premium-hedder h2 img {
   padding-top: 5rem;
   max-width: 530px;
}
@media screen and (min-width: 640px) {
   #premium-area .premium-hedder {
      background: url(../img/season_seat/premium-area-bg.png) no-repeat center;
      background-size: auto 500px;
      height: 500px;
   }
}
#premium-area .premium-hedder .catch-text-c {
   font-size: 30px;
}
@media screen and (max-width: 820px) {
   #premium-area .premium-hedder {
      background-size:  auto 360px;
      height: 360px;
   }
   #premium-area .premium-hedder h2 {
      margin-bottom: 2rem;
   }
   #premium-area .premium-hedder h2 img {
      max-width: 460px;
      padding-top: 3rem;
   }
   #premium-area .premium-hedder .catch-text-c {
      font-size: 28px;
   }

}
@media screen and (max-width: 639px) {
   #premium-area .premium-hedder {
      background: url(../img/season_seat/premium-area-bg-sp.png) no-repeat top center;
      background-size: 100% ;
      height: 200px;
      margin-bottom: 0;
   }
   #premium-area .premium-hedder h2 {
      margin-bottom: 1.5rem;
   }
   #premium-area .premium-hedder h2 img {
      max-width: 70%;
      padding-top: 8.5%;
   }
   #premium-area .premium-hedder .catch-text-c {
      font-size: 22px;
   }
   .premium-hedder h2 span,
   .special-headder h2 span {
      font-size: 16px !important;
      letter-spacing: 2px;
      font-family: var(--font-family-gothic);
      font-weight: normal !important;
      padding-top: 0 !important;
   }

}

#premium-area .premium-detail {
   margin-top: -10rem;
}
@media screen and (max-width: 820px) {
   #premium-area .premium-detail {
      margin-top: -5rem;
   }
}
@media screen and (max-width: 639px) {
   #premium-area .premium-detail {
      margin-top: 3rem;
   }
}


#premium-area .seat-anchor {
   position: absolute;
   top: -2rem;
}
#premium-area .premium-lounge .contents {
   width: auto;
   
}
#premium-area .premium-lounge .contents > .contents-inner {
   width: 100%;
   max-width: unset;
}
#premium-area .premium-lounge {
   background: url(../img/season_seat/premium_lounge_bg.jpg) repeat center / cover;
   color: #fff;
   padding: 30px 30px 15px;
   /* font-family: var(--font-family-gothic); */
   border-width: 6px;
   border-style: solid;
   border-color: #9b8045;
}

#premium-area .premium-lounge .lounge-column-1 {
   display: grid;
   grid-template-columns: minmax(auto, 26%) minmax(auto, 74%);
   gap: 20px;
   margin-bottom: 20px;
}
#premium-area .premium-lounge .lounge-column-2 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   margin-top: 10px;
}
#premium-area .premium-lounge .lounge-note {
   margin-bottom: 1rem;
   font-family: var(--font-family-gothic);
}
#premium-area .premium-lounge .lounge-column-3 {
   display: grid;
   grid-template-columns: minmax(auto, 70px) minmax(auto, auto);
   gap: 10px;
   margin-bottom: 10px;
   font-weight: 900;
}
#premium-area .premium-lounge .lounge-column-4 {
   display: grid;
   grid-template-columns: 80px auto;
   gap: 20px;
   font-family: var(--font-family-gothic);
}
#premium-area .premium-lounge .lounge-column-1 .right-1 {
   /* padding: 20px 0 10px; */
}
#premium-area .premium-lounge .lounge-column-1 .right-1 .overview {
   font-size: 32px;
   margin-bottom: 1rem;
   font-weight: 900;
}
#premium-area .premium-lounge .lounge-column-3 .right-3 span.atari {
   display: block;
   font-size: 18px;
}
#premium-area .premium-lounge .lounge-column-3 .right-3 span.kakaku {
   font-size: 30px;
}
#premium-area .premium-lounge .lounge-column-3 .right-3 span.tax {
   display: inline-block;
}
@media screen and (min-width: 1150px) {
   #premium-area .premium-lounge .lounge-column-3 .right-3 span.jikan {
      margin-top: .6rem;
   }   
}
#premium-area .premium-lounge .lounge-column-3 .right-3 span.jikan {
   font-size: 18px;
   display: block;
   margin-bottom: 5px;
   font-weight: 900;
}
#premium-area .premium-lounge .lounge-column-1 span.mb5 {
   margin-bottom: 5px;
   display: block;
   font-size: 1rem;
}
#premium-area .premium-lounge .lounge-column-1 span.kome {
   font-family: var(--font-family-gothic);
   font-size: 11px;
   line-height: 1.5;
   display: block;
	padding-left:1em;
	text-indent:-1em;
   font-weight: normal;
}

#premium-area .premium-lounge .lounge-column-4 .right-4  {
   font-size: 13px;
}
#premium-area .premium-lounge span.yellow {
   color: var(--color-lounge-yellow);
   display: block;
}
#premium-area .premium-lounge .lounge-column-4 .right-4 span.kome4 {
   font-size: 12px;
   letter-spacing: -1px;
   display: block;
}
#premium-area .premium-lounge .lounge-column-3 .left-3 {
   height: 70px;
   vertical-align:middle;
   text-align: center;
   border: 1px solid #fff;
   position: relative;
}
#premium-area .premium-lounge .lounge-column-4 .left-4 {
   height: 57px;
   vertical-align:middle;
   text-align: center;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   position: relative;
   border-radius: 5px;
}
#premium-area .premium-lounge .lounge-column-3 .left-3 p,
#premium-area .premium-lounge .lounge-column-4 .left-4 p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 50px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 2px;
}
#premium-area .premium-lounge .lounge-column-4 .left-4 p {
    letter-spacing: .175em;
}
#premium-area .premium-lounge .lounge-column-1 img,
#premium-area .premium-lounge .lounge-column-2 img {
   width: 100%;
}

#premium-area .premium-title {
   position: relative;
   text-align: center;
}

#premium-area .premium-title h3 {
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   max-width: 50%;;
   top: 140px;
   margin-top: 0;
}

@media screen and (max-width: 859px) {
   #premium-area .premium-lounge .lounge-column-1 {
       grid-template-columns: 1fr;
       gap: 0;
   }
   #premium-area .premium-lounge .lounge-column-1 .right-1 .overview {
      text-align: center;
      font-size: 29px;
   }
   #premium-area .premium-lounge .lounge-column-1 .img-logo img.lounge-logo {
      max-width: 300px;
   }
   #premium-area .premium-lounge .lounge-column-1 .img-logo {
      text-align: center;
   }
   #premium-area .premium-lounge .lounge-column-1 .right-1 {
      padding-top: 5px;
   }
}
@media screen and (max-width: 639px) {
   #premium-area .premium-lounge .lounge-column-2 {
       grid-template-columns: 1fr;
       margin-top: 0;
   }
   #premium-area .premium-lounge .lounge-column-1 .right-1 {
      padding: 0;
      margin: auto;
   }
}
@media screen and (max-width: 768px) {
   #premium-area .premium-title h3 {
      top: 100px;
   }
}
@media screen and (max-width: 480px) {
   #premium-area .premium-title h3 {
      top: 70px;
   }
}

#premium-area .premium-lounge .two-column {
   outline: 1px solid #fff;
}
#premium-area .premium-lounge .two-column img {
   width: 100%;
   padding-top: 30px;
   padding-right: 20px;
}
#premium-area .premium-lounge .lounge-column-5 {
   margin-top: 10px;
   text-align: right;
}
#premium-area .premium-lounge .lounge-column-5 a {
   text-decoration: none;
   color: #fff;
}
#premium-area .premium-lounge .lounge-column-5 a.kiyaku {
   font-size: 20px;
}
#premium-area .premium-lounge .lounge-column-5 a.kiyaku::before {
   content: url(../img/season_seat/lounge_aroow.png);
   margin-right: 5px;
   position: relative;
   top: 1px;
   width: 25px;
   height: 25px;
}

#premium-area .premium-lounge .box-ttl {
   color: #000742;
   font-size: 20px;
   font-weight: bold;
   margin: 20px 0 15px 0;
   padding-right: 120px;
}

#premium-area .premium-lounge .box-ttl span {
   background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0));
   display: block;
   padding: 8px 120px 8px 20px;
}

#premium-area .premium-lounge .box-text,
#premium-area .premium-lounge .box-kome {
   margin-left: 20px;
   font-family: var(--font-family-gothic);
}
#premium-area .premium-lounge .box-text {
   font-size: 15px;
   line-height: 1.7;
   margin-bottom: 10px;
}

#premium-area .premium-lounge .box-kome {
   margin-bottom: 2px;
   font-size: 14px;
	padding-left:1em;
	text-indent:-1em;
   line-height: 1.3;
}
#premium-area .premium-lounge .box-kome:last-child {
   margin-bottom: 20px;  
}

@media screen and (min-width: 640px) and (max-width: 859px){
   #premium-area .premium-lounge .box-ttl {
      width: 200%;
      text-align: center;
   }
   #premium-area .premium-lounge .two-column img {
      padding-top: 80px;
   }
   #premium-area .premium-lounge .box-text {
      margin-top: 18px;
      line-height: 1.6;
   }
   #premium-area .premium-lounge .box-kome {
      width: 200%;
   }
}
@media screen and (max-width: 639px){
   #premium-area .premium-lounge {
      padding: 15px;
   }
   #premium-area .premium-lounge .box-ttl {
      font-size: 20px;
      margin: 15px 0 20px;
      padding: 0;
      text-align: center;
   }
   #premium-area .premium-lounge .box-ttl span {
      padding: 8px;
      text-align: left;
   }
   #premium-area .premium-lounge .two-column img {
      padding: 0 20px 20px;
   }
   #premium-area .premium-lounge .box-text,
   #premium-area .premium-lounge .box-kome {
      margin-right: 20px;
   }
   #premium-area .premium-lounge .box-text {
      line-height: 1.5;
   }
   #premium-area .premium-lounge .box-kome {
      font-size: 12px;
      line-height: 1.3;
   }
   #premium-area .premium-lounge .box-kome:last-child {
      margin-bottom: 0;  
   }
}

#in-field,
#out-field {
   width: 100%;
   padding-top: 30px;
}

h2 {
   margin: 70px 0;
   text-align: center;
}
.premium-hedder h2 span,
.special-headder h2 span {
   display: block;
   /* font-family: var(--font-family-gothic); */
   font-size: 24px;
   font-weight: bold;
   padding-top: 5px;
}
h3 {
   padding: 16px 0;
   font-size: 40px;
   text-align: center;
   margin-top: 110px;
}

.seat-detail {
   margin-top: 50px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
}

.kakaku-2column {
   margin-top: 20px !important;
}
.kakaku-2column .t-kakaku {
   margin-top: 0 !important;
}
p.catch-text,
p.catch-text-c {
   font-size: 37px;
   line-height: 1.7;
   padding-bottom: 10px;
   font-weight: bold;
   letter-spacing: 6px;
}
p.catch-text-c {
   text-align: center;
   width: 90%;
   margin: 0 auto;
}
#premium-area p.catch-text {
   font-weight: bold;
   letter-spacing: .175em;
   font-size: 28px;
   
}

p.note-text {
   font-family: var(--font-family-gothic);
   margin-top: 20px;
   margin-bottom: 20px;
   font-size: 11px;
   width: 98%;
}
p.note-text-r {
   font-family: var(--font-family-gothic);
   margin-top: 5px;
   font-size: 11px;
}
.seat-detail .detail-text {
   line-height: 2.1;
   font-size: 18px;
   width: 98%;
   letter-spacing: 2px;
}

.seat-detail .detail-text:nth-of-type(n+2){
   margin-top: 15px;
}

.seat-detail .detail-text .detail-link {
   font-family: var(--font-family-gothic);
}

.seat-detail .detail-text .detail-link a {
   font-size: 13px;
   text-align: center;
   line-height: 1.5;
   color: #fff;
   text-decoration: none;
   display: grid;
   place-content: center;
   width: 90px;
   aspect-ratio: 1 / 1;
   border-radius: 50%;
   border: 1px solid #fff;
   padding-top: 5px;
}

.seat-detail .detail-text .detail-link a img {
   width: auto;
   margin: .4em auto 0;
}

.seat-detail .detail-text .detail-link a:hover {
   text-decoration: underline;
   text-underline-offset: .15em;
}

.seat-detail .detail-text.two-column {
   grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
   gap: 10px;
}

.seat-detail img {
   width: 100%;
}
.seat-detail a img {
   margin-top: 20px;
}
.seat-detail a.open-dialog img {
   margin-top: 0;
   width: 100%;
}

.seat-detail .detail-text .contents-inner:last-child {
   padding-left: 0;
}

.seat-detail .movie-img img {
   width: 100%;
}

.seat-view-single {
   width: 490px;
   max-width: round(down, 100%, 1px);
   aspect-ratio: 892 / 552;
   margin: 0 auto;
}

.seat-view-single .swiper-slide {
   max-width: 100%;
}

#premium-area .seat-detail .detail-bottom {
   display: grid;
   grid-template-columns: minmax(auto, 55%) minmax(auto, 45%);
   gap: 30px;
   margin: 0px auto 0 0;
   padding-left: 0;
   padding-right: 0;
}
#premium-area .seat-detail .detail-seat-view {
   display: grid;
   grid-template-columns: 47% 53%;
   column-gap: 70px;
   row-gap: 30px;
   width: 980px;
   max-width: 100%;
   margin: 0px auto;
   padding-left: 0;
   padding-right: 0;
}
#premium-area .seat-detail .seat-chart img {
   margin-top: 2rem;
}
#premium-area .seat-price img.seat-ttl {
   max-width: 300px;
   margin-bottom: 1rem;

}
#premium-area .seat-price .anchor-transition a {
   color: #fff;
}
#premium-area .seat-price .anchor-transition:hover a {
   border-color: #000;
}
#premium-area .seat-price .price-columns {
    display: grid;
    grid-template-columns: 220px auto;
    gap: 1rem;
}
#premium-area .price-columns .inner-icon {
   display: flex;
   align-items: end;
}
#premium-area .price-columns .inner-icon img {
   max-width: 120px;
   width: 100%;
   height: auto;
}
#premium-area .next-sec {
   margin-top: 4rem;
}
@media screen and (max-width: 820px) {
   /* #premium-area .seat-detail .detail-bottom {
      width: 95%;
   } */
    #premium-area .seat-detail .detail-bottom > div:first-child img {
      /* max-width: 500px;
      width: 100%; */
    }
    .seat-view-single {
      width: 100%;
    }
}
@media screen and (max-width: 639px) {
   /* #premium-area .seat-detail .detail-bottom {
      width: 100%;
   } */
    #premium-area .seat-price {
      padding: 0 1.5rem;
    }
}

.seat-detail img.pers-photo{
   margin-top: 20px;
}
.seat-detail .stt-gold {
   color:var(--color-contents-gold);
   font-size: 26px;
   font-weight: bold;
   margin-top: 30px;
   margin-bottom: 10px;
}
.seat-detail .tokuten-text {
   font-family: var(--font-family-gothic);
   line-height: 1.4;
}

.seat-detail .tokuten-text .note-text {
   padding-left: 2em;
   margin-top: 0;
}

.seat-detail .tokuten-t {
   font-size: 14px;
   font-family: var(--font-family-gothic);
   text-indent: -1em;
   padding-left: 1em;
   margin-left: .5rem;
   font-weight: bold;
}
.seat-detail .tokuten-t:before {
   content: '';
   display: inline-block;
   width: 10px;
   height: .8em;
   margin-right: 5px;
   background: url(../img/season_seat/detail-list-mark.png) no-repeat center;
   color: #821C3B;
}

.seat-detail .tokuten-text .tokuten-ts {
   font-size: 10px;
   margin-left: 22px;
   /* margin-top: 5px; */
  list-style: none;
  padding-left: 6px;
  text-indent: -9px;

}
.seat-detail .tokuten-text .tokuten-ts li::before {
    content: "●";
    font-size: 6px;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.seat-detail .tokuten-text .tokuten-tl {
   line-height: 1.3;
   font-size: 18px;
   margin-left: 30px;
	padding-left:1.2em;
	text-indent:-1.2em;
}
.seat-detail .tokuten-text .tokuten-tl span {
   font-size: 13px;
}
.seat-detail .tokuten-text .tokuten-tl:before {
   content: '● ';
   color: #cca844;;
}
.seat-detail .seat-price {
   position: relative;
}

.seat-detail .seat-price .seat-img {
   position: relative;
   top: -27px;
}

@media screen and (min-width: 640px) and (max-width: 859px){
   .seat-detail .tokuten-text .tokuten-t br {
      display: none;
   }
}
@media screen and (max-width: 639px) {

   #special-area section.contents-wrap {
      max-width: unset;
      margin: 0 1.2rem;

   }

   #special-area section.contents-wrap .seat-detail {
      margin-top: 20px;
   }

   #special-area #green-luxurybox-wrap .seat-detail .contents-inner:first-child,
   #special-area #breeze-resort-wrap .seat-detail .contents-inner:first-child {
      display: grid;
   }

   #special-area #green-luxurybox-wrap .price-area {
      order: 999;
   }

   #special-area #green-luxurybox-wrap .seat-detail img.pers-photo {
      width: 100%;
   }

   #special-area #green-luxurybox-wrap .other-benefit-link,
   #special-area #breeze-resort-wrap .other-benefit-link {
      padding: 0 10px;
   }

   #in-field h2 img,
   #out-field h2 img {
      width: 60%;
   }

   #in-field .catch-text,
   #out-field .catch-text {
      font-size: 24px !important;
      letter-spacing: 3px !important;
      line-height: 1.5 !important;
   }

   #special-area #breeze-resort-wrap .catch-text {
      font-size: 30px;
   }

   #in-field .two-column,
   #out-field .two-column {
      margin-right: 10px;
      margin-top: 10px;
   }

}

@media screen and (max-width: 859px) {

   #green-luxurybox-wrap .premium-limited .contents {
      grid-template-columns: 1fr;
   }

   #green-luxurybox-wrap .premium-limited .contents img {
      width: 50%;
      display: block;
      margin: 0 auto;
   }

}

@media screen and (min-width: 640px) {
   #green-luxurybox-wrap .note-text-r {
      /*width: 90%;*/
   }
}

.seat-slide {
   margin-top: 50px;
   text-align: center;
}

.icon-camera-w,
.icon-camera-b {
   font-family: var(--font-family-gothic);
   font-size: 20px;
   margin-bottom: 10px;
}
.icon-camera-w:before {
   content: url(../img/season_seat/icon_camera_w.png);
   margin-right: 5px;
   position:relative;
   top:1px; 
}
.icon-camera-b:before {
   content: url(../img/season_seat/icon_camera_b.png);
   margin-right: 5px;
   position:relative;
   top:1px; 
}
.seat-detail .t-kakaku {
   font-family: var(--font-family-gothic);
   margin-top: 3rem;
   margin-bottom: 5px;
   font-size: 14px;
   line-height: 1.5;
}

.seat-detail .t-kakaku-b {
   font-family: var(--font-family-gothic);
   margin-top: 3rem;
   margin-bottom: 5px;
   font-size: 14px;
   line-height: 1.5;
}

@media screen and (min-width: 821px) {
   #special-area .seat-detail .t-kakaku {
      margin-top: 20px;
   }
}

@media screen and (min-width: 640px) {
   .seat-detail .t-kakaku {
      font-size: 14px;
   }
}

@media screen and (max-width: 639px) {
   .seat-detail .t-kakaku {
      margin-top: 30px;
      margin-bottom: 0;
   }
}


.seat-detail .kakaku {
   font-family: var(--font-family-gothic);
   font-size: 36px;
   font-family: 'Oswald', sans-serif;
   line-height: 1.3;
   position: relative;
   z-index: 1;
}
.seat-detail .kakaku span {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   width: 26px;
   line-height: 26px;
   text-align: center;
   color: #fff;
   margin-right: 4px;
   position: relative;
   bottom: 3px;
}

.seat-detail .seat-img img {
   width: 92%;
}

.seat-detail .new-seats {
   font-family: var(--font-family-gothic);
   font-size: 18px;
   line-height: 1.3;
   display: flex;
}

.seat-detail .new-seats:before {
   content: url(../img/season_seat/new-seat-icon.png);
   margin-right: 4px;;
}

.seat-detail .pc.seat-img img,
.seat-detail .pc .seat-img img {
   width: 350px;
   max-width: 100%;
}

#green-luxurybox-wrap .seat-detail img.pers-photo {
   margin-right: 0;
}

@media screen and (max-width: 820px) {
   h3 {
      font-size: 36px;
   }
   #premium-area .seat-detail .detail-bottom {
      grid-template-columns: 100%;
      margin-top: 30px;
   }
   #premium-area .seat-detail .detail-bottom .seat-price {
      width: 95%;
      margin: auto;
   }
   #premium-area .seat-detail .detail-seat-view {
      grid-template-columns: 100%;
      width: 100%;
      gap: 0;
   }
   #premium-area .icon-camera-w {
      text-align: center;
   }

}
@media screen and (max-width: 639px){
   #premium-area .seat-detail .detail-bottom .seat-price {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
   }

}
@media screen and (max-width: 639px){
   h2 img {
      width: 90%;
   }
   h2 span {
      font-size: 18px;
      padding-top: 5px;
   }
   h3 {
      font-size: 28px;
      margin-top: 50px;
      padding: 10px 0;
   }
   p.catch-text,
   p.catch-text-c {
      font-size: 32px;
   }
   p.catch-text-c {
      width: 98%;
   }
   .icon-camera-w,
   .icon-camera-b {
      font-size: 16px;
      margin-top: 0;
   }
   .seat-detail .detail-text {
      line-height: 2.2;
      font-size: 17px;
      width: 100%;
      font-weight: bold;
      letter-spacing: 0;
      margin-top: 0 !important
   }
   .seat-detail .t-kakaku-b {
      margin-top: 30px;
   }
   .seat-detail .seat-img {
      width: 100%;
   }
   .seat-detail .seat-img img {
      width: 100%;
      padding: 10px 0;
   }
   .seat-detail .link-about-net a  {
      width: 100%;
      font-size: 16px;
      letter-spacing: -1px;
      padding: 8px 12px;
   }
   .seat-detail .stt-gold {
      font-size: 23px;
   }
   p.note-text-r {
      width: 100%;
   }
   .seat-detail .contents-inner:last-child {
      padding-left: 0;
   }
   .seat-detail .image-column {
      display: grid;
   }
   .seat-detail .image-column .seat-map {
      order: 99;
   }
   #premium-area .premium-title-green {
      margin-top: 30px;
   }

   .seat-slide {
      margin-top: 20px;
   }

   #toshiba-premium-detail .seat-detail .contents-inner:last-child,
   #green-premium-detail .seat-detail .contents-inner:last-child {
      padding-right: 0;
   }

   #toshiba-premium-detail .seat-detail .seat-img {
      top: -38px;
   }

   #premium-area .seat-images,
   #premium-area .seat-images .seat-detail .seat-chart img  {
      margin-top: 0;
   }

   #premium-area .seat-images > .seat-detail {
      margin-top: 60px;
   }

}



@media screen and (min-width: 1100px){
   .seat-detail .kakaku br.no_tbsp {
      display: none;
   }
}
@media screen and (max-width: 1099px){
   .seat-detail .kakaku span.space {
      display: none;
   }
   .seat-detail .movie-img img {
      width: 100%;
      margin-left: 0;
   }
   .seat-detail img.pers-photo{
      width: 100%;
      margin-right: 0;
   }
}


#breeze-resort-wrap .seat-detail .detail-text>.tokuten-text {
   padding-left: 0;
}

#breeze-resort-wrap .premium-sub-heading {
   margin-top: 20px;
}

@media screen and (min-width: 640px) and (max-width: 1100px){
   p.catch-text {
      font-size: 36px;
   }
   .seat-detail .detail-text {
      line-height: 1.8;
      font-size: 19px;
   }
   h3 {
      font-size: 44px;
   }

    #secom-heading .sp {
       display: block !important;
    }
}


#cover .card-title h3 {
   font-size: 46px;
   text-align: left;
   margin-top: 0;
}
#cover .card-title h3 span {
   font-family: 'Oswald', sans-serif;
   display: inline-block;
   font-size: 32px;
   font-weight: bold;
   width: 42px;
   line-height: 42px;
   text-align: center;
   color: #fff;
   margin-right: 0;
   position: relative;
   top: -4px;
   margin-bottom: 5px;
}
#cover .card-detail-2 span.num {
   font-family: 'Oswald', sans-serif;
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   width: 30px;
   line-height: 30px;
   text-align: center;
   color: #fff;
   margin-right: 4px;
   position: relative;
   top: -4px;
}
#cover .card-detail {
   display: grid;
   grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
   gap: 30px;
}
#cover .card-ballnet {
   display: grid;
   grid-template-columns: minmax(auto, 31%) minmax(auto, 69%);
   gap: 20px;
}

#cover .ballnet .contents img {
   width: 100%;
}

#cover .ballnet .before-after {
   display: flex;
   gap: 50px;
   position: relative;
   margin-top: 20px;
}

#cover .ballnet .before-after-note {
   margin: 20px 0 5px 0;
   font-family: var(--font-family-gothic);
}

#cover .ballnet .card-h4 {
   margin-top: 40px;
}

#cover .ballnet .card-h4 ul {
   margin-left: 14px;
   padding-left: 20px;
}

#cover .ballnet .card-h4 li {
   list-style: '※';
}

#cover .ballnet .card-h4 .card-ballnet-text {

}

#cover .card-ballnet-3 .arrow img {
   margin-top: 200%;
}

#cover .card-h4 {
   margin-top: 20px;
   margin-bottom: 10px;
}
#cover .card-h4 h4 {
   font-size: 24px;
   font-family: var(--font-family-gothic);
   font-weight: normal;
}
#cover .card-detail .card-detail-left h4 {
   font-size: 28px;
   margin-bottom: 10px;
}



#cover #card-10 .card-title p {
   display: inline;
   font-size: 36px;
}

#cover #card-reclining .card-detail-header {
   grid-template-columns: minmax(auto, 55%) minmax(auto, 45%);
   gap: .5rem;
}
#cover #card-reclining .card-detail-header img {
   max-width: 354px;
   width: 100%;
}
#cover #card-reclining .card-reclining-text {
   font-family: var(--font-family-gothic);
   font-size: 14px;
}

#cover #card-reclining .card-reclining-images {
   margin-top: 20px;
}

#cover .card-box {
   padding: 30px;
   margin-top: 30px;
}
#cover .box-right {
   background-color: #efe4ee;
}
#cover .box-left {
   background-color: #fae9f0;
}
#cover .card-box h4 {
   font-size: 30px;
   margin-bottom: 10px;
}
#cover .card-box p {
   font-size: 18.5px;
   line-height: 1.7;
}
#cover .card-box span {
   display: block;
   font-size: 16px;
}
#cover .card-box img.card_new_seat {
   display: block;
   margin: 0 auto;
}

#cover .card-box span.sankaku {
   display: block;
   text-align: center;
   font-size: 11px;
   letter-spacing: -.5px;
   margin-bottom: 5px;
	padding-left:1em;
	text-indent:-1em;
   font-family: var(--font-family-gothic);
}

@media screen and (min-width: 640px) and (max-width: 1000px) {
   #cover .card-detail .card-detail-left h4 {
      font-size: 26px;
   }
}
@media screen and (max-width: 740px) {
   #cover #card-reclining .card-detail-header {
      grid-template-columns: 1fr;
   }
   #cover #card-reclining .card-detail-header .card-right-image {
      text-align: center;
   }
}

@media screen and (min-width: 860px) {
   #card-3 .card-detail {
      gap: 5px;
   }
   #cover .card-detail .card-detail-right .seat-img-2 img {
   	max-width: 250px;
      position: relative;
      height: 200px;
      width: auto;
      margin-top: 1rem;
   }
}
@media screen and (max-width: 859px) {
   
   #cover .card-detail {
       grid-template-columns: 1fr;
       margin-top: 0;
   }
   #cover .card-ballnet,
   #cover .card-box {
      grid-template-columns: 1fr;
   }
   #cover .card-detail .card-detail-right .seat-img-1,   
   #cover .card-detail .card-detail-right .seat-img-3 {
      text-align: center;
   }
   #cover .card-detail .card-detail-right .seat-img-1 img {
      max-width: 350px;
   }
   #cover .card-detail .card-detail-right .seat-img-3 img {
      max-width: 500px;
      width: 100%;
   }
   #cover .card-detail .card-detail-right .seat-img-2 img {
      max-width: 300px;
      position: relative;
      top: -80px;
      margin-bottom: -80px;
      width: 60%;
   }
   #cover .card-box h4 {
      font-size: 28px;
   }
   #cover .box-right {
      padding: 25px;
   }
   #cover #card-10 .card-h4 {
      grid-template-columns: 1fr;
   }
}
#cover .two-column {
   gap: 15px;
}
#cover .ballnet .two-column {
   margin-bottom: 10px;
}
@media screen and (min-width: 640px) {

   #cover .two-column,
   #card-3 .two-column {
      grid-template-columns: 1fr 1fr;
   }
   #card-3 .card-detail {
      gap: 30px;
   }
   #card-3 .card-detail-2 .text-2 {
      padding-top: 100px;
   }
   #cover .card-ballnet-text {
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 0;
   }

   #cover #card-reclining .card-reclining-images {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
   }

   #cover #card-reclining .card-reclining-images img {
      max-width: 100%;;
   }

   #cover .ballnet .before-after .card_ballnet_arrow {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
  }
}

@media screen and (max-width: 639px){
   #cover .two-column {
      max-width: 300px;
      margin: 0 auto;
      gap: 10px !important;
      margin-bottom: 10px;
   }
   #cover .ballnet .two-column {
      width: 100%;
      max-width: 100%;
   }
   #cover .card-title h3 {
      font-size: 31px;
      line-height: 1.3;
   }
   #card-3 .two-column {
      margin-bottom: 50px;
   }
   #card-3 .card-detail-2 .text-2 {
      margin-top: -40px;
   }
   #cover .card-h4 h4 {
      font-size: 22px;
      margin-top: 30px;
      margin-bottom: 10px;
   }
   #cover .card-ballnet-text {
      font-size: 16px;
      margin-bottom: 0;
   }
   #cover .card-detail .card-detail-left h4 {
      font-size: 23px;
   }

   #cover .ballnet .before-after {
      flex-direction: column;
      gap: 20px;
      margin-top: 20px;
   }

   #cover .ballnet .before-after .card_ballnet_arrow {
      text-align: center;
   }

   #cover .ballnet .before-after .card_ballnet_arrow img {
      width: 15%;
      transform: rotate(90deg) translateY(-100%);
   }

   #cover #card-reclining .card-detail.card-detail-header {
      grid-template-columns: 1fr;
      margin-top: 0 !important;
   }
}

@media screen and (min-width: 860px) {
   #card-3 .two-column {
      grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
      gap: 5px;
      margin-bottom: 10px;
   }
}
#cover .card-detail .card-detail-text {
   font-size: 18px;
   line-height: 1.7;
   margin-bottom: 30px;
}
#cover .card-detail img {
   width: 100%;
}
#cover .card-detail .card-detail-right .seat-img {
   text-align: center;
}
#cover .card-detail .card-detail-right .seat-img img {
   width: 80%;
   position: relative;
   top: -80px;
   margin-bottom: -80px;
   max-width: 250px;
}
@media screen and (max-width: 1000px) and (min-width: 860px) {
   #cover .card-detail {
      grid-template-columns: minmax(auto, 55%) minmax(auto, 45%);
   }
}
@media screen and (max-width: 1000px) {
   #cover .card-detail .card-detail-right .seat-img img {
      top: 0;
      margin-bottom: 0;
      max-width: 250px;
   }
}
@media screen and (min-width: 1000px) {
   #cover .card-title h3 br {
      display: none;
   }
}
#cover .card-detail-2 {
   font-family: var(--font-family-gothic);
}
#cover .card-detail-2 .text-1 {
   color: #006934;
}
#cover .card-detail-2 .text-1,
#cover .card-detail-2 .text-2 {
   line-height: 1.5;
   font-size: 15px;
   font-weight: bold;
}
#cover .card-ballnet-right {
   line-height: 1.5;
   font-size: 13px;
   font-weight: bold;
   font-family: var(--font-family-gothic);
}
#cover .card-ballnet-left {
   line-height: 1.8;
   font-size: 18px;
}
#cover .card-detail-2 .two-column .contents-inner span.sankaku {
   display: block;
   font-size: 12px;
   margin-top: -3px;
   margin-bottom: 5px;
	padding-left:1em;
	text-indent:-1em;
}
#cover span.space {
   display: block;
   height: 5px;
}
@media screen and (min-width: 860px) {
   #cover .mb {
      display: none;
   }
}
@media screen and (max-width: 859px) {
   #cover .card-detail-2 .two-column .contents-inner span br {
      display: none;
   }
}
@media screen and (max-width: 639px){
   #cover .card-detail-2 .two-column .contents-inner span.sankaku,
   #cover .card-box span.sankaku {
      font-size: 14px;
   }
}


.premium-gradation {
   background: linear-gradient(90deg, var(--color-contents-gold), #feedbf, var(--color-contents-gold), #feedbf);
}
.bg-gold {
   background-color: var(--color-contents-gold);
}
.toshiba {
   background-color: var(--color-seat-toshiba);
}
.premium {
   background-color: var(--color-seat-green-premium);
}
.green {
   background-color: var(--color-seat-green);
}
.smbc1 {
   background-color: var(--color-seat-smbc-first);
}
.smbc3 {
   background-color: var(--color-seat-smbc);
}
.ivy {
   background-color: var(--color-seat-ivy);
}
.breeze{
   background-color: var(--color-seat-breeze);
}
.right {
   background-color: var(--color-seat-right);
}
.left {
   background-color: var(--color-seat-left);
}
.green-upper {
   background-color: var(--color-seat-green-upper);
}
.panorama {
   background-color: var(--color-seat-panorama);
}
.smbc-relax {
   background-color: var(--color-seat-smbc-relax);
}
.breeze-upper {
   background-color: var(--color-seat-breeze-upper);
}
.secom {
   background-color: var(--color-seat-secom);
}
.num-special-area {
   background-color: #9B8044;
}

.num-special-area-upper {
   background: var(--color-seat-green-upper);
}

#breeze-resort-wrap .other-benefit-link {
   margin-top: .75em;
   margin-bottom: 1.5em;
}

img[class^="OL-seat-"] {
   background: #fff;
}

.OL-seat-green {
   outline: 3px solid var(--color-seat-green);
}
.OL-seat-smbc1 {
   outline: 3px solid var(--color-seat-smbc-first);
}
.OL-seat-smbc3 {
   outline: 3px solid var(--color-seat-smbc);
}
.OL-seat-ivy {
   outline: 3px solid var(--color-seat-ivy);
}
.OL-seat-breeze {
   outline: 3px solid var(--color-seat-breeze);
}
.OL-seat-right {
   outline: 3px solid var(--color-seat-right);
}
.OL-seat-left {
   outline: 3px solid var(--color-seat-left);
}
.OL-seat-green-upper {
   outline: 3px solid var(--color-seat-green-upper);
}
.OL-seat-panorama {
   outline: 3px solid var(--color-seat-panorama);
}
.OL-seat-smbc-relax {
   outline: 3px solid var(--color-seat-smbc-relax);
}
.OL-seat-breeze-upper {
   outline: 3px solid var(--color-seat-breeze-upper);
}
.OL-seat-secom {
   outline: 3px solid var(--color-seat-secom);
}

.movie-img {
   position: relative;
   cursor: pointer;
   display: block;;
}

.movie-img:hover {
   opacity: .8;
}

.movie-img:after {
   content: '';
   background: url(../img/season_seat/play-movie-negative.png) no-repeat center;
   background-size: contain;
   width: 80px;
   height: 80px;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

/* lightbox */
.fs-lightbox.fs-light .fs-lightbox-close {
   width: 65px;
    height: 65px;
    top: 0;
    right: 0;
    z-index: 105;
    background: url(../img/common/card-close.png)
}

.fs-lightbox-controls .fs-lightbox-control:before {
   font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: #aaa;
}

.fs-lightbox-controls .fs-lightbox-control.fs-lightbox-control_previous:before {
   content: 'prev';
   margin-left: 10px;
}

.fs-lightbox-controls .fs-lightbox-control.fs-lightbox-control_next:before {
   content: 'next';
   margin-right: 10px;
}

/* in-field  *//* out-field  */
#in-field .contents-layout-left-title,
#out-field .contents-layout-left-title {
    padding-top: 2.5rem;
}
#in-field .main-visual,
#out-field .main-visual {
   margin-bottom: 5rem;
}
#in-field h3,
#out-field h3 {
   text-align: left;
   padding-left: 1rem;
   margin-top: 0;
   letter-spacing: .05rem;
   font-size: 40px;
}
#in-field .catch-text,
#out-field .catch-text {
   font-weight: bold;
   letter-spacing: .7rem;
   font-size: 37px;
}
@media screen and (max-width: 920px) {
   #in-field .two-column,
   #out-field .two-column {
      grid-template-columns: 1fr;
   } 

}
@media screen and (min-width: 921px) {
   #in-field .catch-text .mb,
   #out-field .catch-text .mb {
      display: none;
   }
}
@media screen and (max-width: 639px) {
   #in-field .main-visual,
   #out-field .main-visual {
      margin-bottom: 2.2rem;
   }
   #in-field .catch-text .mb,
   #out-field .catch-text .mb {
      display: none;
   }
   #in-field h3,
   #out-field h3 {
      font-size: 20px;
      margin-bottom: 8px;
   }
}
@media screen and (min-width: 640px) and (max-width: 920px) {
   #in-field .seat-column,
   #out-field .seat-column {
      max-width: 500px;
   }

}

@media screen and (max-width: 1100px) {   
   #in-field .catch-text,
   #out-field .catch-text {
      letter-spacing: .5rem;
   }

}
@media screen and (max-width: 639px) {

   #in-field .main-visual,
   #out-field .main-visual {
      margin-bottom: 5rem;
   }

}
/* green */
#green-seat h3 {
   background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(244, 250, 238, 1) 11.6%, rgba(216, 236, 193, 1) 34.68%, rgba(171, 214, 120, 1) 67.07%, rgba(121, 189, 40, 1) 100%);
   color: var(--color-seat-green-dark-text);
}

#green-seat-detail .catch-text {
   color: var(--color-seat-green-text);
}

/* SMBC 1 */
#smbc1-seat h3 {
   background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(254, 250, 238, 1) 10.04%, rgba(250, 238, 193, 1) 30.01%, rgba(243, 217, 120, 1) 58.05%, rgba(235, 190, 21, 1) 92.76%, rgba(233, 184, 0, 1) 100%);
   color: var(--color-seat-smbc-first-text);
}

#smbc1-seat-detail .catch-text {
   color: var(--color-seat-smbc-first-dark-text);
}

/* SMBC 3 */
#smbc3-seat h3 {
   background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(238, 244, 249, 1) 11.71%, rgba(193, 216, 233, 1) 34.97%, rgba(121, 170, 207, 1) 67.48%, rgba(42, 120, 179, 1) 100%);
   color: var(--color-seat-smbc-third-text);
}

#smbc3-seat-detail .catch-text {
   color: var(--color-seat-smbc-third-text);
}

/* IVY */
#ivy-seat h3 {
   background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(254, 252, 238, 1) 10.8%, rgba(250, 245, 193, 1) 32.28%, rgba(245, 234, 120, 1) 62.43%, rgba(238, 219, 21, 1) 100%);
   color: var(--color-seat-ivy-text);
}

#ivy-seat-detail .catch-text {
   color: var(--color-seat-ivy-text);
}
#ivy-seat-detail .seat-detail .ivy,
.b-text {
   color: var(--color-font-base) !important;
}
/* breeze */
#breeze-seat h3 {
   background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(238, 248, 250, 1) 12.09%, rgba(193, 230, 238, 1) 36.13%, rgba(121, 201, 218, 1) 69.48%, rgba(50, 173, 198, 1) 100%);
   color: var(--color-seat-breeze-text);
}

#breeze-seat-detail .catch-text {
   color: var(--color-seat-breeze-dark-text);
}


/* right */
#out-R-seat h3 {
   background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(146, 74, 143, 1) 100%);
   color: var(--color-seat-right-text);
}

#out-R-seat-detail .catch-text {
   color: var(--color-seat-right-text);
}

/* left */
#out-L-seat h3 {
   background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(251, 238, 243, 1) 15.85%, rgba(240, 193, 213, 1) 47.35%, rgba(224, 121, 164, 1) 91.16%, rgba(220, 106, 154, 1) 100%);
   color: var(--color-seat-left-text);
}

#out-L-seat-detail .catch-text {
   color: var(--color-seat-left-text);
}

/***** Special Area *****/
@media screen and (min-width: 640px) {
    #special-area .special-headder {
        /*background: url(../img/season_seat/special-area-bg.png) no-repeat center;*/
        background: url(../img/season_seat/special-area-bg.jpg) no-repeat top center;
        background-size: 1600px auto;
        padding-bottom: 40px;
    }
}
@media screen and (min-width: 640px) and (max-width: 820px) {
   #special-area .special-headder {
      background-size: 1400px auto;
   }
}
#special-area .special-headder h2 {
    margin-top: 0;
    margin-bottom: 2.3rem;
}
#special-area .special-headder .catch-text-c {
    font-size: 30px;
}
#special-area h2 img {
   padding-top: 5rem;
   max-width: 530px;
}
#special-area .seat-detail .detail-text.gozen-content {
   margin-top: 5px;
}
#special-area .premium-limited .kome {
    font-family: var(--font-family-gothic);
    font-size: 10px;
    line-height: 1.5;
    display: block;
    padding-left: 2.1em;
    text-indent: -1em;
    margin-top: 3px;
}
#special-area .left-pad p.note-text-r {
   padding-left: 1rem;
}
#special-area .mb-sp {
   margin-bottom: 1rem;
}

#special-area .seat-detail .detail-text.gozen-content {
   row-gap: 0;
}


@media screen and (min-width: 821px) {
   #special-area .special-main {
      width: 1200px;
      max-width: 95%;
   }
   #special-area .special-main img {
      border-radius: 1.2rem;
   }
   #special-area .seat-detail .detail-text.gozen-content > .detail-text {
      grid-column: span 2;
   }
}
@media screen and (max-width: 820px) {
   #special-area .special-headder .catch-text-c {
      font-size: 28px;
   }
   #special-area h2 img {
      max-width: 460px;
   }
   #special-area .two-column {
      grid-template-columns: 1fr;
   }
   #special-area .seat-detail .detail-text.gozen-content {
      grid-template-columns: minmax(auto, 60%) minmax(auto, 40%); 
   }
   #special-area .seat-detail .gozen-image {
      grid-column: 2;
      grid-row: 1 / 4;
   }
      #special-area .left-pad p.note-text-r {
      padding-left: 0;
   }
}
@media screen and (min-width: 640px) {
   #special-area .special-main {
      /*margin: -5rem auto 0;*/
      margin-left: auto;
      margin-right: auto;;
   }

}
@media screen and (max-width: 639px) {
   #special-area .special-headder {
      margin-bottom: 30px;
   }
   #special-area .special-headder h2 span {
      margin-top: -15px;
   }
   #special-area .special-headder .catch-text-c {
      font-size: 22px;
   }
   #special-area h2 img {
      width: 70%;
   }
   #special-area .seat-detail .gozen-image {
      grid-column: unset;
      grid-row: unset;
      padding: 10px 2px;
   }
   #special-area .seat-detail .detail-text.gozen-content > .detail-text {
      grid-column: span 2;
   }
   #special-area .seat-detail .detail-text.gozen-content .tokuten-t {
      margin-top: 15px;
   }
}

#special-area {
   width: 100%;
   color: #fff;
   background: var(--color-special-title-bg);
   padding-bottom: 50px;
   margin-top: 80px;
}

#special-area .catch-text-c {
   position: relative;
   z-index: 1;
}

#special-area h3 {
   margin: 6rem auto 2rem;
   width: 96%;
   background-color: #240000;
   color: #FFF;
   background : linear-gradient(90deg, rgba(64, 33, 15, 1) 0%, rgba(90, 45, 23, 1) 16.81%, rgba(113, 56, 30, 1) 34.52%, rgba(110, 56, 33, 1) 36.29%, rgba(92, 53, 47, 1) 47.89%, rgba(86, 52, 52, 1) 56.4%, rgba(113, 56, 30, 1) 72.13%, rgba(82, 42, 21, 1) 88.15%, rgba(64, 33, 15, 1) 100%);
}
#special-area #green-luxurybox-seat h3 {
   margin-top: 0;
}
#special-area h3.upper {
   background : linear-gradient(90deg, rgba(64, 33, 15, 1) 0%, rgba(76, 33, 18, 1) 4.01%, rgba(136, 35, 34, 1) 24.65%, rgba(159, 35, 40, 1) 34.52%, rgba(136, 28, 33, 1) 42.32%, rgba(118, 23, 28, 1) 50.44%, rgba(112, 21, 26, 1) 56.4%, rgba(159, 35, 40, 1) 72.13%, rgba(129, 34, 32, 1) 79.87%, rgba(82, 33, 20, 1) 93.29%, rgba(64, 33, 15, 1) 100%);
}

#special-area .reclining {
   margin-top: 20px;
}

#special-area .relax-bottom-photo .relax-column .right-photo img,
#special-area .three-column .contents-inner img  {
   width: 100%;
}

#special-area .image-column img {
   margin-bottom: 20px;
}

#special-area .other-benefit-link a img {
   margin-top: 5px;
}

#special-area .premium-area-detail {
   grid-template-columns: 80% auto;
   gap: 0;
}

#special-area .premium-area-detail .detail-link {
   display: grid;
   place-content: center;
}

#special-area .premium-area-detail .detail-text {
   margin-top: 4px;
}

#special-area .premium-area-detail .premium-area-comment {
   grid-row: 2;
   grid-column: 1 / span 2;
}

#special-area .seat-detail .detail-text {
   letter-spacing: 0;
}

#special-area .other-benefit-link a,
#special-area .benefit-links a {
   display: block;
   width: 100%;;
   background: url(../img/season_seat/special-button-bg-1.png) no-repeat center / contain;
   padding: 1rem;
   text-decoration: none;
   font-family: var(--font-family-gothic);
   color: var(--color-contents-dark-red);
   text-align: center;
   font-weight: bold;
   font-size: 14px;
}

#special-area .bottom-images {
   gap: 0;
   margin-top: 30px;
}

#special-area .bottom-images img {
   display: block;
}

#special-area .next-column {
   margin-top: 0;
}

@media screen and (min-width: 821px) {
   #special-area .benefit-links {
      margin-top: 40px;
   }
}

@media screen and (max-width: 820px) {
   #special-area .next-column {
      gap: 0;
   }
   #special-area .benefit-links > div:not(:last-child) {
      margin-bottom: .65rem;
   }
   
}

@media screen and (min-width: 640px) and (max-width: 820px) {
   #special-area .premium-area-detail {
      grid-template-columns: auto 50%;
      column-gap: 40px;
   }
   #special-area .premium-area-detail .detail-link {
      place-content: flex-start;
   }
}

@media screen and (max-width: 639px){
   #special-area h2 {
      margin-bottom: 45px;
   }
   #special-area h3 {
      font-size: 20px;
      margin-bottom: 15px;
   }
   #special-area .image-column img {
      margin-bottom: 10px;
   }
   #special-area .relax-bottom-photo .relax-column {
      grid-template-columns: 1fr; 
      margin-bottom: 0;
   }

   #special-area .premium-area-detail {
      grid-template-columns: 1fr;
      gap: 5px;
   }

   #special-area .premium-area-detail .premium-area-comment {
      grid-column: auto;
      order: 2;
   }
   #special-area .benefit-links {
      margin-top: 40px;
   }
   #special-area .reclining {
      padding: 0 10px;
   }

   #special-area .other-benefit-link a,
   #special-area .benefit-links a {
      background-size: 100% 100%;
      padding: 8px;
   }
   #special-area .seat-detail p.catch-text {
      font-size: 22px !important;
      line-height: 1.8;

   }
   #special-area .seat-detail .detail-text {
      font-size: 16px;
      font-weight: normal;
      line-height: 1.5;

   }
}

#panorama-seat .contents-inner .detail-text {
   margin-top: 0;
}

#breeze-resortterrace-seat .welcome-plate {
   gap: 15px;
   grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
   margin-top: 10px;
}
#secom-seat .exception-note {
   font-family: var(--font-family-gothic);
   text-align: center;
   border: 1px solid #FFB400;
   color: #FFB400;
   padding: .5rem;
   margin-bottom: 2rem;
   font-size: .9rem;
}
#special-area .box-seat-note {
        max-width: 1000px;
        width: 90%;
        margin: auto;
        background: #fff;
        color: var(--color-font-base);
        font-family: var(--font-family-gothic);
        padding: .5rem;
}
#special-area .box-seat-note > div {
   padding: .5rem;
}
#special-area .box-seat-note .hd-brown {
   text-align: center;
   background: var(--color-special-title-bg);
   color: #fff;
    letter-spacing: .05rem;
}
#special-area .box-seat-note .note-list p {
   font-size: 15px;
    padding-left: 12px;
    text-indent: -16px;
    margin: 1px auto;
}
#special-area .box-seat-note .note-list p::before {
   content: "●";
   color: var(--color-special-title-bg);
   margin-right: 2px;
}

.detail-seat-view,
.seat-view-single,
.seat-view-single .swiper {
   min-width: 0;
   overflow: hidden;
}

@media (max-width: 639px) {
   #breeze-resortterrace-seat .welcome-note {
      order: 110;
   }
}