: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-seat-ivy-dark: #8f8220;   
   --color-lounge-yellow:#fccf00;
   --color-premium-gold-gradient: linear-gradient(to right, #fcce34 0%, #ffe200 27%, #bd7e15 65%, #fcce34 100%);
   --color-premium-gold-solid: #fcce34;
   --color-special-area-gradient: linear-gradient(to right, #210000 0%, #622529 25%, #671115 50%, #622529 75%, #210000 100%);
   --color-special-area-upper-r: #841c3b;;
   --color-special-area-upper-y: #9B8044;
}


#main-visual .header-contents h1 {
    line-height: .85;
}

#main-visual .header-contents h2 {
   margin-top: 45px;
}

#main-visual .header-contents h2 span {
    display: inline-block;
}

/* スライド */
.seat-slide-wrapper .seat-main-visual {
   aspect-ratio: 2000 / 1333
}
.seat-slide-wrapper .seat-main-visual img {
    display: block;
}

.seat-slide-wrapper .seat-main-visual .swiper-button-prev,
.seat-slide-wrapper .seat-main-visual .swiper-button-next {
   display: none;
}

.seat-slide-wrapper .seat-slide {
   --swiper-navigation-sides-offset: 40px;
   grid-column: span 2;
   margin-top: 20px;
   position: relative;
}

.seat-slide-wrapper .seat-view.swiper {
   width: calc(100% - 192px);
}

.seat-slide-wrapper .seat-slide .swiper-button-prev::after,
.seat-slide-wrapper .seat-slide .swiper-button-next::after {
   content: '';
   display: block;
   width: 44px;
   height: 73px;
   background: url(../img/season_seat/slide-arrow.png) no-repeat center / contain;
}

.seat-slide-wrapper .seat-slide .swiper-button-next::after {
   transform: rotate(180deg);
}

:is(#in-field, #out-field) .seat-slide-wrapper .seat-slide .swiper-button-prev::after,
:is(#in-field, #out-field) .seat-slide-wrapper .seat-slide .swiper-button-next::after {
   filter: invert(1);
}

.seat-slide .swiper-slide:not(.swiper-slide-active) img {
   filter: opacity(0.7) brightness(0.6);
}


@media screen and (max-width: 767px) {
   .seat-slide-wrapper .seat-main-visual .swiper-button-prev,
   .seat-slide-wrapper .seat-main-visual .swiper-button-next {
      display: flex;
   }
   .seat-slide-wrapper .seat-main-visual .swiper-button-prev::after,
   .seat-slide-wrapper .seat-main-visual .swiper-button-next::after {
      content: '';
      width: 36px;
      height: 36px;
   }

   .seat-slide-wrapper .seat-main-visual .swiper-button-prev::after {
      background: url(../img/common/slider-button-left.svg) no-repeat center / contain;  
   }

   .seat-slide-wrapper .seat-main-visual .swiper-button-next::after {
      background: url(../img/common/slider-button-right.svg) no-repeat center / contain;  
   }

   .seat-slide-wrapper .seat-slide {
      display: none;
   }
}

@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;
}

/* seat-lineup */
#seat-lineup .panoramic-view img {
   position: sticky;
   top: var(--height-scrolled-header);
}

@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;
}

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

/*背景が入るまで*/
@media screen and (min-width: 640px) and (max-width: 999px) {
   #seat-lineup h1 {
      text-align: center;
   }
}
/* /ヘッダ部分レイアウト */
#seat-lineup.head-anchors {
   width: 1000px;
}

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

@media screen and (max-width: 639px){
   #seat-lineup .seat-variation h4 {
      padding-left: 0;
      padding-right: 0;
   }
   #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 .seat-lineup-lead {
      font-size: 16px;
      letter-spacing: -1px;
      text-align: center;
   }

}
#seat-lineup .seat-variation .two-column {
   gap: 20px 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 .seat-name div a {
   display: grid;
   place-content: center;
   text-decoration: none;
   color: #fff;
   padding: 15px 8px 13px;
   font-weight: bold;
   position: relative;
   font-size: 18px;
   letter-spacing: .075em;
   width: 100%;
   height: 100%;
}

#seat-lineup .seat-name .green-upper a {
   letter-spacing: 0;
}

#seat-lineup .seat-name div a .seat-numbers {
   position: absolute;
   left: 50%;
   top: 0;
   transform: translate(-50%, -50%);
   display: flex;
   justify-content: center;
   align-items: baseline;
   gap: 3px;
}

#seat-lineup .seat-name div a .seat-numbers .num {
   border: 1px solid #fff;
   line-height: 1;
   font-family: "League Spartan", sans-serif;
   font-size: 14px;
   display: inline-grid;
   place-content: center;
   width: 20px;
   height: 20px;
   font-weight: 600;
   letter-spacing: 0;
   padding-top: 4px;
}

#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;
}

@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-variation h4.special-h4 {
        letter-spacing: -.08rem;
   }
   #seat-lineup .seat-name div a {
      letter-spacing: 1px;;
   }
}


/* グラデーションボタン */
.anchor-transition {
   --right-padding: 30px;
   width: 100%;
   text-align: left;
   margin-left: 0;
   padding-right: var(--right-padding);
   position: relative;
}

.anchor-transition a {
   font-size: 22px;
   padding-left: 30px;
   
}

.anchor-transition:before {
   height: 60%;
   top: 16px;
}

.anchor-transition a:after {
      left: 140px;
      right: unset;
}

.read-more {
   margin-top: 4rem;
}

.read-more .seat-icon {
    position: absolute;
    /* max-width: 100px; */
    width: auto;
    margin-left: 1rem;
    right: 5px;
    top: 50%;
    transform: translateY(-65%);
}

#premium-area .read-more .seat-icon {
    height: 140px;
}

#out-field .read-more .seat-icon {
   height: 85px !important;
   top: 50%;
   transform: translateY(-45%);
   right: 30px;
}

#smbc1 .read-more .seat-icon,
#smbc3 .read-more .seat-icon {
   height: 140px;
}

#ivy .read-more .seat-icon,
#breeze .read-more .seat-icon {
   height: 110px;
}

@media screen and (min-width: 640px) and (max-width: 960px){
   #in-field .read-more .seat-icon {
      height: 100px;
   }

   #green .read-more .seat-icon {
      bottom: -2px;
   }
}


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

   #toshiba .read-more .seat-icon {
      position: absolute;
   }

   #green .read-more .seat-icon {
      height: 120px;
   }
}

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

   .read-more {
      margin-top: 2rem;
   }
   
   .anchor-transition:before {
      top: 14px;
   }

   .read-more .seat-icon {
      height: 100px !important;
   }
   #premium-area .read-more .seat-icon {
      transform: translateY(-60%);
   }
   #green .read-more .seat-icon {
      bottom: -8px;
   }

   #smbc1 .read-more .seat-icon,
   #smbc3 .read-more .seat-icon {
      bottom: 65px;
   }

}

#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 .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 .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 .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 .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 .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 .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 .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%);
}

h2 {
   margin: 70px 0;
   text-align: center;
}

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

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

.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-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 .seat-price {
   position: relative;
}

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

.seat-slide {
   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 .pc.seat-img img,
.seat-detail .pc .seat-img img {
   width: 350px;
   max-width: 100%;
}

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

   h2 span {
      font-size: 18px;
      padding-top: 5px;
   }

   #main-visual .header-contents h2 {
        line-height: unset;
        padding-left: 0;
   }

   #main-visual .header-contents h2 span {
        font-size: unset;
        padding-top: unset;
   }

   .icon-camera-w,
   .icon-camera-b {
      font-size: 16px;
      margin-top: 0;
   }

   .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 .contents-inner:last-child {
      padding-left: 0;
   }
   .seat-detail .image-column {
      display: grid;
   }

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

}

@media screen and (min-width: 640px) and (max-width: 1100px){

   .seat-detail .detail-text {
      line-height: 1.8;
      font-size: 19px;
   }

}


/* プレミアムエリア */
#premium-area {
   width: 100%;
   color: #fff;
   background-color: #000;
   margin-top: 5rem;
   padding-bottom: 8rem;
}

#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 .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;
   /* border-width: 6px;
   border-style: solid;
   border-color: #9b8045; */
   border-top: 6px solid #9b8045;
   border-bottom: 6px solid #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 .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%;
}

@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;
   }
}

#premium-area .premium-lounge .two-column {
   outline: 1px solid #fff;
   margin-bottom: 1rem;
}
#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;
}

#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: 13px;
    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%;
   }
    #premium-area .premium-lounge .box-ttl span {
    padding: 8px 20px;
    }
}

@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 {
      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;  
   }
}

/* cover */
#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-2 .seat-renewal {
    padding: .5rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
}

#cover .card-detail {
   display: grid;
   grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
   gap: 30px;
}
#cover .card-detail .card-detail-left h4 {
   font-size: 28px;
   margin-bottom: 10px;
}

#cover #card-reclining .card-detail-header {
   grid-template-columns: minmax(auto, 55%) minmax(auto, 45%);
   gap: 1rem;
}
#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-6 span.ivy {
    color: var(--color-font-base);
}

@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;
   }
}

@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-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 .two-column {
   gap: 15px;
}
@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-reclining .card-reclining-images {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
   }

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

@media screen and (max-width: 639px){
   #cover .two-column {
      max-width: 300px;
      margin: 0 auto;
      gap: 10px !important;
      margin-bottom: 10px;
   }
   #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-detail .card-detail-left h4 {
      font-size: 23px;
   }

   #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: 1rem;
}
#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-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 {
      font-size: 14px;
   }
}

/* card 個別調整 */
@media screen and (min-width: 860px) {

   #card-2 .card-detail-left img {
      margin-top: 2rem;
   }

   #card-3 .card-detail-right {
      margin-top: -1.5rem;
   }

   .seat-renewal {
      margin-top: 1rem;
   }

   #card-4 .card-detail-right .seat-img-1,
   #card-5 .card-detail-right .seat-img-1 {
      width: 75%;
      margin: auto;
   }

   #card-8 .card-detail-left img {
      margin-top: 1rem;
   }

   #card-8 .seat-img-2,
   #card-9 .seat-img-2 {
      margin-top: -2rem;
   }

}
@media screen and (max-width: 990px) {
   #card-reclining .card-detail-text br {
      display: none;
   }
}

/* シート別 背景色 */
.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);
}

#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);
}

.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%);
}


/***** 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 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 .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 h2 img {
      max-width: 460px;
   }
   #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;
   }
}

@media screen and (min-width: 640px) {
   #special-area .special-main {
      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 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 .reclining {
   margin-top: 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 .next-column {
   margin-top: 0;
}

@media screen and (max-width: 820px) {
   #special-area .next-column {
      gap: 0;
   }
}

@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 .image-column img {
      /* margin-bottom: 10px; */
   }

   #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 .reclining {
      padding: 0 10px;
   }

   #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;
}

/* .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;
   }
}

/* SEASON SEAT 2027 */

/*-------------------------------
  色設定など
--------------------------------*/
/* TOSHIBAプレミアムシート */
#toshiba {
    h3 {
      background: var(--color-premium-gold-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    h3::after {
      color: var(--color-premium-gold-solid);
    }
    .catch-text {
      /* color: var(--color-seat-toshiba); */
    }
}

/* グリーンプレミアムシート */
#premium {
   h3 {
      background: var(--color-premium-gold-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   h3::after {
      color: var(--color-premium-gold-solid);
   }
   .catch-text {
      /* color: var(--color-seat-green-premium); */
   }
}

/* グリーンシート */
#green {
   h3 {
      color: var(--color-seat-green);
   }
   .catch-text {
      color: var(--color-seat-green);
   }
}

/* SMBCシート（1塁） */
#smbc1 {
   h3 {
      color: var(--color-seat-smbc-first);
   }
   .catch-text {
      color: var(--color-seat-smbc-first);
   }
}

/* SMBCシート（3塁） */
#smbc3 {
   h3 {
      color: var(--color-seat-smbc);
   }
   .catch-text {
      color: var(--color-seat-smbc);
   }
}

/* アイビーシート */
#ivy {
   h3 {
      color: var(--color-seat-ivy-dark);
      /* color: var(--color-seat-ivy); */
   }
   .catch-text {
      color: var(--color-seat-ivy-dark);
      /* color: var(--color-seat-ivy); */
   }
   .anchor-transition a {
      color: var(--color-font-base);
   }
   .anchor-transition a:after {
      filter: invert(100%);
   }
}

#ivy span.ivy {
    color: var(--color-font-base);
}

/* ブリーズシート */
#breeze {
   h3 {
      color: var(--color-seat-breeze);
   }
   .catch-text {
      color: var(--color-seat-breeze);
   }
   .anchor-transition a {
      color: var(--color-font-base);
   }
   .anchor-transition a:after {
      filter: invert(100%);
   }
}

/* ライト外野指定席 */
#out-R {
   h3 {
      color: var(--color-seat-right);
   }
   .catch-text {
      color: var(--color-seat-right);
   }
}

/* レフト外野指定席 */
#out-L {
   h3 {
      color: var(--color-seat-left);
   }
   .catch-text {
      color: var(--color-seat-left);
   }
}

/* スペシャルエリア */
/* 価格の数字のみ */
.num-special-area-upper {
   border: 1px solid #fff;
}


/*-------------------------------
  共通：season-seat-wrap 内
--------------------------------*/
#in-field,
#out-field,
#special-area {
   margin-top: 10rem;
}

.season-seat-wrap h2 {
    font-family: "EB Garamond", serif;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 3rem;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: 0.05em;
    max-width: 600px;
    width: 100%;
    padding: 4rem 1.25rem 3.5rem;
    margin: 3rem auto;
}

.season-seat-wrap h2 span {
    font-size: 0.4em;
    font-weight: normal;
}

.season-seat-wrap h3 {
   text-align: center;
   position: relative;
   padding-bottom: 25px;
   margin-bottom: 2rem;
   margin-top: 2rem;
   font-size: 2.5rem;
}

.season-seat-wrap h3::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 20px;
   height: 20px;
   border-bottom: 2px solid currentColor;
   border-right: 2px solid currentColor;
   transform: translateX(-50%) rotate(45deg);
}

.season-seat-wrap .contents-wrap .two-column {
   max-width: 1000px;
   width: 100%;
   margin: 2rem auto;

}

.season-seat-wrap .catch-line {
   text-align: center;
   font-size: 1.75rem;
   line-height: 1.7;
   padding-bottom: .75rem;
   font-weight: bold;
   letter-spacing: 6px;
}

.season-seat-wrap .catch-text {
    line-height: 1.7;
    padding-bottom: 10px;
    font-weight: bold;
    letter-spacing: .5rem;
    font-size: 2rem;
}

.season-seat-wrap .catch-text span {
    display: inline-block;
}

.season-seat-wrap .detail-text {
    line-height: 2.1;
    font-size: 1.125rem;
    letter-spacing: 2px;
    font-weight: bold;
}

@media screen and (max-width: 820px) {
   .season-seat-wrap h3 {
      font-size: 2.25rem;
   }

}

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

   .season-seat-wrap .catch-text {
      font-size: 1.75rem;
   }

}


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

   .season-seat-wrap h3 {
      font-size: 1.75rem;
   }

}

/*-------------------------------
  メインビジュアルエリア
--------------------------------*/
#main-visual .header-contents .header-lead span {
    display: inline-block;
}

/*-------------------------------
  シート一覧メニュー
--------------------------------*/
/* seat-lineup */

#seat-lineup .seat-variation h4 {
    margin: 0;
    padding: 0;
}

#seat-lineup .seat-variation .seat-line {
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: .75rem;
    margin-bottom: 1rem;
}

#seat-lineup .seat-variation > div:not(:first-child) {
    padding-top: 2.5rem;
    border-top: 1px solid #000;
}

@media screen and (min-width: 640px){
   #seat-lineup .seat-variation h4 {
      width: 70%;
      margin-left: auto;
      margin-right: auto;
   }
}

@media screen and (max-width: 820px){
    #seat-lineup > .two-column {
        grid-template-columns: 1fr;
        gap: 4rem;
    }
}


/*-------------------------------
  共通：プレミアムエリア / スペシャルエリア
--------------------------------*/
/* special-area *//* premium-area */
#premium-area,
#special-area  {

   .title-stage-split {
      width: 100%;
      background: linear-gradient(to bottom, #fff 50%, transparent 50%);
      margin-top: -1px;
      
      h2 {
         margin-top: 0;
         margin-bottom: 0;
         background: var(--color-premium-gold-gradient);
         color: #000; 
      }
   }
    
}

#premium-area .catch-line,
#special-area .catch-line  {
   margin-top: 2rem;
}

@media screen and (max-width: 500px) {
    #premium-area .catch-text br {
        display: none;
    }

    #special-area .catch-text br  {
        display: none;
    }

}


/*-------------------------------
  プレミアムエリア
--------------------------------*/
/* premium-area */

#premium-area section#premium {
   margin-top: 8rem;
}

#premium-area .premium-lounge {
   margin-top: 8rem;
}

#premium-area .premium-seat-title {
   display: block;
   max-width: 600px;
   width: 100%;
   margin: 2rem auto;
}


/* プレミアムラウンジ概要 */
#lounge {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}


/*-------------------------------
  共通：内野エリア / 外野エリア
--------------------------------*/
/* in-field *//* out-field */

#in-field > section,
#out-field > section {
   margin-bottom: 7rem;
}

/*-------------------------------
  内野エリア
--------------------------------*/
/* in-field */

#in-field .seat-renewal {
    font-family: var(--font-family-gothic);
    padding-left: 0.85em;
    text-indent: -0.85em;
    margin: 1rem;
    font-size: 0.875rem;
}

@media screen and (max-width: 500px) {
    #in-field .catch-line span {
        display: inline-block;
    }
    #in-field .catch-line br {
        display: none;
    }
}


/*-------------------------------
  外野エリア
--------------------------------*/
/* out-field */



/*-------------------------------
  スペシャルエリア
--------------------------------*/
/* special-area */

#special-area > section:not(:last-child) {
   margin-bottom: 7rem;
}

#special-area {
   background: var(--color-special-area-gradient);
   color: #fff;    
   padding-bottom: 10rem;
}

#special-area {
    h3 {
        color: #fff;
        background-color: unset;
        /* color: var(--color-seat-green-upper);
        background-color: var(--color-seat-green-upper); */
        border-bottom: 1px solid #fff;
        margin-bottom: 2rem;
    }
    h3::after {
        display: none;
    }
        span {
            display: inline-block;
        }

}

#special-area .note {
    padding-left: 1em;
    text-indent: -1em;
    font-size: .6rem;
    margin-top: .25rem;
    margin-left: .75rem;
    font-family: var(--font-family-gothic);
}

#special-area .image-column img {
   margin-bottom: 1rem;
}

#special-area .image-column img:last-child {
   margin-bottom: 0;
}

/* 限定特典エリア */
.special-benefit {
    font-family: var(--font-family-gothic);
    max-width: 1000px;
    width: 100%;
    margin: 2rem auto;
}
.special-benefit h4 {
    padding: 0;
} 
.special-benefit h5 {
    font-size: 1rem;
    text-indent: -1.25em;
    padding-left: 1.25em;
    margin-left: .5rem;
    font-weight: bold;
}
.special-benefit h5::before {
    content: '●';
    margin-right: 3px;
    color: #fccf00;
    font-size: .9rem;
    position: relative;
    top: -2px;
}
.season-seat-wrap .special-benefit > .two-column {
    margin-bottom: 1rem;
}

p.note-text {
   margin-top: 20px;
   margin-bottom: 20px;
   font-size: 11px;
   width: 98%;
}
p.note-text-r {
   margin-top: 5px;
   font-size: 11px;
   padding-left: .5rem;
   padding-right: .5rem;
}

.special-benefit ul {
    font-size: 11px;
    margin-left: 22px;
    list-style: none;
    padding-left: .5rem;
    text-indent: -7px;
    margin-bottom: .5rem;
}

.special-benefit .contents-inner > h5,
.special-benefit .contents-inner > ul,
.special-benefit .contents-inner > p {
    padding-right: 1.25rem;
}

.special-benefit ul li::before {
    content: "●";
    font-size: 6px;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.gozeb-columns {
    display: grid;
    grid-template-columns: minmax(auto, 65%) minmax(auto, 35%);
    gap: 1rem;
    padding-right: 1rem;
}
.benefit-columns {
    display: grid;
    grid-template-columns: auto 120px;
    gap: .5rem;
    padding-right: 1rem;
}

.benefit-columns .detail-link {
   font-family: var(--font-family-gothic);
}

.benefit-columns .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;
   margin: auto;
}

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

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

.special-benefit .benefit-links {
    margin-top: 3rem;
}

/* breeze-benefit */
.welcome-plate-columns {
    display: grid;
    grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
    gap: .5rem;
    padding-right: 1rem;
    margin-top: .25rem;
}

.special-benefit.breeze-benefit .benefit-links {
    margin-top: .25rem;
}
.special-benefit.breeze-benefit .benefit-links img {
    margin-top: 0;
}

#special-area #breeze-resortterrace .note {
    margin-left: 0;
}

@media screen and (max-width: 820px) {
   #special-area .two-column {
      grid-template-columns: 1fr;
   }
    .special-benefit .benefit-links {
        margin-top: 1rem;
    }

}

@media screen and (max-width: 450px) {
    .gozeb-columns,
    .welcome-plate-columns {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: 1rem;
    }
    .gozeb-columns img,
    .welcome-plate-columns img {
        display: block;
        margin: auto;
        padding-left: 1.5rem;
    }
    .benefit-columns {
        grid-template-columns: auto 100px;
    }

}


/* secom */
#secom .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;
}

#secom .box-seat-note {
   max-width: 1000px;
   width: 100%;
   margin: auto;
   background: #fff;
   color: var(--color-font-base);
   font-family: var(--font-family-gothic);
   padding: .5rem;
}
#secom .box-seat-note > div {
   padding: .5rem;
}
#secom .box-seat-note .hd-brown {
   text-align: center;
   background: var(--color-special-area-gradient);
   color: #fff;
    letter-spacing: .05rem;
}
#secom .box-seat-note .note-list p {
    font-size: 15px;
    padding-left: 12px;
    text-indent: -16px;
    margin: 1px auto;
}
#secom .box-seat-note .note-list p::before {
   content: "●";
   color: var(--color-special-title-bg);
   margin-right: 2px;
}