@charset "UTF-8";

/*--------------------------------------------
  ファンクラブ
---------------------------------------------*/

/* ファンクラブ色設定 */

:root {
  --primary-color:  #0b318f;
  --second-color:   #e60020;
  --accent-color:   #FFEA5E;
  --text-color:     #333;
  --white-color:    #fff;
  --lightgray-color:#f4f4f4;
  
  --platinum-color: rgb(163 182 201);
  --gold-color: 	rgb(216 174 31);
  --regular-color:  rgb(11 49 143);
  --junior-color:   rgb(230 0 32);
  --free-color:     rgb(255 255 255);
  
  --platinum-color-alpha: rgb(201 201 201 / .2);
  --gold-color-alpha:     rgb(216 174 31 / .2);
  --regular-color-alpha:  rgb(11 49 143 / .1);
  --junior-color-alpha:   rgb(230 0 32 / .1);
  --free-color-alpha:     rgb(255 255 255 / .2);
  
  --bench-yoko-color: #e8383d;
  --bench-ura-color: #f08300;
  --court-side-color: #005bac;
  --court-end-a-color: #ea6182;
  --court-end-b-color: #542088;
  --first-f-color: #41b25d;
  --second-f-color: #22a5de;
  --second-f-pair-color: #78e500;
  
  --bench-yoko-color-alpha: rgb(232 56 61 / .7);
  --bench-ura-color-alpha: rgb(240 131 0 / .7);
  --court-side-color-alpha: rgb(0 91 172 / .7);
  --court-end-a-color-alpha: rgb(234 97 130 / .7);
  --court-end-b-color-alpha: rgb(84 32 136 / .7);
  --first-f-color-alpha: rgb(65 178 93 / .7);
  --second-f-color-alpha: rgb(34 165 222 / .7);
}
.seasonseat2025-26 {
  --accent-color:   #E1CA49;
}

.fc-platinum-color { color: var(--platinum-color)!important; }
.fc-gold-color     { color: var(--gold-color)!important; }
.fc-regular-color  { color: var(--regular-color)!important; }
.fc-junior-color   { color: var(--junior-color)!important; }
.fc-free-color     { color: var(--text-color)!important; }
.fc-text-color     { color: var(--text-color)!important; }
.fc-white-color    { color: var(--white-color)!important; }

.fc-platinum-bg{
color: #fff!important;
fill: #fff!important;
background-color: var(--platinum-color)!important;
}
.fc-platinum-bg-reverse{
color: var(--platinum-color)!important;
fill: var(--platinum-color)!important;
background-color: #fff!important;
}
.fc-gold-bg{
color: #fff!important;
fill: #fff!important;
background-color: var(--gold-color)!important;
}
.fc-regular-bg, .rzf-bg-bl{
color: #fff!important;
fill: #fff!important;
background-color: var(--regular-color)!important;
}
.fc-junior-bg{
color: #fff!important;
fill: #fff!important;
background-color: var(--junior-color)!important;
}
.fc-free-bg{
color: var(--text-color)!important;
fill: var(--text-color)!important;
background-color: var(--free-color)!important;
border-color: var(--text-color)!important;
}
.fc-free-bg-reverse{
color: var(--free-color)!important;
background-color: var(--text-color)!important;
}
.fc-white-bg, .rzf-bg-wh{
color: var(--text-color)!important;
background-color: var(--white-color)!important;
border-color: var(--text-color)!important;
}
.rzf-bg-lg{
color: var(--text-color)!important;
background-color: var(--lightgray-color)!important;
border-color: var(--text-color)!important;
}


.fc-platinum-bg-alpha { background-color: var(--platinum-color-alpha); }
.fc-gold-bg-alpha     { background-color: var(--gold-color-alpha); }
.fc-regular-bg-alpha  { background-color: var(--regular-color-alpha); }
.fc-junior-bg-alpha   { background-color: var(--junior-color-alpha); }
.fc-free-bg-alpha     { background-color: var(--free-color-alpha); }

.fc-platinum-border { border: 1px solid var(--platinum-color)!important; }
.fc-gold-border     { border: 1px solid var(--gold-color)!important; }
.fc-regular-border  { border: 1px solid var(--regular-color)!important; }
.fc-junior-border   { border: 1px solid var(--junior-color)!important; }
.fc-free-border     { border: 1px solid var(--text-color)!important; }


.bench-yoko-color { color: var(--bench-yoko-color)!important; }
.bench-ura-color     { color: var(--bench-ura-color)!important; }
.court-side-color  { color: var(--court-side-color)!important; }
.court-end-a-color   { color: var(--court-end-a-color)!important; }
.court-end-b-color     { color: var(--court-end-b-color)!important; }
.first-f-color     { color: var(--first-f-color)!important; }
.second-f-color    { color: var(--second-f-color)!important; }
.second-f-pair-color  { color: var(--second-f-pair-color)!important; }

.bench-yoko-bg {
background-color: var(--bench-yoko-color)!important;
color: var(--white-color)!important;
}
.bench-yoko-bg .price-arenamap_number {color: var(--bench-yoko-color)!important;}
.bench-ura-bg {
background-color: var(--bench-ura-color)!important;
color: var(--white-color)!important;
}
.bench-ura-bg .price-arenamap_number {color: var(--bench-ura-color)!important;}
.court-side-bg {
background-color: var(--court-side-color)!important;
color: var(--white-color)!important;
}
.court-side-bg .price-arenamap_number {color: var(--court-side-color)!important;}
.court-end-a-bg {
background-color: var(--court-end-a-color)!important;
color: var(--white-color)!important;
}
.court-end-a-bg .price-arenamap_number {color: var(--court-end-a-color)!important;}
.court-end-b-bg {
background-color: var(--court-end-b-color)!important;
color: var(--white-color)!important;
}
.court-end-b-bg .price-arenamap_number {color: var(--court-end-b-color)!important;}
.first-f-bg {
background-color: var(--first-f-color)!important;
color: var(--white-color)!important;
}
.first-f-bg .price-arenamap_number {color: var(--first-f-color)!important;}
.second-f-bg {
background-color: var(--second-f-color)!important;
color: var(--white-color)!important;
}
.second-f-bg .price-arenamap_number {color: var(--second-f-color)!important;}
.second-f-pair-bg {
background-color: var(--second-f-pair-color)!important;
color: var(--white-color)!important;
}
.second-f-pair-bg .price-arenamap_number {color: var(--second-f-pair-color)!important;}

.bench-yoko-bg-alpha {
background-color: var(--bench-yoko-color-alpha);
color: var(--white-color)!important;
}
.bench-ura-alpha {
background-color: var(--bench-ura-color-alpha);
color: var(--white-color)!important;
}
.court-side-bg-alpha {
background-color: var(--court-side-color-alpha);
color: var(--white-color)!important;
}
.court-end-a-bg-alpha {
background-color: var(--court-end-a-color-alpha);
color: var(--white-color)!important;
}
.court-end-b-bg-alpha {
background-color: var(--court-end-b-color-alpha);
color: var(--white-color)!important;
}
.first-f-bg-alpha {
background-color: var(--first-f-color-alpha);
color: var(--white-color)!important;
}
.second-f-alpha {
background-color: var(--second-f-alpha);
color: var(--white-color)!important;
}


/*** レイアウト設定・パーツ ***/
/* セクションマージン */
/*@media print, screen and (min-width: 1200px){
.rzf-fanclub section:not(.rzf-icon-btn-wrap,.contact-info,.js-pulldown) { margin-bottom: 7em!important;}
}*/

/* 大枠のパディングを無くした場合のレイアウト */
.rzf-wrap > section:not(.rzf-icon-btn-wrap,.contact-info,.js-pulldown, .js-pulldown-faq),
.rzf-wrap #guide section{
margin-block: 0!important;
padding-block: 5em;
}
.rzf-wrap .rzf-layout-padding{margin-inline: auto!important;}
.rzf-wrap .rzf-layout-offset{margin-inline: 0!important;}
.rzf-wrap .rzf-layout-head-offset{margin-inline: auto!important;}

@media print, screen and (min-width: 1219px) {
/*.rzf-wrap {padding-block: 7em;}*/
.rzf-wrap .rzf-layout-padding {padding-inline: 50px;}
.rzf-wrap .rzf-layout-head-offset{margin-block-start: -50px!important;}
}
@media screen and (max-width: 1218px) {
.rzf-wrap .rzf-layout-padding {padding-inline: 25px;}
.rzf-wrap .rzf-layout-head-offset{margin-block-start: -25px!important;}
}
@media screen and (max-width: 767px) {
.rzf-wrap .rzf-layout-padding {padding-inline: 1.2em;}
.rzf-wrap .rzf-layout-head-offset{margin-block-start: -1em!important;}
}
@media screen and (max-width: 450px){
.rzf-wrap > section:not(.rzf-icon-btn-wrap,.contact-info,.js-pulldown, .js-pulldown-faq){
padding-block: 2.5em;
}
.rzf-wrap .rzf-layout-padding {padding-inline: 0.7em;}
}


/*** チケット 共通 ***/
.rzf-wrap h2.rzf-centertitle {
color: var(--primary-color)!important;
margin: 3em 0 1em!important;
letter-spacing: 0;
}
.rzf-wrap h2.rzf-centertitle::after {
border-bottom-color: var(--accent-color);
}
.rzf-wrap section h2:first-of-type{
margin-top: 0em!important;
}
.rzf-wrap p:not(.rzf-btn-wrap p/*, .rzf-textbox p, .js-pulldown p, .js-pulldown-faq p, p.rzf-cautiontext, p.list-mark*/), .mfp-wrap p{
text-align: justify;
}
.rzf-wrap p a{
padding: 0 0.2em;
border-bottom: 1px solid;
}
.rzf-wrap p a:hover{border-bottom: none;}

/* 可変の大きなテキスト */
.rzf-wrap p.rzf-big-text {
font-size: 16px;
font-weight: 800!important;
/*line-height: 2;*/
}
.rzf-wrap p.rzf-mid-text {
font-size: 1.2em;
font-weight: 600!important;
line-height: 1.6;
}
.rzf-wrap sup {
font-size: 80%;
font-weight: 400!important;
vertical-align: top;
letter-spacing: 0;
}

.fc-cautiontext{
display: block;
font-size: 85%;
line-height: 1.6;
}

@media (min-width: 767px) {
.rzf-wrap h2.rzf-centertitle {
margin: 4em 0 2em!important;
padding: 0.5em 0.1em;
}
/*.rzf-wrap h3{
margin: 4em 0 1.8em !important;
}*/
.rzf-wrap p.rzf-big-text {
/*font-size: calc(1rem + ((1vw - 7.67px) * 1.2638));*/
font-size: calc(1.2rem + ((1vw - 7.67px) * 1.5));
min-height: 0vw;
line-height: 2;
}
.rzf-wrap p.rzf-mid-text {
/*font-size: 16px;*/
/*font-weight: 600!important;*/
}
}
@media (max-width: 450px) {
.rzf-wrap h2.rzf-centertitle {
font-size: 1.8em!important;
}
/*.rzf-wrap h3{
font-size: 1.2rem!important;
}*/
.rzf-wrap p:not(.rzf-btn-wrap p, .rzf-textbox p, .js-pulldown p, .js-pulldown-faq p, p.rzf-cautiontext, p.list-mark), .mfp-wrap p{
padding-inline:0.4em;
}
.rzf-wrap .rzf-textbox p, .rzf-wrap p.rzf-cautiontext, .rzf-wrap p.list-mark{
padding-right:0.4em;
}
}
@media (min-width: 1400px) {
.rzf-wrap h2.rzf-centertitle {
margin: 5em 0 3em!important;
font-size: 3.6em
}
.rzf-wrap p.fc-big-text {font-size: 24px;}
.rzf-wrap p.fc-mid-text {font-size: 20px;}
}

/* 注意文 */
.rzf-wrap .rzf-textbox{
margin-top: 2em;
color: var(--text-color)!important;
background-color: #fff;
letter-spacing: 0;
}
.rzf-wrap .rzf-textbox p a{
color: var(--primary-color)!important;
padding: 0 0.2em;
border-bottom: 1px solid;
}
.rzf-wrap .rzf-textbox p a:hover{border-bottom: none;}

.rzf-cautiontext, p.rzf-cautiontext {
font-size: 0.85em;
text-indent: -1em;
padding-left: 1em;
margin-bottom: 0.7em!important;
line-height: 1.4;
word-break: break-all;
}
.rzf-cautiontext i, p.rzf-cautiontext i, .list-mark i {text-indent: 0;}
.rzf-cautiontext-wrap .rzf-cautiontext, .rzf-cautiontext-wrap p.rzf-cautiontext {margin-bottom: 0!important;}

@media screen and (max-width: 450px){
.rzf-wrap .rzf-textbox{padding-inline: 0.7em;}
.rzf-cautiontext:not(.rzf-textbox p, .js-pulldown p, .js-pulldown-faq p, p.list-mark, p.fc-grade-text) {
text-indent: -1em;
padding-left: 1.4em;
}
}


/* タブ切り替え */
/*.rzf-tab-switch {display: none;}*/
.rzf-tab-switch {display: block;}

.rzf-tab-btn {
display: grid;
/*grid-template-columns: 1fr 1fr;*/
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 2px;
align-items: stretch;
align-items: end;
list-style: none;
width: 100%;
/*max-width: 1200px;*/
margin: 0 auto;
text-align: center;
background-color: #fff;
letter-spacing: 0;
border-bottom: 2px solid var(--primary-color);
padding: 0 1em 0 0.2em;
}
.rzf-tab-btn li {
flex-basis: 50%;
box-sizing: content-box;
}
.rzf-tab-btn a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.4;
padding: 1em 0.3em;
font-size: 0.9rem;
font-weight: 500;
text-decoration: none;
background-color: #ccc;
color: #fff!important;
box-sizing: border-box;
border-radius: 13px 13px 0 0;
}

.rzf-tab-btn.rzf-tab-btn-reverse {
align-items: start;
border-bottom: none;
border-top: 3px solid var(--primary-color);
}
.rzf-tab-btn.rzf-tab-btn-reverse a {
border-radius: 0 0 13px 13px;
}

.rzf-tab-contents > section {
display: none;
/*overflow: hidden;*/
margin-bottom: 0!important;
}

/* タブ選択時の表示 */
.rzf-tab-btn a[href="#teriha"],
#teriha:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#teriha"],
#iizuka:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#iizuka"],
#kurume:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#kurume"],
#kitakyushu:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#kitakyushu"],
#mediadome:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#mediadome"],
#fukuokashimin:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#fukuokashimin"] {
background-color: var( --primary-color );
pointer-events: none;
height: 70px;
}
/* 初期表示を元に戻す */
.rzf-tab-switch:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#teriha"] {
background-color: #ccc;
pointer-events: auto;
height: inherit;
}

/* コンテンツを表示 */
.rzf-tab-contents #teriha-cont,
#teriha:target ~ .rzf-tab-contents #teriha-cont,
#iizuka:target ~ .rzf-tab-contents #iizuka-cont,
#kurume:target ~ .rzf-tab-contents #kurume-cont,
#kitakyushu:target ~ .rzf-tab-contents #kitakyushu-cont,
#mediadome:target ~ .rzf-tab-contents #mediadome-cont,
#fukuokashimin:target ~ .rzf-tab-contents #fukuokashimin-cont {
display: block;
}
/* 初期表示を元に戻す */
.rzf-tab-switch:target ~ .rzf-tab-contents #teriha-cont {display: none;}

/* ホバー時 */
.rzf-tab-switch:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a:hover {
/*opacity: 0.7;*/
background-color: #777;
transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
.rzf-tab-btn {
align-items: stretch;
padding: 0;
border: none;
}
.rzf-tab-btn.rzf-tab-btn-reverse {border: none;}
.rzf-tab-btn a, .rzf-tab-btn.rzf-tab-btn-reverse a {
font-size: 0.75rem;
border-radius: 0;
}
.rzf-tab-btn li:first-child {
height: 55px;
grid-column-start: 1;
grid-column-end: 3;
}
.rzf-tab-btn li:first-child a {
border-radius: 10px 10px 0 0;
}
.rzf-tab-btn.rzf-tab-btn-reverse li:first-child {
grid-row-start: 2;
grid-row-end: 3;
}
.rzf-tab-btn.rzf-tab-btn-reverse li:first-child a {
border-radius: 0 0 10px 10px;
}
.rzf-tab-btn li:nth-child(2) {
grid-column-start: 1;
grid-column-end: 2;
}
.rzf-tab-btn li:nth-child(3) {
grid-column-start: 2;
grid-column-end: 3;
}
.rzf-tab-btn a[href="#teriha"],
#teriha:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#teriha"],
#iizuka:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#iizuka"],
#kurume:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#kurume"],
#kitakyushu:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#kitakyushu"],
#mediadome:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#mediadome"],
#fukuokashimin:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#fukuokashimin"] {
background-color: var( --primary-color );
pointer-events: none;
height: inherit;
}
}


/* 共通 ボタン チケット変更 */
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) {max-width: 560px;}
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) a {
margin: 0 auto;
padding: 1.2em 20px 1.2em 5px;
border: 2px solid #fff;
border-radius: 50px;
/*transition: 0.2s;*/

background-image: linear-gradient(45deg, var(--accent-color) 50%, transparent 50%);
background-position: 100%;
background-size: 400%;
transition: 0.8s ease-in-out ;
}
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) a::after {
border: none;
-webkit-transform: none;
transform: none;
right: 30px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f138";
display: flex;
align-items: center;
font-size: 1.3em;
color: var(--accent-color);
transition: 0.2s ease-in 0.4s ;
}
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) a:hover {
opacity: 1;
color: var(--primary-color)!important;
background-color: var(--accent-color);
background-position: 0;
}
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) a:hover::after {
right: 25px;
color: var(--primary-color);
}

.rzf-ticket .rzf-btn-wrap p a{transition: 0.2s;}
.rzf-ticket .rzf-btn-wrap p a:hover{
opacity: 1;
font-weight: 600;
color: var(--accent-color)!important;
}

.rzf-ticket .rzf-btn-wrap .rzf-btn, .rzf-ticket .rzf-btn-wrap img{
margin-bottom: 1em!important;
}
@media screen and (max-width: 767px){
/*.rzf-ticket .rzf-btn.rzf-regist-btn:not(.ticket-contact-info-btn) a {
padding: 1.1em 20px 1.1em 5px;
font-size: 1.1em;
}*/
.rzf-ticket .rzf-btn-wrap p a{font-size: 0.9em;}
}
@media screen and (max-width: 450px){
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) a {
padding: 1em 30px 1em 8px;
line-height: 1.2;
}
/*.rzf-ticket .rzf-btn.rzf-regist-btn:not(.ticket-contact-info-btn) a {
padding: 1.1em 30px 1.1em 8px;
}*/
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) a::after{right: 20px;}
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) a:hover::after {right: 17px;}
}
@media screen and (min-width: 1200px){
.rzf-ticket .rzf-btn:not(.ticket-contact-info-btn) {max-width: 800px;}
}

/* 追従バナー */
#footerbanner.rzf-fixed-banner a:hover {opacity: 1;}

/* バナーボタン */
.rzf-banner-btn{
max-width: 640px;
margin-inline: auto;
padding-inline: 1.2em;
text-align: center;
}


/* ポップアップ
------------------------------------------------------------*/
.mfp-container{
padding: 0 6%;
max-width: fit-content;
right: 0;
bottom: 0;
margin: auto;
}

.mfp-wrap h3 {
margin: 1.0em 0 0.5em !important;
font-size: 1.2em;
font-weight: 600;
position: relative;
color: inherit!important;
letter-spacing: 0;
text-align: left;
border: none;
}
.mfp-wrap h3::before {
content:"■";
padding-right: 0.2em;
color: var(--accent-color)!important;
}
.mfp-wrap h4 {
font-weight: 600;
/*font-family: 'M PLUS 2', sans-serif;*/
}
@media screen and (min-width: 1000px) {
.inline-modal {
position: relative;
max-width: 800px;
min-width: 640px;
/*min-width: 60vw;*/
margin:5em auto 5em;
padding: 3em 2em 1.5em;
text-align:center;
background-color: #fff;
color: #555;
}
/*.inline-modal.seat-detail{
min-width: 800px;
}*/
}


/*--------------------------------------------
  席種・チケット価格
---------------------------------------------*/
/* 会場図 座席説明 */
.price-arenamap-wrap/*, .seasonseat-seat-arenamap-wrap*/{
width: 100%;
display: flex;
justify-content: center;
margin: 4em auto 1.5em;
color: #555;
font-weight: 600;
max-width: 1000px;
}
.price-arenamap-wrap{margin-top: 0;}
.price-arenamap{margin-left: 20px;}
.price-arenamap li{
display: flex;
min-width: 240px;
margin-bottom: 0.5em;
padding: 0.5em;
line-height: 1.8;
}
.price-arenamap_number {
display: inline-block;
width: 100%!important;
min-width: 1.5em;
max-width: 1.5em;
height: 1.5em;
font-size: 1.2em;
font-weight: 900;
margin-right: 0.2em;
background-color: #fff;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
line-height: 1.5;
}
.rzf-price-table .price-arenamap_number {
margin: 1px;
}

@media screen and (max-width: 767px) {
.price-arenamap-wrap{
display: block;
margin-bottom: 1.5em;
}
.price-arenamap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 0!important;
}
.price-arenamap li{
min-width: inherit;
width: calc(50% - 0.4em);
margin: 0 0.2em 0.5em;
padding: 0.5em;
font-size: 0.7em;
}
}
@media screen and (max-width: 450px){
.price-arenamap li {
padding: 0.5em 0.2em 0.5em 0.5em;
font-size: 0.65em;
}
}

/* チケット価格 */
.rzf-price-table{
width: 100%;
font-size: 1em;
color: #555;
}
.rzf-price-table td, .rzf-price-table th{
line-height: 1.4;
text-align: center;
vertical-align: middle;
border: 2px solid #fff;
letter-spacing: 0.02em;
}
.rzf-price-table thead td{
padding: 1em 0.5em;
font-weight: bold;
color: #fff;
background-color: #0b318f;
}
.rzf-price-table th{
width: inherit;
padding: 0.7em 0.5em;
font-weight: bold;
}
.rzf-price-table th span, .rzf-price-table thead td span{
display: inline-block;
}
.rzf-price-table th span:last-of-type{
margin-right: 0.7em;
}
.rzf-price-table tbody th{
text-align: left;
line-height: inherit;
}
.rzf-price-table td{
padding: 0.7em 0.5em;
min-width: 48px;
}
.rzf-price-table tbody td{
font-size: 1.1em;
font-weight: bold;
}
.price-toujitsu{
display: block;
font-size: 0.85em;
font-weight: 500;
}
.rzf-price-gray{background-color: #ddd!important;}
.rzf-price-black{
font-weight: bold;
color: #fff;
background-color: #0b318f;
}

@media screen and (max-width: 767px) {
.rzf-price-table .price-arenamap_number {
min-width: 1.4em;
max-width: 1.4em;
height: 1.4em;
font-size: 1em;
line-height: 1.4;
}
.rzf-price-table tbody td{
font-size: 1em;
}
}
@media screen and (max-width: 450px) {
.rzf-price-table{font-size: 0.85em;}
.rzf-price-table th{
width: inherit;
padding: 0.7em 0.3em;
}
.rzf-price-table th span:last-of-type{
margin-right: 0.5em;
}
.rzf-price-table thead td{font-size: 0.85em;}
.rzf-price-table tbody th{text-align: left;}
.rzf-price-table td{
padding: 0.5em 0.2em;
min-width: inherit;
}
}

/* 詳細ポップアップ */
.ticket-popup-badge{
display: inline-block;
font-size: 0.75rem;
/*margin-top: 0.3em;*/
font-weight: 600;
padding: 0.4em 0.5em 0.4em;
color: var( --second-color );
background-color: #fff;
border-radius: 2px;
line-height: 1;
}
@media screen and (max-width: 450px){
.ticket-popup-badge{font-size: 0.8em;}
}


/* 席種詳細 */
.price2025-26 .rzf-accordion h3, .mfp-wrap .seat-detail h3 {
margin: 0 0 0.3em!important;
padding: 0;
border: 0;
text-align: left;
color: var(--primary-color)!important;
}
.price2025-26 .rzf-accordion p.rzf-middle-text span {
    font-size: 0.9em;
    font-weight: 500;
}

.rzf-accordion .rzf-price-table, .mfp-wrap .seat-detail .rzf-price-table{margin-bottom: 1em;}
.rzf-accordion .rzf-price-table:last-child, .mfp-wrap .seat-detail .rzf-price-table:last-child{margin-bottom: 0;}
.rzf-accordion .rzf-price-table th, .mfp-wrap .seat-detail .rzf-price-table th{border-color: #ccc;}
.rzf-accordion .rzf-price-table td, .mfp-wrap .seat-detail .rzf-price-table td{
padding: 0.7em 0.5em;
border-color: #ccc;
}
.mfp-wrap .seat-detail .rzf-cautiontext, .mfp-wrap .seat-detail p.rzf-cautiontext{
text-align: left;
}

@media (max-width: 640px) {
.price2025-26 .rzf-accordion h3,  .mfp-wrap .seat-detail h3 {
font-size: 1rem!important;
}
}

/* アコーディオン */
.price2025-26 .rzf-accordion label {
    /*cursor: pointer;*/
    display: flex;
    justify-content: left;
    align-items: stretch;
    margin: 0 !important;
    padding: 0;/**/
    font-size: 1.1rem !important;
    font-weight: 600;
    color: inherit;/**/
    background-color: inherit;/**/
    /*transition: 0.5s;*/
    
    border-top: 1px solid;
    position: relative;
}
.price2025-26 .rzf-accordion label::before {
    position: absolute;
    top: -2px;
    left: 0;
    content: "";
    width: 50px;
    height: 3px;
    background-color: #fff;
}
.price2025-26 .rzf-accordion label .rzf-accordion-number,
.price2025-26 .rzf-accordion label .rzf-accordion-label {
/*padding: 0.5em;*/
}
.price2025-26 .rzf-accordion label .rzf-accordion-number {
width: 90px;
min-width: 90px;
/*height: 100%;
height: -webkit-fill-available;*/
max-height: 3.5em;
margin-top: -1px;
padding: 0.2em;
font-size: 1.5rem !important;
background-color: var(--text-color);
color: var(--white-color);
text-align: center;
border-radius: 10px 0 0 0;
z-index: 1;
}
.price2025-26 .rzf-accordion label .rzf-accordion-label {
padding: 0.5em;
}

.price2025-26 .rzf-accordion .rzf-accordion-cont {
padding-inline: 1em;
}
.price2025-26 .rzf-accordion input:checked ~ .rzf-accordion-cont {
margin-bottom: 3em;
}

@media screen and (max-width: 767px) {
.price2025-26 .rzf-accordion label {font-size: 1rem!important;}
.price2025-26 .rzf-accordion label .rzf-accordion-number {
font-size: 1.3rem !important;
}
}
@media (max-width: 640px) {
.rzf-accordion {margin-bottom: 0.5em;}
.price2025-26 .rzf-accordion label {font-size: 0.9rem !important;}
.price2025-26 .rzf-accordion label .rzf-accordion-number {
font-size: 1.2rem !important;
}
}
@media (max-width: 450px) {
.rzf-accordion {margin-bottom: 0.3em;}
}


/* 主な変更点 */
.ticket-changes-container {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.ticket-title-bg {
background: var(--primary-color); 
width:100%;
padding: 1em;
}

.ticket-changes-title {
text-align: center;
font-size: 1.6em;
font-weight: 700;
color: #fff;
/*line-height: 3.0em;*/
}

.ticket-changes-list {
display: flex;
flex-direction: column;
padding: 2.0em 4.0em;
background-color: rgba(11,49,143,0.10);
width: 100%;
gap: 2em;
}
.ticket-changes-list li{
display: flex;
align-items: flex-start;
gap: 0.5em; 
max-width: 100%;
}

.ticket-changes-check {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.ticket-changes-check img {
width: 30px !important;
height: auto;
display: block;
}

.ticket-changes-txt {
margin: 0; 
max-width: 100%; 
}
.ticket-changes-txt p{
margin: 0!important;
font-size: 1.3em;
font-weight: 500;
color: #333;
}
.ticket-changes-txt span{
font-size: 0.8em;
font-weight: 400;
}



@media (max-width: 767px) {
.ticket-changes-title {
font-size: 1.3em;
}
.ticket-changes-list {
padding: 1.5em 1em;
gap: 1.5em;
}
.ticket-changes-check img {width: 20px!important; height: 30px;}
.ticket-changes-txt p{font-size: 1.2em; line-height: 1.6;}
}


/*** トピックス ***/
/* スライダー */
.ticket-topics-slide .slick-slide{margin: 0 10px 1em;}
.ticket-topics-slide .slick-prev {
left: 0;
z-index: 1;
}
.ticket-topics-slide .slick-next {right: 0;}
.ticket-topics-slide .slick-prev, .ticket-topics-slide .slick-next{
width: 40px;
height: 40px;
padding-top: 2px;
background-color: var(--primary-color);
border-radius: 3px;
box-sizing: border-box;
/*top:calc((100vw - 59.2px - 0.6em - 1.0em) / 2 * 0.5625 / 2);*/
top: calc(((100vw / 2.45) * 0.5625 / 2) + 59.2px + 0.6em + 1.0em);
}

.ticket-topics-slide .slick-prev:before, .ticket-topics-slide .slick-next:before {
font-size: 30px;
color: #fff;
line-height: 40px;
opacity: 1;
transition: 0.3s;
}
.ticket-topics-slide .slick-next:focus, .ticket-topics-slide .slick-next:hover, .ticket-topics-slide .slick-prev:focus, .ticket-topics-slide .slick-prev:hover {
background-color: var(--primary-color);
}
.ticket-topics-slide .slick-next:hover:before, .ticket-topics-slide .slick-prev:hover:before {
color: var(--accent-color);
}
.ticket-topics-slide .slick-dots li {
margin: 0 7px;
}
.ticket-topics-slide .slick-dots li button:before{
width: 25px;
height: 5px;
content: '';
background-color: #aaa;
/*color: #aaa;*/
opacity: 1;
transition: 0.3s;

}
.ticket-topics-slide .slick-dots li.slick-active button:before {
opacity: 1;
color: var(--accent-color);
background-color: var(--accent-color);
}
.ticket-topics-slide .slick-dots li button:focus:before, .ticket-topics-slide .slick-dots li button:hover:before {
opacity: 0.8;
}

/*.price2025-26 .ticket-topics-slide .slick-dots {bottom: -5px;}*/
.price2025-26 .ticket-topics-slide {
margin-top: 5em;
margin-bottom: 5em;
}

.price2025-26 .slick-next, .price2025-26 .slick-prev {top: 45%;}

@media (max-width: 1200px) {
.ticket-topics-slide .slick-next {right: 0;}
.ticket-topics-slide .slick-prev, .ticket-topics-slide .slick-next{
top: calc(((100vw / 1.66) * 0.5625 / 2) + 59.2px + 0.6em + 1.0em);
}
}

@media (max-width: 767px) {
.ticket-topics-slide .slick-next {right: 0;}
.ticket-topics-slide .slick-prev, .ticket-topics-slide .slick-next{
top: calc(((100vw / 1.25) * 0.5625 / 2) + 59.2px + 0.6em + 1.0em);
}
}
	
@media (max-width: 640px) {
.ticket-topics-slide .slick-next {right: 0;}
.ticket-topics-slide .slick-prev, .ticket-topics-slide .slick-next{
top: calc(((100vw / 1.2) * 0.5625 / 2) + 59.2px + 0.6em + 1.0em);
}
}

@media screen and (max-width: 450px) {
.price2025-26 .ticket-topics-slide .slick-dots {bottom: 0;}
.price2025-26 .slick-next, .price2025-26 .slick-prev {top: 40%;}
}

/* トピックス用タイトル */
.ticket-topics-slide h3, .ticket-topics-title h3 {
display: flex;
align-items: center;
overflow: hidden;
padding: 0.2em 0.3em;
margin: 0 0 1em!important;
font-size: 1.6rem;
line-height: 1.2;
border: none;
border: 2px solid var(--accent-color);
color: #0B318F!important;
}
.ticket-topics-slide h3 span::before, .ticket-topics-title h3 span::before {
position: absolute;
top: -150%;
left: -130px;
width: 200px;
height: 300%;
content: '';
transform: rotate(16deg);
background: var(--accent-color);
z-index: -1;
}
.ticket-topics-slide h3 > span, .ticket-topics-title h3 > span {
position: relative;
margin-right: 0.7em;
padding: 0 0.2em;
font-family: "abolition",sans-serif;
font-size: 30px;
font-size: 2.8rem;
line-height: 1;
color: var(--text-color);
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
letter-spacing: 0.05em;
}
.ticket-topics-slide h3 > span > span, .ticket-topics-title h3 > span > span {font-size: 0.9rem;}
.ticket-topics-slide p, .ticket-topics-title p {
color: #0B318F!important;
font-weight: 500;
text-align: justify;
}

@media screen and (max-width: 767px){
.ticket-topics-slide h3 span::before, .ticket-topics-title h3 span::before {left: -135px;}
}
@media screen and (max-width: 450px){
.ticket-topics-slide h3, .ticket-topics-title h3 {font-size: 1.0rem!important;}
.ticket-topics-slide h3 span::before, .ticket-topics-title h3 span::before {left: -155px;}
.ticket-topics-slide h3 > span, .ticket-topics-title h3 > span {
margin-right: 0.8em;
font-size: 1.8rem;
letter-spacing: 0.03em;
}
.ticket-topics-slide h3 > span > span, .ticket-topics-title h3 > span > span {font-size: 0.8rem;}
.ticket-topics-slide p:not(.rzf-cautiontext), .ticket-topics-title p:not(.rzf-cautiontext) {
font-size: 0.9em;
}
}

/* トピックス用ボタン */
.rzf-ticket .ticket-topics-slide .rzf-btn{
margin: 1.5em auto 0.5em!important;
padding: 0 1.5em; 
}
.rzf-ticket .ticket-topics-slide .rzf-btn a{
padding: 0.8em 5px;
font-size: 1em;
border-radius: 3px;
}
.rzf-ticket .ticket-topics-slide .rzf-btn a::after {
display: none;
}
@media screen and (max-width: 450px){
.rzf-ticket .ticket-topics-slide .rzf-btn{
margin: 1em auto 0.5em!important;
padding: 0 1.5em; 
}
.rzf-ticket .ticket-topics-slide .rzf-btn a {
padding: 0.5em 5px 0.6em;
}
}



/*** よくある質問 ***/
.rzf-wrap.price2025-26 .js-pulldown .pulldown,
.rzf-wrap.seasonseat2025-26 .js-pulldown .pulldown {
border: none;
}

.rzf-wrap.price2025-26 .js-pulldown h3,
.rzf-wrap.price2025-26 .js-pulldown dt,
.rzf-wrap.seasonseat2025-26 .js-pulldown h3,
.rzf-wrap.seasonseat2025-26 .js-pulldown dt {
color: var(--primary-color) !important;
background-color: #fff!important;
}
.price2025-26 .rzf-faq div.js-pulldown,
.seasonseat2025-26 .rzf-faq div.js-pulldown {
margin-bottom: 0.7em!important;
padding: 0;
}
.price2025-26 .rzf-faq .js-pulldown dt,
.seasonseat2025-26 .rzf-faq .js-pulldown dt {
padding-left: 1.1em;
text-indent: 0; 
}
.price2025-26 .rzf-faq .js-pulldown dd,
.seasonseat2025-26 .rzf-faq .js-pulldown dd {
margin-top: 0;
text-indent: 0;
}
.price2025-26 .rzf-faq .js-pulldown.show dd.pulldown,
.seasonseat2025-26 .rzf-faq .js-pulldown.show dd.pulldown {
display: flex!important;
}
.price2025-26 .rzf-faq dt:before,
.seasonseat2025-26 .rzf-faq dt:before {
color: inherit;
margin-bottom: auto;
padding-bottom: 0.2em;
}
.price2025-26 .rzf-faq dd:before, .seasonseat2025-26 .rzf-faq dd:before {color: var(--second-color);}
.price2025-26 .rzf-faq dd a, .seasonseat2025-26 .rzf-faq dd a {
padding: 0 0.2em;
border-bottom: 1px solid;
}
.price2025-26 .rzf-faq dd a:hover, .seasonseat2025-26 .rzf-faq dd a:hover {border-bottom: none;}

@media screen and (max-width: 640px) {
.price2025-26 .rzf-faq .js-pulldown dt {
padding: 0.5em 0;
padding-left: 0.3em;
}
}
@media screen and (max-width: 450px) {
.rzf-wrap.price2025-26 .js-pulldown .pulldown {
padding: 1.5em 0.7em;
}
.price2025-26 .rzf-faq .js-pulldown-faq .pulldown {
padding: 1.5em 0.5em;
}
}



/*--------------------------------------------
  販売スケジュール
---------------------------------------------*/
.rzf-price-schedule-table{
width: 100%;
font-size: 0.9em;
color: var(--text-color);
margin-bottom: 1em;
}
.rzf-price-schedule-table td, .rzf-price-schedule-table th{
line-height: 1.4;
text-align: center;
vertical-align: middle;
border: 1px solid #eee;
}
.rzf-price-schedule-table thead th{
padding: 1em 0.5em;
font-weight: bold;
color: #fff;
background-color: #0b318f;
}
.rzf-price-schedule-table tbody th{
max-width: 40px;
padding: 0.5em 0.3em;
font-weight: bold;
color: #fff;
background-color: #555;
}
.rzf-price-schedule-table td{padding: 0.5em 0.3em;}

.rzf-price-schedule-day{min-width: 70px;}
.rzf-price-schedule-hour{min-width: 65px;}
.rzf-price-schedule-table .sat { color: #5680ff;}
.rzf-price-schedule-table .sun { color: #ed5945;}

.rzf-price-schedule-table tr:nth-child(even){background-color: #fafafa;}

.rzf-price-schedule-bg-white{background-color: #fff;}
.rzf-price-schedule-bg-gray{background-color: #fafafa;}

td.rzf-price-schedule-release{
text-align: left;
padding: 0.3em 1em;
}
.rzf-price-schedule-release-cont{
margin: 0.7em 0;
vertical-align: middle;
display: table;
margin-left: auto!important;
margin-right: auto!important;
text-align: left!important;
}

.rzf-price-schedule-icon{
display: inline-block;
width: 60px;
font-size: 9px;
font-weight: 500;
margin-right: 0.5em;
background-color: #aaa;
border-radius: 2px;
text-align: center;
border: 1px solid #eee;
margin-block: 2px;
vertical-align: middle;
line-height: 1;
padding: 0.4em 0.1em 0.6em;
letter-spacing: 0.5px;
color: #fff;
}
.rzf-price-schedule-release-date{
display: inline-block;
vertical-align: middle;
}
/*.rzf-price-schedule-release-date span{
display: none;
}*/

td.rzf-price-schedule-setsuei{
text-align: left;
padding-left: 1em;
}

td.rzf-price-schedule-team, td.rzf-price-schedule-arena{
font-size: 0.9em;
}
td.rzf-price-schedule-team img{
max-width: 60px!important;
margin-bottom: 0.2em;
}

.rzf-price-schedule-button{
text-align: center;
margin: 0 auto 1em;
width: 95px;
}
.rzf-price-schedule-button:last-child{margin-bottom: 0;}

.rzf-price-schedule-button a{
display: block;
width: 100%;
height: 100%;
background-color: #0B318F;
color: #fff!important;
padding: 0.5em;
border-radius: 3px;
}
.rzf-price-schedule-button a i{padding-right: 0;}
.rzf-price-schedule-button-gray a{
/*text-align: center;
margin: 0 auto;
width: 95px;
color: #fff;*/
background-color: #aaa;
/*padding: 0.5em;
border-radius: 3px;*/
pointer-events: none;
}

.rzf-price-schedule-tyushi{
opacity: 0.5;
position: relative;
}
.rzf-price-schedule-tyushi::after {
content: '';
background-color: rgba(0,0,0,.3);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

@media screen and (max-width: 767px) {
.rzf-price-schedule-table thead tr{padding: 3em;}
.rzf-price-schedule-table thead th{display: none;}
.rzf-price-schedule-table th, .rzf-price-schedule-table td{
display: block;
width: 100%;
border: none;
}
.rzf-price-schedule-table tbody th{
max-width: inherit;
font-size: 1.2em;
}
.rzf-price-schedule-table tbody th br{display: none;}
.rzf-price-schedule-table tbody tr td:last-child {
margin-bottom: 2em;
}
td.rzf-price-schedule-day, td.rzf-price-schedule-hour {
display: inline-block;
width: calc( 100% / 2);
padding-top: 2em;
font-size: 1.2em;
font-weight: 600;
}
/*td.rzf-price-schedule-day {
width: calc( 100% / 2 + 20px);
}*/
td.rzf-price-schedule-hour {
width: calc( 100% / 2 - 0.5em);
margin-left: 0.5em;
}

td.rzf-price-schedule-day {text-align: right;}
td.rzf-price-schedule-hour {text-align: left;}
td.rzf-price-schedule-team {
font-size: 1.1em;
font-weight: bold;
}
td.rzf-price-schedule-arena{font-size: 1em;}
td.rzf-price-schedule-arena::before{content: "会場：";}
td.rzf-price-schedule-release {
background-color: inherit;
margin-top: 0.5em;
}
.rzf-price-schedule-tyushi.rzf-price-schedule-release {
margin-top: 0!important;
}


.rzf-price-schedule-release-cont::before{
content: "【チケット販売開始日】";
display: block;
margin-bottom: 0.5em;
font-weight: bold;
text-align: center;
}
.rzf-price-schedule-release-date span{display: inline-block;}
.rzf-price-schedule-icon{font-size: 10px;}

td.rzf-price-schedule-setsuei{
text-align: center;
padding-left: 0.3em;
padding-bottom: 2em;
}

.rzf-price-schedule-button, .rzf-price-schedule-button-gray{
width: inherit;
max-width: 250px;
}
.rzf-price-schedule-button a, .rzf-price-schedule-button-gray{
padding: 0.7em;
}
.rzf-price-schedule-button-gray{
display: none;
}
}

.ticket-sale-schedule-banner{
  max-width: 1200px;
  margin: 0 auto 1.0em;
  padding: 0 2.0em;
}



/*--------------------------------------------
  チケット購入方法
---------------------------------------------*/
.rzf-howtobuy-bleagueticket h4{
background-color: #0B318F;
color: #fff!important;
margin: 0!important;
margin-bottom: 0.8em!important;
padding: 0.3em 1em;
}
.rzf-howtobuy-bleagueticket h4::before{
content: inherit;
}
.rzf-howtobuy-bleagueticket h5 {
margin: 0 0 0.3em !important;
font-size: 1em !important;
}
.rzf-howtobuy-bleagueticket p{
margin-bottom: 0.8em!important;
font-size: 0.8em;
}
.rzf-howtobuy-bleagueticket .rzf-btn{
margin: 0!important;
margin-bottom: 2em!important;
padding: 0 0.5em;
}
.rzf-howtobuy-bleagueticket .rzf-btn a{
padding: 0.7em 25px 0.7em 5px;
font-size: 0.9em;
border-radius: 50px;
}
.rzf-howtobuy-bleagueticket > div{
width: calc(100% / 2 - 20px);
margin-bottom: 4em;
}
.rzf-howtobuy-bleagueticket > div.rzf-flex-layout{
justify-content: flex-start;
}
.rzf-howtobuy-bleagueticket-img{
max-width: 200px;
width: calc(35% - 2em)!important;
margin-right: 2em;
}
.rzf-howtobuy-bleagueticket-cont{
width: 65%!important;
}

.howtobuy-info-wrap table {
    margin-bottom: 1.8em;
}

#caution p.list-mark{
margin-bottom: 0.7em!important;
}




/*--------------------------------------------
  アリーナ・アクセス情報
---------------------------------------------*/
.rzf-wrap.arena2025-26 section:last-child {margin-bottom: 5em!important;}

.arena2025-26 .rzf-report-table-wrap{
overflow-x: auto;
white-space: nowrap;
}

.arena2025-26 h3{
text-align: center;
border: none;
font-size: 2em!important;
padding: 0.5em 0.5em;
font-weight: 900!important;
line-height: 1.4;

color: var(--primary-color)!important;
margin: 4em 0 1em!important;
letter-spacing: 0;
}
.arena2025-26 h3::after {
content: "";
display: block;
width: 70px;
margin: 15px auto 0;
border-bottom: 4px solid var(--accent-color);
}
.arena2025-26 h4{
margin: 4.5em 0 1em !important;
padding: 0.8em 0.6em;
font-size: 1.1rem !important;
font-weight: 600;
color: #0b318f !important;
/*background-color: #efefef;*/
border: 2px solid;
}
.arena2025-26 h4::before {
content:"";
padding-right: none;
}
.arena2025-26 h5{
margin: 2em 0 0.5em !important;
font-size: 1.1rem !important;
font-weight: 600;
color: #0b318f !important;
/*border-left: 5px solid;*/
padding-left: 0.2em;
border-bottom: 2px solid;
}
.arena2025-26 .arena-busstop{
font-size: 1.1em !important;
margin: 0!important;
text-indent: -1em;
padding-left: 1em;
}
.arena2025-26 .arena-busstop::before {
content:"■";
margin-right: 0.2em;
}

.arena2025-26 .rzf-table06{
width: 100%;
margin-top: 0.2em;
}
.arena2025-26 .rzf-table06 th, .arena2025-26 .rzf-table06 td{
padding: 7px 10px;
font-size: 0.85em;
border: 1px solid #aaa;
color: #797979;
line-height: 1.4;
}
.arena2025-26 .rzf-table06 th{
font-size: 0.85rem;
background-color: var(--primary-color);
color: #fff;
}
.arena2025-26 .rzf-table06 .rzf-arena-timetable_icon a{
display: block;
width: 100%;
height: 100%;
}
.arena2025-26 .rzf-table06 .rzf-arena-timetable_icon{
font-size: 1.4em;
}

.arena2025-26 .rzf-badge{
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
padding: 0.5em 0.7em;
margin-top: 1.8em;
margin-right: 0.3em;
font-size: 0.9em;
font-weight: 300;
color: #fff;
background-color: #555;
line-height: 1;
border-radius: 2px;
}

.arena2025-26 .rzf-badge + h5 {
margin: 0.5em 0 0.5em !important;
}

.arena2025-26 .rzf-table06 + p.arena-busstop {
margin-top: 2em!important;
}

@media screen and (max-width: 767px){
.arena2025-26 .rzf-table06 th{font-size: 0.85em;}
}

/* ページ内ナビ NEW */
.arena2025-26 .rzf-page-nav{
grid-gap: 15px;
margin-top: 5em!important;
margin-bottom: 3em!important;
}
.arena2025-26 .rzf-page-nav li{
font-size: 1.4em;
font-weight: 600;
border: none;
}
.arena2025-26 .rzf-page-nav li a{
min-height: inherit;
border: 2px solid var(--primary-color);
border-radius: 50px;
padding: 0.5em;
transition: 0.3s;
}
.arena2025-26 .rzf-page-nav li a span{
height: inherit;
min-height: inherit;
padding: 0;
}
.arena2025-26 .rzf-page-nav li a::after{
content: '\f0d7';
color: var(--primary-color);
background-color: transparent;
line-height: 1;
transition: 0.3s;
padding: 0;
}
.arena2025-26 .rzf-page-nav li a:hover{
background-color: #0B318F;
color: #fff!important;
opacity: 1!important;
}
.arena2025-26 .rzf-page-nav li a:hover::after{color: #fff!important;}

@media screen and (max-width: 767px) {
.arena2025-26 .rzf-page-nav{
grid-gap: 8px;
margin-top: 3em!important;
margin-bottom: 2em!important;
}
.arena2025-26 .rzf-page-nav li{font-size: 1.1em;}
}
@media screen and (max-width: 450px) {
.arena2025-26 .rzf-page-nav li{font-size: 1em;}
}

/* バス停 ボタン */
.rzf-btn.arena-busstop-btn {
margin: 0.5em 0 1em!important;
padding: 0;
max-width: 200px;
max-width: fit-content;
box-sizing: border-box;
}
.rzf-btn.arena-busstop-btn a {
margin: 0 auto;
/*padding: 1em 20px 1em 5px;*/
padding: 0.8em 1.5em;
border: 1px solid var(--primary-color);
border-radius: 50px;
background-color: transparent;
color: var(--primary-color)!important;
transition: 0.8s ease-in-out ;

font-size: 0.9em;
font-weight: 500;
line-height: 1;
}
.rzf-btn.arena-busstop-btn a::after {display: none;}

@media screen and (max-width: 767px){
.arena2025-26 h3 {
margin: 2em 0 2em!important;
padding: 0.5em 0.1em;
}
.arena2025-26 h4 {margin: 3.5em 0 1em !important;}
.rzf-wrap.arena2025-26 p.rzf-mid-text {font-size: 1.1em;}
}
@media screen and (max-width: 450px){
.arena2025-26 h3 {font-size: 1.8em!important;}
.arena2025-26 h4 {
padding: 0.5em 0.6em;
font-size: 1.1em !important;
}
.arena2025-26 h5{font-size: 1.1em !important;}
.arena2025-26 .arena-busstop {padding-left: 1.4em !important;}
}


/* 共通dl設定 */
.arena2025-26 .rzf-dl01 > dt{border-bottom: 1px dashed #ccc;}
.arena2025-26 .rzf-dl01 > dd{border-bottom: 1px dashed #ccc;}
.arena2025-26 .rzf-dl01 > dd > dl > dt{
font-weight: 600;
margin-top: 2.5em;
margin-bottom: 1em;
padding: 0.1em 0;
color: var( --primary-color );
border-bottom: 2px solid var( --primary-color );
}
.arena2025-26 .rzf-dl01 > dd > dl > dt + dd{
font-size: 1.1em;
font-weight: 500;
color: #666;
}
.arena2025-26 .rzf-dl01 > dd > dl > dd > dl > dt{
margin-top: 1.5em;
margin-bottom: 0.3em;
}
.arena2025-26 .rzf-dl01 > dd > dl > dd > span + dl > dt:first-child{
margin-top: 0.3em;
}
@media screen and (max-width: 767px) {
.arena2025-26 .rzf-dl01 > dt{border-bottom: none;}
.arena2025-26 .rzf-dl01 > dd{border-bottom: none;}
}


/* スライダー */
.arena-slide {
width: 100%;
margin-bottom: 4em!important;
}
.arena-slide li {
position: relative;
overflow: hidden;
aspect-ratio: 4 / 3;
}
.price2025-26 .arena-slide li {
aspect-ratio: 3 / 2;
}
.arena-slide li .arena-slide__caption {
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(11, 49, 143, 0.9);
margin: 0 2em;
padding: 0.7em 1.2em;
color: #fff;
}
.arena-slide li img {
width: 100%;
height: 100%;
margin: auto;
object-fit: contain;
opacity: .5;
transform: scale(.9);
transition: opacity .5s, transform .5s;
}
#seat-detail .arena-slide li img {background-color: #fff;}


/* 中央のスライド */
.arena-slide .slick-center img {
opacity: 1;
transform: scale(1);
}
.arena-slide .slick-center li .arena-slide__caption {margin: 0;}
.arena-slide .slick-dots {bottom: -40px;}
.arena-slide .slick-prev {
left: 0;
z-index: 1;
}
.arena-slide .slick-next {right: 0;}
.arena-slide .slick-prev, .arena-slide .slick-next{
width: 40px;
height: 40px;
padding-top: 2px;
background-color: var(--primary-color);
border-radius: 3px;
box-sizing: border-box;
}
.arena-slide .slick-prev:before, .arena-slide .slick-next:before {
font-size: 30px;
color: #fff;
line-height: 40px;
opacity: 1;
transition: 0.3s;
}
.arena-slide .slick-next:focus, .arena-slide .slick-next:hover, .arena-slide .slick-prev:focus, .arena-slide .slick-prev:hover {
background-color: var(--primary-color);
}
.arena-slide .slick-next:hover:before, .arena-slide .slick-prev:hover:before {
color: var(--accent-color);
}
.arena-slide .slick-dots li button:before{
color: #aaa;
opacity: 1;
transition: 0.3s;
}
.arena-slide .slick-dots li.slick-active button:before {
opacity: 1;
color: var(--primary-color);
}
.arena-slide .slick-dots li button:focus:before, .arena-slide .slick-dots li button:hover:before {
opacity: 0.8;
}

.price2025-26 .slick-next, .price2025-26 .slick-prev {top: 50%;}

@media screen and (max-width: 450px) {
.arena-slide li .arena-slide__caption {
font-size: 0.8em;
}
.arena-slide .slick-dots {bottom: -30px;}
.arena-slide .slick-dots li {margin: 0 3px;}
.arena-slide .slick-prev, .arena-slide .slick-next {
width: 30px;
height: 35px;
}
.arena-slide .slick-prev:before, .arena-slide .slick-next:before {
font-size: 20px;
line-height: 29px;
}
}
		
/*--------------------------------------------
  2025-26 シーズンシート
---------------------------------------------*/
.rzf-wrap.seasonseat2025-26 .rzf-bg-bk, .mfp-wrap .rzf-bg-bk{
background-color: var(--text-color);
color: var(--accent-color)!important;
}
.rzf-wrap.seasonseat2025-26 .rzf-bg-bl, .mfp-wrap .rzf-bg-bl{
background-color: var(--primary-color);
color: var(--accent-color)!important;
}

/* 背景ブラック */
.rzf-wrap.seasonseat2025-26 .rzf-bg-seasonseat-black {
  background-color: #222;
  color: #fff!important;
}

.rzf-wrap.seasonseat2025-26 h2.rzf-centertitle,.seasonseat-plan-title {
font-family: "Noto Serif JP", serif;
font-weight: 900!important;
color: var(--text-color)!important;
}
.rzf-wrap .rzf-bg-bl h2.rzf-centertitle{color: #fff!important;}
.rzf-wrap.seasonseat2025-26 .rzf-bg-seasonseat-black h2, .rzf-wrap.seasonseat2025-26 .rzf-bg-seasonseat-black p {
color: #fff !important;
}
.rzf-wrap .rzf-bg-bl h3, .rzf-wrap .rzf-bg-bl p{color: #fff!important;}

.rzf-wrap.seasonseat2025-26 p.rzf-big-text {
font-family: "Noto Serif JP", serif;
font-weight: 900!important;
}
/*.rzf-wrap.seasonseat2025-26 p.rzf-mid-text {
font-family: "Noto Serif JP", serif;
font-weight: 900;
}*/

.rzf-wrap.seasonseat2025-26 .ticket-topics-slide h3 {color: var(--accent-color)!important;}
.rzf-wrap.seasonseat2025-26 .ticket-topics-slide .slick-prev, .rzf-wrap.seasonseat2025-26 .ticket-topics-slide .slick-next{background-color: var(--text-color);}
.rzf-wrap.seasonseat2025-26 .ticket-topics-slide .slick-prev:before, .rzf-wrap.seasonseat2025-26 .ticket-topics-slide .slick-next:before {color: var(--accent-color)!important;}

@media (max-width: 450px) {
.rzf-wrap.seasonseat2025-26 h2.rzf-centertitle,.seasonseat-plan-title {font-size: 1.6em !important;}
}


/* 概要 */
.seasonseat2025-26 #about .rzf-big-text{
line-height: 2;
text-align: justify;
}
@media screen and (min-width: 1400px) {
.seasonseat2025-26 #about .rzf-big-text{line-height: 54px;}
p.rzf-big-text.max {  line-height: 66px!important;}
}
@media screen and (max-width: 767px) {
.seasonseat2025-26 #about .rzf-big-text{line-height: 32px;}
}


.seasonseat2025-26 .rzf-price-table thead td{
color: var(--accent-color)!important;
background-color: #222;
}
.seasonseat2025-26 .rzf-price-table{/*border: 10px solid #333;*/}
.seasonseat2025-26 .rzf-price-table td, .seasonseat2025-26 .rzf-price-table th {border: 2px solid #ddd;}



/* 購入者限定特典 */
.seasonseat-benefit {
display: grid;
gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
width: 100%;
padding: 0 1.5em;
}
.seasonseat-benefit li{
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
position: relative;
}
.seasonseat-benefit .seasonseat-benefit-title-wrap{
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0,0,0,0.70);
padding: 1em 0.7em;
padding-right: 50px;
}
.seasonseat-benefit .seasonseat-benefit-title-wrap p{
align-items: center;
margin: 0!important;
font-size: 1rem!important;
font-weight: 900;
text-align: left;
color: var(--accent-color)!important;
line-height: 1.4;
letter-spacing: 0;
font-family: "Noto Serif JP", serif;
}
.seasonseat-benefit .seasonseat-benefit-title-wrap p span:first-of-type{margin-right: 0.5em;}

.seasonseat2025-26 .ticket-popup-badge{
display: inline-block;
font-size: 0.75rem;
/*margin-left: 0.7em;*/
margin-top: 0.3em;
padding: 0.4em 0.5em;
color: #fff;
background-color: var( --second-color );
border-radius: 2px;
font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 500;
line-height: 1;
}

.seasonseat-benefit li a{
display: flex;
flex-direction: column;
height: 100%;
position: relative;
}
.seasonseat-benefit li a::after{
display: block;
position: absolute;
font-family: "Font Awesome 5 Free";
content: '\f055';
font-weight: 900;
font-size: 2.5em;
padding-left: 0.5em;
bottom: 8px;
right: 0.2em;
line-height: 1;
color: var(--accent-color)!important;
}
.seasonseat-benefit-image {margin-inline: auto;}
.seasonseat-benefit-image img{
object-fit: cover;
aspect-ratio: 4 / 3;
max-width: 100%;
width: 100%;
}


@media screen and (max-width: 767px){
.seasonseat-benefit {
gap: 0.8em;
grid-template-columns: 1fr 1fr;
}
.seasonseat-benefit .seasonseat-benefit-title-wrap {padding-right: 35px;}
.seasonseat-benefit .seasonseat-benefit-title-wrap p {font-size: 1em !important;}
.seasonseat-benefit li a::after {
font-size: 2em;
padding-left: 0.5em;
bottom: 9px;
}
}
@media screen and (max-width: 450px){
.seasonseat-benefit {
gap: 0.5em;
padding: 0 0.7em;
}
.seasonseat-benefit .seasonseat-benefit-title-wrap {
padding: 0.5em 0.3em;
padding-right: 27px;
}
.seasonseat-benefit .seasonseat-benefit-title-wrap p {font-size: 0.9em !important;}
.seasonseat-benefit li a::after {
font-size: 1.5em;
padding-left: 0.5em;
bottom: 6px;
}
.ticket-popup-badge{
font-size: 0.8em;
}
}

/* faq色変え */
.seasonseat2025-26 .rzf-page-nav li a::after {color: var(--accent-color);}	
.rzf-wrap.seasonseat2025-26 .js-pulldown dt {
color: var(--white-color)!important;
background-color: var(--text-color)!important;
font-family: "Noto Serif JP", serif;
}
.seasonseat2025-26 .rzf-faq dt:before {color: var(--accent-color);}
.seasonseat2025-26 .rzf-faq div.js-pulldown {border-bottom: none;}
.seasonseat2025-26 .js-pulldown dt:after {color: var(--accent-color);}
.seasonseat2025-26 .popup-modal-dismiss a{color: var(--text-color);}


.rzf-price-table.border-lightblue th, .rzf-price-table.border-lightblue td{border-color: #8092D5;}
 .mfp-wrap .rzf-price-table td, .mfp-wrap .rzf-price-table th{border: 2px solid #ddd;}


.mfp-wrap p.seasonseat-benefit-title{
/*margin: 2em 0 1.5em !important;*/
margin-top: 0.2em!important;
margin-bottom: 1.6em !important;
padding: 0.3em 0.5em;
font-size: 1.1rem !important;
font-family: "Noto Serif JP", serif;
font-weight: 900;
/*font-family: 'M PLUS 2', sans-serif;*/
text-align: left;
color: var(--accent-color)!important;
background-color: var(--text-color);
border: none;
/*border-bottom: 3px solid var(--primary-color)!important;*/
letter-spacing: 0;
}
@media screen and (max-width: 450px){
.mfp-wrap p.seasonseat-benefit-title{
font-size: 1.1rem !important;
}
}

/* マーカーアニメーション */
.rzf-wrap.seasonseat2025-26 .rzf-text-marker-animation {
background: linear-gradient(transparent 75%, var(--accent-color) 25%);
display: inline !important;
background-repeat: no-repeat;  
animation-name: marker-animation;
animation-duration: 10s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@keyframes marker-animation {
  0% { background-size: 0% 100%; }
  30% { background-size: 100% 100%; }
  100% { background-size: 100% 100%; }
}


/*--------------------------------------------
  2025-26 シーズンシート
---------------------------------------------*/
/* ページナビ */
.seasonseat-nav .rzf-page-nav li a::after {background-color: #222;}
.seasonseat-nav .rzf-page-nav li {
    border-left: 2px solid #222;
    border-right: 2px solid #222;
    border-top: 2px solid #222;
}
.seasonseat-nav .rzf-page-nav li a {color: #222 !important;}
.seasonseat-nav .rzf-page-nav li a:hover, .page-nav li a:hover {
    background-color: #222;
    color: #fff !important;
}

/* シーズンシートについて */
.seasonseat-about-top{
display:flex;
justify-content: center;
}

.rzf-layout-maxwidth-1100{
max-width: 1100px;
margin: 0 auto;
}

.rzf-big-text.seasonseat-about-text{max-width: 900px;}
.seasonseat-plan-container{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 4.5em;
}
.seasonseat-plan-wrap{
display: flex;
gap: 2.0em;
padding: 0 3%;
justify-content: center;
flex-direction: row;
}
.seasonseat-plan-box{
display: flex;
flex-direction: column;
align-items: center;
aspect-ratio: 4/3;
gap: 0.2em;
max-width: 360px;
min-width: 280px;
width: 25vw;
height: auto;
padding: 1em 1.5em;
background-color: #222;
justify-content: center;
outline-offset: -10px;
outline: 1px solid var(--accent-color);
}
.seasonseat-plan-box p{
margin: 0!important;
line-height: 1.7;
}
.seasonseat-plan-p-homegames{
color: var(--accent-color);
font-size: 1.3em;
}
/*.seasonseat-plan-p-plan{
color: #fff;
font-size: 2.2em;
font-weight:700;
padding-bottom: 0.2em!important;
}*/
.seasonseat-plan-p-games{
display: block;
background-color: var(--accent-color);
color: #222;
padding: 0 1.5em;
font-size: 2em;
font-weight: 600;
}
.seasonseat-plan-p-taisho{
color: #fff;
font-size: 1em;
font-weight: 500;
line-height: 1.4;
}

#about .seasonseat-plan-title {
font-size: 2.0em;
margin: 0 0 1.1em !important;
}

@media screen and (max-width: 1024px) {
.seasonseat-plan-wrap{gap: 2%;}
.seasonseat-plan-box{
width: calc(30vw + 1.0em);
min-width: 270px;
}
/*.seasonseat-plan-p-plan{
font-size: 1.8em;
}*/
.seasonseat-plan-p-games{
padding: 0 1.3em;
font-size: 1.4em;
}
.seasonseat-plan-p-homegames{
font-size: 1.1em;
}
}

@media screen and (max-width: 767px) {
.seasonseat-plan-container{margin-bottom:3.0em;}
.seasonseat-plan-wrap{
gap: 2%;
padding: 0 1.0em;
}
.seasonseat-plan-box{
width: 29vw;
min-width: 180px;
}
/*.seasonseat-plan-p-plan{font-size: 1.5em;}*/
.seasonseat-plan-p-homegames{font-size: 0.9em;}
.seasonseat-plan-p-games{font-size: 1.6em;}
.seasonseat-plan-p-taisho{font-size: 0.9em;}
}

@media screen and (max-width: 640px) {
  .seasonseat-plan-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 1em;
    align-items: stretch;
  }
  .seasonseat-plan-box.box-1 {
    grid-column: 1;
    /*grid-row: 1 / span 2; */
    grid-row: 1 / 3; 
    aspect-ratio: unset!important;
  }
  .seasonseat-plan-box.box-2 {
    grid-column: 2;
    grid-row: 1;
  }
  .seasonseat-plan-box.box-3 {
    grid-column: 2;
    grid-row: 2;
  }
.seasonseat-plan-box{
	width: calc(50vw - 2.5em);
	/*aspect-ratio: 16 / 9;*/
	aspect-ratio: 4 / 3;
}
}

@media screen and (max-width: 450px) {
.seasonseat-plan-container{margin: 0 1.0em 1.5em;}
.seasonseat-plan-wrap {
gap: 0.6em;
  }
.seasonseat-plan-box{
width: calc(50vw - 2.0em);
min-width: 160px;
}
.seasonseat-plan-p-plan{font-size: 1.2em;}
.seasonseat-plan-p-homegames{font-size: 0.7em;}
.seasonseat-plan-p-games{
font-size: 1.5em;
padding-inline: 1.0em;
}
.seasonseat-plan-box p {line-height: 1.4;}
.seasonseat-plan-p-taisho{font-size: 0.8em;}
}

/* 加入ボタン */
.seasonseat-app-btn {
max-width: 900px;
margin: 0 auto;
}
.seasonseat-app-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /*padding: 0 1em;*/ 
  height: 85px;
  border-radius: 6px;
  background-color: var(--accent-color);
  margin: 0 auto 5.0em;
  box-shadow: 2px 2px 6px -3px #9e9e9e;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.seasonseat-app-btn a .seasonseat-app-text{
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
  color: var(--text-color);
  font-size: 1.6em;
  /*position: relative;*/
  z-index: 2;
  transition: 0.5s ease;
}
.seasonseat-app-btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -125%;
  width: 120%;
  height: 100%;
  background-color: var(--text-color);
  transition: left 0.5s ease;
  z-index: 1;
  opacity: 1;
  transform: skewX(-20deg);
}
.seasonseat-app-btn a:hover::before {
  left: -10%;
  transform: skewX(-20deg) translateX(0%);
}
.seasonseat-app-btn a:hover {opacity: 1 !important;}
.seasonseat-app-btn a:hover .seasonseat-app-text {color: var(--accent-color);}
.seasonseat-app-btn a::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 0;
  height: 0;
  border-right: 16px solid var(--text-color);
  border-top: 16px solid transparent;
  transition: border-right-color 1.5s ease;
}
.seasonseat-app-btn a:hover::after {
  border-right-color: var(--accent-color);
  z-index: 999;
}
/*.layout-second .second-body article a.linkclick_seasonseat-btn:hover {
  opacity: 1 !important;
}*/

.seasonseat-app-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  z-index: 2;
}

@media screen and (max-width: 640px) {
.seasonseat-app-btn a {height: 75px;}
.seasonseat-app-btn a .seasonseat-app-text{font-size: 1.3em;}
}

@media screen and (max-width: 450px) {
.seasonseat-app-btn a {height: 65px;}
.seasonseat-app-btn a .seasonseat-app-text{font-size: 1.2em;}
}



/* 自動スライダー */
.fc-loop-slide-cont {
  display: flex; 
  overflow: hidden;
}
.fc-loop-slide-wrapper {
  display: flex; 
  overflow: hidden;
  margin-left: -4%;
}
.fc-loop-slide-wrapper.skew {
  transform: skewX(-10deg);
  transform-origin: bottom left;
}
.fc-loop-slide li figure {
  overflow: hidden;
}
.fc-loop-slide li figure img {
  min-width: 117.6%;
  transform: skewX(10deg);
  transform-origin: bottom left;
}
.fc-loop-slide {
  animation: fc-scroll-left 40s infinite linear .10s both;
  display: flex; 
}
.fc-loop-slide li {
  width: calc(100vw / 5);
}
.fc-loop-slide li img {
  display: block;
  width: 100%;
}

.fc-loop-slide-cont.reverse .fc-loop-slide {
  animation: fc-scroll-right 40s infinite linear .10s both;
}

@keyframes fc-scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@keyframes fc-scroll-right {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

@media screen and (max-width: 767px) {
  .fc-loop-slide li { width: calc(100vw / 4);}
}

@media screen and (max-width: 450px) {
  .fc-loop-slide li {width: calc(100vw / 3);}
  .fc-loop-slide-wrapper {margin-left: -5%;}
}

/* 購入方法→手数料の下のマージン */
.rzf-narrow-layout.seasonseat-margin{ margin-bottom: 4.0em!important;}