@charset "UTF-8";

.body .second-body .rzf-game_2026-27,.rzf-game_2026-27.mfp-wrap {

/**** 共通ボタン 試合情報変更 *****/
.rzf-btn:not(.game-slide-btn){
width: 100%;
max-width: 560px;
margin: 5em auto 2em!important;
padding: 0 1em;
}
.rzf-btn:not(.game-slide-btn) a {
display: block;
margin: 0 auto;
padding: 1.2em 20px 1.2em 8px;
position: relative;
z-index: 100;
text-align:center;
font-size: 1.1em;
font-weight: 600;
line-height: 1.6em;
text-decoration:none!important;
z-index: 0;
color: #fff!important;
border-radius: 0;
background-color: var(--primary-color);
clip-path: polygon(10px 0, 100% 0, 100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 100%, 0% 10px);
background-image: linear-gradient(45deg, var(--accent-color) 50%, transparent 50%);
background-position: 100%;
background-size: 400%;
transition: 0.8s ease-in-out;
}
.rzf-btn:not(.game-slide-btn) a::after {
display: flex;
align-items: center;
width: 10px;
height: 10px;
position: absolute;
top: 50%;
right: 30px;
margin-top: -5px;
border: none;
-webkit-transform: none;
transform: none;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f138";
font-size: 1.3em;
color: var(--accent-color);
transition: 0.2s ease-in 0.4s;
}
.rzf-btn:not(.game-slide-btn) a:hover {
opacity: 1;
color: var(--primary-color)!important;
background-color: var(--accent-color);
background-position: 0;
}
.rzf-btn:not(.game-slide-btn) a:hover::after {
right: 25px;
color: var(--primary-color);
}


/* 色反転 */
.game-bg-bl .rzf-btn a,
.rzf-bg-bl .rzf-btn a,
.rzf-bg-bk .rzf-btn a,
.rzf-bg-rd .rzf-btn a{
background-color: var(--white-color);
color: var(--primary-color)!important;
}
.game-bg-bl .rzf-btn a::after,
.rzf-bg-bl .rzf-btn a::after,
.rzf-bg-bk .rzf-btn a::after,
.rzf-bg-rd .rzf-btn a::after{
color: var(--primary-color)!important;
}
.game-bg-bl .rzf-btn a:hover,
.rzf-bg-bl .rzf-btn a:hover,
.rzf-bg-bk .rzf-btn a:hover,
.rzf-bg-rd .rzf-btn a:hover{
background-color: var(--accent-color);
}

@media screen and (max-width: 767px) {
.rzf-btn:not(.game-slide-btn) {max-width: 350px;}
.rzf-btn:not(.game-slide-btn) a {
padding: 1em 40px 1em 8px;
font-size: 0.85em;
}
.rzf-btn:not(.game-slide-btn) a::after {font-size: 1.2em;}

.attention__wrap .rzf-btn {
margin: 0.8em auto 0!important;
}
}

/**** Bチケロゴ ボタン ****/
.rzf-bticket-btn{
width: 100%;
max-width: 560px;
margin: 0.5em auto 2em!important;
padding: 0 0.5em;
box-sizing: border-box;
}
.rzf-bticket-btn a {
display: flex;
justify-content: center;
align-items: center;
gap: 0.7em;
position: relative;
margin: 0 auto;
padding: 0.8em 50px 0.8em 15px;
background-color: var(--black-color);
/*transition: 0.2s!important;*/
clip-path: polygon(10px 0, 100% 0, 100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 100%, 0% 10px);
z-index: 100;
text-align: left!important;
font-size: 1.1em;
font-weight: 600;
line-height: 1.3;
text-decoration:none!important;
z-index: 0;
color: #fff!important;

background-image: linear-gradient(45deg, var(--accent-color) 50%, transparent 50%);
background-position: 100%;
background-size: 400%;
transition: 0.8s;
}
.rzf-bticket-btn a .rzf-bticket-btn__img {
flex-basis: 5em;
line-height: 1;
margin-top: 8px;
}
.rzf-bticket-btn a .rzf-bticket-btn__img img {
width: 100%;
margin: 0!important;
}
.rzf-bticket-btn a::after {
position: absolute;
/*right: 30px;*/
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f138";
display: flex;
align-items: center;
font-size: 1.3em;
color: var(--white-color);
top: 50%;
bottom: 50%;
right: 15px;
/*transition: 0.3s;*/
transition: 0.2s ease-in 0.4s!important;
}

.rzf-bticket-btn a:hover {
opacity: 1!important;
color: var(--primary-color)!important;
/*background-color: var(--primary-color);*/
background-position: 0;
}
.rzf-bticket-btn a:hover .rzf-bticket-btn__img img {
opacity: 1!important;
filter: invert(100%);

}
.rzf-bticket-btn a:hover::after {
right: 10px;
color: var(--primary-color);
}

@media screen and (max-width: 600px) {
.rzf-bticket-btn{padding: 0 0.2em;}
.rzf-bticket-btn a {
padding: 0.8em 20px 0.8em 8px;
font-size: 0.9em;
}
.rzf-bticket-btn a .rzf-bticket-btn__img {flex-basis: auto;}
.rzf-bticket-btn a::after {right: 10px;}
.rzf-bticket-btn a:hover::after {
right: 6px;
}
.rzf-bticket-btn__img img {max-width: 55px !important;}
}
@media screen and (max-width: 450px) {
.rzf-bticket-btn a {
gap: 0.5em;
padding: 1em 22px 1em 5px;
}
.rzf-bticket-btn a::after {right: 6px;}
.rzf-bticket-btn a:hover::after {
right: 3px;
}
}







/**** 続きを読むボタン ****/
.more {position: relative;}
.more__content {
position: relative;
height: auto;
max-height: 300px;
overflow: hidden;
transition: max-height 1s;
}
.more__content::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
transition: 1s;
background: linear-gradient(to bottom, transparent 30%, #fff 95%);
}
/* 色反転 */
.rzf-bg-bl .more__content::after{
background: linear-gradient(to bottom, transparent 30%, var(--primary-color) 95%);
}

.more__content.open:after {
z-index: -1;
opacity: 0;
}
.more__btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 1em!important;
cursor: pointer; 
width: 90%;
max-width: 500px;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 3999;
background-color: #222;
color: var(--white-color)!important;
padding: 1.2em 5px 1.2em 25px;
font-weight: 600;
border-radius: 50px;
/*transition: 0.2s;*/
}
.more__btn:hover {background-color: #777;}
.more__btn::after {
position: absolute;
left: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f055";
font-size: 1.3em!important;
color: var(--white-color);
}
.open + .more__btn {
position: relative;
margin: 0 auto!important;
left: auto;
transform: none;
}
.open + .more__btn::after {content: "\f056";}


.cke_editable_themed .more__content {
height: inherit;
max-height: inherit;
overflow: visible;
}
.cke_editable_themed .more__content::after {
content: none;
display: none;
}
.cke_editable_themed .more__btn {
display: none;
}

.rzf-textbox p.rzf-cautiontext{
margin-bottom: 0.5em!important;
}

@media screen and (max-width: 767px) {
.more__content {max-height: 200px;}
.more__btn {
max-width: 260px;
padding: 0.8em 8px 0.8em 20px;
font-size: 0.85em!important;
}
.more__btn::after {font-size: 1.2em!important;}
}


/**** 追従バナー ****/
@media screen and (min-width: 640px){
#footerbanner.rzf-fixed-banner a img {height: inherit;}/**/
}
/*@media screen and (max-width: 640px){
#footerbanner.rzf-fixed-banner {
width: inherit;
max-width: 78%;
}
#footerbanner.rzf-fixed-banner a {width: 100%;}
}*/

#footerbanner.rzf-fixed-banner a {display: flex; transition: 0.8s;}
#footerbanner.rzf-fixed-banner a:hover {
filter: none;
cursor: pointer;
opacity: 1!important;
}
#footerbanner.rzf-fixed-banner a.bnr_btn {
width: 25px;
height: 25px;
top: -16px;
right: -25px;
border-radius: 50%;
}

#footerbanner.rzf-fixed-banner .rzf-bticket-btn {
max-width: 400px;
min-width: 280px;
margin: 0 auto 0.5em 0 !important;
padding: 0;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a{
clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 100%, 0% 10px);
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__text {
font-size: 1.2em;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__img {
flex-basis: 6em;
}

/*@media screen and (max-width: 767px) {
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__text {
font-size: 1em;
}
}*/
/*@media screen and (max-width: 600px) {
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a {padding: 0.8em 35px 0.8em 8px;}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn__img img {max-width: 80px !important;}
}
@media screen and (max-width: 450px) {
#footerbanner.rzf-fixed-banner .rzf-bticket-btn {
margin: 0 auto 0.3em 0 !important;
min-width: 265px;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a {padding: 0.5em 35px 0.5em 8px;}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__text {
font-size: 0.9em;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a::after {right: 10px;}
}*/

 
@media screen and (max-width: 767px) {
/*#pagetop {
display: none;
}*/

#footerbanner.rzf-fixed-banner a.bnr_btn{
top: -20px;
right: 2px;
}

#footerbanner.rzf-fixed-banner {
display: flex;
width: 100%;
z-index: 9999999 !important;
}
#footerbanner.rzf-fixed-banner a:not(.bnr_btn) {
/* max-height: 180px; */
height: 85px;
}

#footerbanner.rzf-fixed-banner .rzf-bticket-btn {
max-width: inherit;
min-width: inherit;
margin: 0 !important;
}

#footerbanner.rzf-fixed-banner .rzf-bticket-btn a::after {
content: none;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a {
padding: 0.8em 0.5em;
background-color: var(--black-color);
clip-path: inherit!important;
background-image: none;
background-size: auto;
border-right: 1px solid #fff;
font-size: 0.9em;
transition: 0.8s;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a:hover {
background-color: #333;
color: var(--white-color) !important;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn:last-child a {
border-right: none;
}

/*#footerbanner.rzf-fixed-banner .rzf-bticket-btn__img img {
max-width: 80px !important;
}*/
}

@media screen and (max-width: 640px) {
/*#footerbanner.rzf-fixed-banner {
width: 100%;
max-width: inherit;
}*/
#footerbanner.rzf-fixed-banner a:not(.bnr_btn) {
/*flex-direction: column;*/
padding: 1em 0.5em;
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__text {
font-size: 1em;
/*text-align: center;*/
}
/*#footerbanner.rzf-fixed-banner .rzf-bticket-btn__img img{
max-width: 70px !important;
}*/
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__img {
flex-basis: 5em;
}
}
/*@media screen and (max-width: 600px) {
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a:not(.bnr_btn) {
padding: 1em 0.5em;
}
}*/
@media screen and (max-width: 600px) {
    #footerbanner .rzf-bticket-btn__img img {
        max-width: inherit!important;
    }
}
@media screen and (max-width: 450px) {
#footerbanner.rzf-fixed-banner a:not(.bnr_btn) {
height: 70px;
}
#footerbanner.rzf-fixed-banner a:not(.bnr_btn) {
/*flex-direction: column;*/
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__img {
/* flex-basis: 4em; */
}
#footerbanner.rzf-fixed-banner .rzf-bticket-btn a .rzf-bticket-btn__text {
/*text-align: center;*/
/* font-size: 0.8em; */
}
}





/**** 画像自動スライド ****/
.rzf-loop-slide-wrapper {
display: flex; 
overflow: hidden;
}
.rzf-loop-slide {
animation: scroll-left 40s infinite linear .10s both;
display: flex; 
}
.rzf-loop-slide-reverse {
animation: scroll-right 40s infinite linear .10s both;
display: flex;
}
.rzf-loop-slide li { width: calc(100vw / 4.5); }
.rzf-loop-slide li img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.rzf-loop-slide li img{
margin: 0!important;
}

@media screen and (max-width: 767px) {
.rzf-loop-slide li { width: calc(100vw / 3.8); }
}
@media screen and (max-width: 480px) {
.rzf-loop-slide li { width: calc(100vw / 2.8); }
}



/**** テキスト自動スライド ****/
.rzf-text-loop {
  display: flex;
  list-style: none;
  padding-inline: 0;
  margin-inline: 0;
  padding-top: 1.4em;
  padding-bottom: 0.7em;
  gap: 0 1em;
  letter-spacing: 0.2em;
  overflow: hidden;
}
.rzf-text-loop li {
  /*color: #fff;*/
  font-family: "Merriweather", "Roboto Slab", "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
  font-size: 8vw;
  font-weight: 900;
  white-space: nowrap;
  margin: 0;
  margin-right: 0.5em;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--second-color);
  text-shadow:
	1px 1px 0px #fff, -1px -1px 0px #fff,
	-1px 1px 0px #fff,  1px -1px 0px #fff,
	1px 0px 0px #fff, -1px -0px 0px #fff,
	0px 1px 0px #fff,  0px -1px 0px #fff;
  animation: marquee-left 16s linear infinite;
}
#access .rzf-text-loop {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}
#access .rzf-text-loop li {
font-size: 3vw;
font-family: "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
  color: var(--white-color);
  text-shadow: none;
  animation: marquee-left 30s linear infinite;
}

@media (min-width: 1200px) {
.rzf-text-loop li {
font-size: 8vw;
font-size: 100px;
/* text-shadow:
	2px 2px 0px #fff, -2px -2px 0px #fff,
	-2px 2px 0px #fff,  2px -2px 0px #fff,
	2px 0px 0px #fff, -2px -0px 0px #fff,
	0px 2px 0px #fff,  0px -2px 0px #fff; */
}
}
@media (max-width: 640px) {
.rzf-text-loop {
  padding-top: 1em;
  padding-bottom: 0.5em;
}
.rzf-text-loop li {
font-size: 4em;
}
#access .rzf-text-loop li {
font-size: 1.1em;
}
}



/**** ナビの下を三角に ****/
section#navi{
background: #fff;
position: relative;
padding-bottom: 10em;
}
section#navi::after{
content: "";
width: 100%;
height: 0;
border-style: solid;
border-width: 100px calc(50vw - 15px) 0 calc(50vw - 15px);
border-color: var(--lightgray-color) var(--primary-color) transparent var(--primary-color);
position: absolute;
bottom: -5px;
/*bottom: 0;*/
left: 0;
right: 0;

right: inherit!important;
left: 50%!important;
transform: translateX(-50%);
}

@media print, screen and (min-width: 768px) {
section#navi::after {
border-width: 100px calc(49vw - 15px) 0 calc(50vw - 15px);
bottom: 0;
}
}
@media print, screen and (max-width: 767px){
section#navi {
padding-bottom: 5em;
}
section#navi::after {
border-width: 30px calc(50vw - 10px) 0 calc(50vw - 10px);
bottom: 0;
}
}
@media print, screen and (max-width: 450px){
section#navi {
padding-bottom: 3em;
}
}

/**** ページアイコンナビ ****/
.game-icon-nav{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
grid-auto-rows: auto;
grid-gap: 1em;
margin: 0 0 15px!important;
text-align: center;
padding: 0.7em;
}
.game-icon-nav li{
width: 100%;
font-weight: 500;
}
.game-icon-nav li a{
display: flex;
width: 100%;
height: 100%;
padding: 1.5em 0.5em;
color: #fff !important;
background-color: #0b318f;
clip-path: polygon(20px 0, 100% 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 100%, 0% 20px);
flex-direction: column;
align-items: center;
justify-content: center;
}
.game-icon-nav li p{
margin: 0 !important;
margin-top: auto !important;
min-height: 1.4em;
text-align: center !important;
font-weight: 500 !important;
line-height: 1.4 !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
vertical-align: middle;
}
.game-icon-nav li img{
max-width: 70px;
height: auto;
max-height: 50px;
margin-top: auto !important;
margin-bottom: 0.7em!important;
/*aspect-ratio: 1;*/
}
.game-icon-nav li a:hover{
text-decoration: none;
}
@media print, screen and (max-width: 767px){
.game-icon-nav {
grid-gap: 0.7em;
padding: 0;
}
/*.game-icon-nav li img{
max-width: 100px;
max-height: 70px;
}*/
}
@media print, screen and (max-width: 450px){
.game-icon-nav {
grid-gap: 0.5em;
grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
}
.game-icon-nav li a{
padding: 0.8em 0.2em;
}
.game-icon-nav li p {
font-size: 0.7em!important;
}
.game-icon-nav li img{
max-width: 50px;
max-height: 35px;
margin-bottom: 0.5em !important;
}
}


/**** スライダー設定 ****/
/*** スライダー全体 ***/
.slider-wrap {
position: relative;
max-width: 100%;
margin: 0 auto;
}
.game-slide {
margin-top: 4em;
margin-bottom: 3em!important;
}
.slick-track{
margin-bottom: 3em;
display: flex;
}
.slick-slide > div{
display: flex;
margin: 0 1em;
height: 100%;
}
.slick-slide {height: auto!important;}

.game-slide__cont {
/*padding: 0 0.3em;*/
text-align: center;
font-size: 1rem;
transition: all .2s;
}

/* イベント・会場案内用 */
.game-slide-event .game-slide__cont,
.game-slide-booth .game-slide__cont{
margin-block: 0.5em; 
padding: 0;
text-align: left;
background-color: #fff;
border: 1px solid #fff;
}
.game-slide-event .game-slide__text-wrap,
.game-slide-booth .game-slide__text-wrap{
display: flex;
flex-direction: column;
height: 9.8em;
padding: 0.7em 0.7em 0.2em;
}

/* イベント・会場案内用ボタン */
.game-slide-event .rzf-btn.game-slide-btn,
.game-slide-booth .rzf-btn.game-slide-btn {
max-width: inherit;
margin: auto auto 0.8em!important;
padding: 0;
}
.game-slide-booth .rzf-btn.game-slide-btn {
margin: auto auto 0.5em!important;
}
.game-slide-event .rzf-btn.game-slide-btn a,
.game-slide-booth .rzf-btn.game-slide-btn a {
margin: 0 auto;
margin-top: auto !important;
padding: 0.5em;
font-size: 0.8em;
border: 2px solid var(--primary-color);
border-radius: 50px;
color: var(--white-color)!important;
background-color: var(--primary-color);
background-image: linear-gradient(45deg, var(--accent-color) 50%, transparent 50%);
background-position: 100%;
background-size: 400%;
transition: 0.8s ease-in-out ;
}
.game-slide-event .rzf-btn.game-slide-btn a::after,
.game-slide-booth .rzf-btn.game-slide-btn a::after {
display: none;
}
.game-slide-event .rzf-btn.game-slide-btn a:hover,
.game-slide-booth .rzf-btn.game-slide-btn a:hover {
opacity: 1;
color: var(--primary-color)!important;
background-color: var(--accent-color);
background-position: 0;
}

/* フード・グッズ用 */
.game-slide-food .game-slide__text-wrap,
.game-slide-goods .game-slide__text-wrap,
.game-slide-player .game-slide__text-wrap{
display: flex;
flex-direction: column;
height: 100%;
padding: 0.5em 0.7em;
}
#food .game-slide__cont,
#goods .game-slide__cont,
#player .game-slide__cont{
display: flex !important;
flex-direction: column;
}
#food .game-slide__cont {background-color: var(--white-color);}
#goods .game-slide__cont {background-color: var(--primary-color);}

/* 選手情報 */
#player .game-slide__cont {background-color: var(--primary-color);}

.game-slide-player .game-slide__text-wrap{
display: flex;
flex-direction: row;
align-items: center;
gap: 0.8em;
height: 100%;
padding: 0.5em 0em;
background-color: #000;

  @media screen and (max-width: 767px){
    gap: 0.5em;
  }
}
#player .game-slide__cont{
display: flex !important;
flex-direction: column;
background-color: var(--white-color);
}


@media screen and (max-width: 767px){
.slick-slide > div{margin: 0 0.6em;}
/*#goods .slick-slide > div{margin: 0 0.3em;}*/
}
@media screen and (max-width: 450px){
.game-slide {
margin-top: 2em;
margin-bottom: 1em !important;
}
.slick-slide > div{margin: 0 0.4em;}
/*#goods .slick-slide > div{margin: 0 0.2em;}*/
}





/*** スライダー内 テキスト・タイトル ***/
.game-slide h3,
p.game-slide__title{
margin: 1.2em 0 0.8em !important;
padding: 0 0.2em;
font-size: 1.1rem !important;
font-weight: 700!important;
text-align: center;
text-align: left;
color: var(--white-color)!important;

  @media screen and (max-width: 767px) {
    font-size: 1rem !important;
  }
  @media screen and (max-width: 450px){
    font-size: 0.9rem !important;
  }

}
p.game-slide__title{
margin: 0 0 0.8em !important;
}
.game-slide h3::after{
display: none;
}
.game-slide h4{
margin: 1.6em 0 0.8em !important;
padding: 0 0.2em;
font-size: 0.9rem !important;
font-weight: 600!important;
text-align: left;
color: var(--white-color)!important;

  @media screen and (max-width: 450px){
    font-size: 0.8rem !important;
  }

}
.game-slide h4::before{
content: "■";
}
.game-slide p{
padding: 0 0.2em;
text-align: left;
color: var(--white-color)!important;
}
.game-slide p:not(.game-slide__title){
  @media screen and (min-width: 1200px){
    font-size: 1rem !important;
  }
}

/**** 選手 ****/
.game-slide p.game-player__number{
margin: 0!important;
padding: 0!important;
color: #fff!important;
font-size: 5em!important;
font-family:'blgHudson', sans-serif !important;
line-height: 1!important;

  @media screen and (max-width: 767px){
    font-size: 4em !important;
  }
  @m
  @media screen and (max-width: 450px){
    font-size: 3.5em !important;
  }
}
.game-slide h3.game-player__name{
margin: 0!important;
/* padding: 0!important; */
font-size: 1.2rem!important;
font-weight: 800!important;
line-height: 1.4!important;


  @media screen and (max-width: 767px){
    font-size: 1.1rem !important;
  }
  @media screen and (max-width: 450px){
    font-size: 1rem !important;
  }
}
.game-slide p.game-player__en{
margin: 0!important;
font-family: 'blgHudson', sans-serif !important;
font-size: 0.8em!important;
font-weight: 600!important;
line-height: 1.2!important;
}
.game-slide p.game-player__position{
margin: 0!important;
font-family: 'blgHudson', sans-serif !important;
line-height: 1.2!important;
}


/* イベント・会場案内用 */
.game-slide-event p.game-slide__title, 
.game-slide-booth p.game-slide__title{
margin-top: 2.1em!important;
margin-top: calc(0.8em * 1.6 + 0.2em + 0.4em)!important;
line-height: 1.3!important;
color: var(--primary-color)!important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.game-slide p.game-slide__date{
margin-bottom: 0!important;
font-size: 1rem !important;
font-weight: 600!important;

  @media screen and (max-width: 450px){
    font-size: 0.9rem !important;
  }
}
.game-slide-event p.game-slide__date + p.game-slide__title,
.game-slide-booth p.game-slide__date + p.game-slide__title,
.game-slide-event .game__datebadge + p.game-slide__title,
.game-slide-booth .game__datebadge + p.game-slide__title{
margin-top: 0!important;
}
.game-slide-event h3,
.game-slide-booth h3,
.game-slide-event h4,
.game-slide-booth h4,
.game-slide-event p,
.game-slide-booth p{
color: var(--primary-color)!important;
}

/* フード・グッズ用  */
.game-slide-food h3,
.game-slide-goods h3,
.game-slide-food h4,
.game-slide-goods h4,
.game-slide-player h4,
.game-slide-food p,
.game-slide-goods p{
margin: 0!important;
line-height: 1.4!important;
color: var(--text-color)!important;
}
.game-slide-goods h3,
.game-slide-goods h4,
.game-slide-goods p{
color: var(--white-color)!important;
}
#food .game-slide__cont p.game-slide__store{
font-size: 0.8em!important;
margin-top: auto!important;
margin-bottom: 0.3em!important;
padding-top: 0.5em;
line-height: 1.3!important;
}
#food .game-slide__cont p.game-slide__store::before {
margin-right: 0.2em;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f54e";
font-size: 1.2em;
}

/*#food .game-slide__cont p{
line-height: 1.5!important;
}
#food .game-slide__cont p + p{
margin-top: -1.6em!important;
}
#food .game-slide__cont .game__datebadge + h3{
margin-top: 0.2em!important;
}
#food .game__datebadge span{font-size: 0.7em;}
@media screen and (max-width: 450px) {
#food .game-slide__cont p {
	padding-inline: 0!important;
}
}*/
@media screen and (max-width: 450px){
.game-slide-food .game__datebadge{
font-size: 0.9em;
}
}

/* 会場案内  */
.game-slide-booth p.game-slide__title{
margin-top: 0!important;
font-size: 1rem !important;
}
.game-slide-booth .game-slide__text-wrap > p.game-slide__title + p{
margin-bottom: 0.2em!important;
}
.game-slide-booth .game-slide__text-wrap {height: 6.9em;}


/* ピックアップ用  */
#pickup .game-slide__cont{
position: relative;
width: 100%!important;
height: 100%!important;
padding: 0;
border: 1px solid #efefef;
display: flex;
justify-content: center;
align-items: center;
aspect-ratio: 16/9;
font-size: 1.4rem!important;
font-weight: 600!important;
background-color: var(--primary-color);
background: var(--primary-color) url("https://r-zephyr.com/files/user/news/common/game/rzf-logo-touka.png") no-repeat center top;
background-size: contain;
color: var(--white-color)!important;
}
#pickup .game-slide__cont img{
margin-bottom: 0!important;
}
#pickup .game-slide__cont a{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 !important;
font-size: 1.4rem!important;
font-weight: 600!important;
line-height: 1.4!important;
color: var(--white-color)!important;
}
#pickup .game-slide__cont::before {
border-color: transparent transparent #fff transparent;
border-style: solid;
border-width: 0 0 40px 40px;
content: "";
position: absolute;
bottom: 8px;
right: 8px;
z-index: 2;
}
#pickup .game-slide__cont a:hover, #pickup .game-slide__cont a:hover img{
opacity: 1;
}
@media screen and (max-width: 767px) {
#pickup .game-slide__cont a {font-size: 1.4rem!important;}
#pickup .game-slide__cont::before {
border-width: 0 0 25px 25px;
}
}
@media screen and (max-width: 450px) {
#pickup .game-slide__cont a{
font-size: 1.2rem!important;
}
}

/* ファンクラブ用タイトル */
.game-slide-fanclub h3, .game-slide-fanclub p.game-slide__title {
display: flex;
align-items: flex-start;
margin: 0 0 1em!important;
padding: 0!important;
line-height: 1.4;
border: none;
color: var(--primary-color)!important;
}
.game-slide-fanclub h3::before {
content: "";
width: 8px;
min-width: 8px;
height: 1.4em;
border-radius: 10px;
background-color: var(--accent-color);
margin-right: 0.5em;
}
.game-slide-fanclub p {
color: var(--primary-color)!important;
font-weight: 500;
text-align: justify;
font-size: 1.3em;
line-height: 1.4!important;
margin-top: 1em!important;
margin-bottom: 0!important;
}
.game-slide-fanclub p + p {
margin-top: 0.5em!important;
}
.game-slide-fanclub .game-slide__cont figure {margin-bottom: 1em;}

@media screen and (max-width: 600px) {
.game-slide-fanclub h3 {font-size: 1.3em!important;}
.game-slide-fanclub h3::before {
width: 6px;
min-width: 6px;
margin-right: 0.2em;
}
}

@media screen and (max-width: 600px) {
.game-slide-fanclub h3 {font-size: 1.1em!important;}
.game-slide-fanclub h3::before {
width: 5px;
min-width: 5px;
}
}


/*** スライダー内 画像 ***/
.game-slide__cont img,
.game-slide__cont img {
display: block;
width: 100%;
margin-top: 0!important;
margin-bottom: 0!important;
object-fit: contain;
aspect-ratio: 16/9;
}
#food .game-slide__cont img,
#goods .game-slide__cont img{aspect-ratio: 1/1;}
/*#food .game-slide__cont img{
margin-bottom: 1.5em!important;
}*/
#player .game-slide__cont img{aspect-ratio: 4/5; object-fit: cover;}
#ticket .game-slide__cont img{aspect-ratio: 42/10;}
/*#goods .game-slide__cont img{border: 1px solid #fff;}*/
#team .game-slide__cont img{aspect-ratio: auto;}
#feature .game-slide__cont img{aspect-ratio: 3/2; object-fit: cover;}
#arenainfo .game-slide__cont img{object-fit: cover;}


/*** 矢印ボタン ***/
.game-slide .slick-prev,
.game-slide .slick-next{
width: 1.4em;
height: 5em;
padding-top: 2px;
background-color: var(--primary-color);
border: 2px solid var(--white-color);
border-radius: 0;
box-sizing: border-box;
z-index: 1;
top: 40%;

top: 3em;
bottom: 0px;
margin: auto;
font-size: 1.5rem;
}
.game-slide .slick-prev {left: 7.3%;}
.game-slide .slick-next {right: 7.3%;}
.game-slide .slick-prev:before,
.game-slide .slick-next:before {
font-size: 30px;
color: #fff;
line-height: 40px;
opacity: 1;
transition: 0.3s;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.game-slide .slick-prev:before {content: "\f053";}
.game-slide .slick-next:before {content: "\f054";}
.game-slide .slick-next:focus, .game-slide .slick-next:hover, .game-slide .slick-prev:focus, .game-slide .slick-prev:hover {
background-color: var(--primary-color);
}
.game-slide .slick-next:hover:before,
.game-slide .slick-prev:hover:before {
color: var(--accent-color);
}

/* チケット・グッズ・フード用アロー */
.game-slide-ticket .slick-prev, .game-slide-ticket .slick-next{
height: 3em!important;
top: 1em;
}
/*.game-slide-ticket .slick-prev,
.game-slide-goods .slick-prev,
.game-slide-food .slick-prev {left: 0;}
.game-slide-ticket .slick-next,
.game-slide-goods .slick-next,
.game-slide-food .slick-next {right: 0;}*/
.game-slide-ticket .slick-prev,
.game-slide-fanclub .slick-prev {left: -25px;}
.game-slide-ticket .slick-next,
.game-slide-fanclub .slick-next {right: -25px;}

@media screen and (min-width: 1340px) {
/*.game-slide-ticket .slick-prev,
.game-slide-goods .slick-prev,
.game-slide-food .slick-prev,
.game-slide-booth .slick-prev{left: -50px;}
.game-slide-ticket .slick-next,
.game-slide-goods .slick-next,
.game-slide-food .slick-next,
.game-slide-booth .slick-next {right: -50px;}*/
.game-slide-ticket .slick-prev,
.game-slide-fanclub .slick-prev {left: -50px;}
.game-slide-ticket .slick-next,
.game-slide-fanclub .slick-next {right: -50px;}
}
@media screen and (max-width: 767px) {
.game-slide .slick-prev,
.game-slide .slick-next{
height: 4em;
top: 1.5em;
}
.game-slide-ticket .slick-prev,
.game-slide-fanclub .slick-prev {left: -1.2em;}
.game-slide-ticket .slick-next,
.game-slide-fanclub .slick-next {right: -1.2em;}
.game-slide-ticket .slick-prev, .game-slide-ticket .slick-next{
top: 0.5em;
}
.game-slide .slick-prev:before,
.game-slide .slick-next:before {
font-size: 23px;
}
}
@media screen and (max-width: 450px) {
.game-slide .slick-prev {left: 0;}
.game-slide .slick-next {right: 0;}
.game-slide .slick-prev,
.game-slide .slick-next{
width: 1.5em;
}
.game-slide-ticket .slick-prev,
.game-slide-fanclub .slick-prev {left: -0.7em;}
.game-slide-ticket .slick-next,
.game-slide-fanclub .slick-next {right: -0.7em;}
.game-slide-ticket .slick-prev, .game-slide-ticket .slick-next{
top: 0.1em;
}
.game-slide .slick-prev:before,
.game-slide .slick-next:before {
font-size: 20px;
}
}


/*** ドット ***/
.game-slide .slick-dots li {margin: 0 7px;}
.game-slide .slick-dots li button:before{
width: 25px;
height: 5px;
content: '';
background-color: #aaa;
opacity: 1;
transition: 0.3s;
}
.game-slide .slick-dots li.slick-active button:before {
opacity: 1;
color: var(--primary-color);
background-color: var(--primary-color);
}
/* 色反転 */
.rzf-bg-bl .game-slide .slick-dots li.slick-active button:before,
.rzf-bg-bk .game-slide .slick-dots li.slick-active button:before {
color: var(--accent-color);
background-color: var(--accent-color);
}
.game-slide .slick-dots li button:focus:before, .game-slide .slick-dots li button:hover:before {
opacity: 0.8;
}
@media screen and (max-width: 450px) {
.game-slide .slick-dots {bottom: 0;}
.game-slide .slick-dots li {
width: 7px;
margin: 0 5px;
}
.game-slide .slick-dots li button:before{
width: 12px;
height: 5px;
}
}

/*** NEWマーク ***/
.game-slide__cont.new{
position: relative;
overflow: hidden;
}
.game-slide__cont.new::before{
content: "NEW";
display: inline-block;
position: absolute;
padding: 8px 0;
left: -50px;
top: 10px;
width: 160px;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 16px;
background-color: #e60020;
color: #fff;
letter-spacing: 0.05em;
-webkit-transform: rotate(45deg);
transform: rotate(-45deg);
 box-shadow: 0 1px 10px rgba(0,0,0,0.3);
}
/*.game-slide__cont.new::after {
position: absolute;
content: "";
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid #888;
top: 73px;
left: -7px;
}*/

/*** SOLD OUT ***/
.game-slide__cont.sold{
position: relative;
overflow: hidden;
}
.game-slide__cont.sold::before{
content: "SOLD OUT";
display: flex;
align-items: center;
justify-content: center;
position: absolute;
padding: 0; 
left: 0; 
top: 0; 
width: 160px;
text-align: center;
font-size: 2em;
font-weight: 600;
line-height: 16px;
background-color: rgba(0, 0, 0, 0.5);
color: var(--second-color);
letter-spacing: 0.05em;
-webkit-transform: none;
transform: none;
width: 100%;
height: 100%;
}
/*.game-slide-goods .game-slide__cont.sold::before{
left: 4px; 
width: calc(100% - 8px);
height: calc(100% - 7px);
}*/
.game-slide__cont.sold::after {
content: none;
}
.game-slide__cont.sold .sold__text{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 5em;
right: 0;
bottom: 0;
margin: auto !important;
}


/* ポップアップ
------------------------------------------------------------*/
&.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
z-index: 9999998;
}
&.mfp-bg.mfp-ready {opacity: 0.8;}
&.mfp-bg.mfp-removing {opacity: 0;}
&.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
&.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
&.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}

&.mfp-wrap{
overflow: hidden auto;
z-index: 9999999;
}
.mfp-container{
padding: 0 6%;
max-width: fit-content;
right: 0;
bottom: 0;
margin: auto;
}
.inline-modal {
position: relative;
max-width: 900px;
min-width: 250px;
margin:5em auto 5em;
padding: 3em 2em 1.5em;
text-align:center;
background-color: #fff;
color: #555;
}
.inline-modal a {
color: var(--primary-color);
text-decoration: underline;
transition: 0.2s;
}
.inline-modal a:hover{opacity: 0.7;}
.popup-modal > img {
max-width: 300px!important;
height: auto;
}
&.mfp-wrap p.game-slide__title{
margin: 0 0 1.5em !important;
padding: 0.2em 0.3em 0.3em;
font-size: 1.2rem !important;
font-weight: 700!important;
text-align: left;
color: var(--primary-color)!important;
border: none;
border-bottom: 3px solid var(--primary-color)!important;
letter-spacing: 0;
line-height: 1.6;
}
&.mfp-wrap p.game-slide__date{
margin-bottom: 0!important;
font-size: 1rem !important;
font-weight: 600!important;
}
&.mfp-wrap .game-slide__img{margin-bottom: 2em!important;}
&.mfp-wrap h3 {
margin: 1.0em 0 0.5em !important;
padding: 0!important;
font-size: 1.1rem!important;
font-weight: 600!important;
position: relative;
color: var(--primary-color)!important;
letter-spacing: 0;
text-align: left;
border: none;
}
&.mfp-wrap h3::before {
content:none;
padding-right: 0;
}
&.mfp-wrap h3::after {
content:none;
}
&.mfp-wrap h4 {
margin: 1.0em 0 0.5em !important;
padding: 0!important;
font-size: 1.1em!important;
font-weight: 600;
color: inherit!important;
}
.popup-modal > p {
margin-top: 0.5em;
line-height: 1.4!important;
text-align: justify;
}
.mfp-content p {text-align: justify!important;}
.inline-modal > h1, .inline-modal > h2, .inline-modal > h3{margin-top: 0!important;}
.inline-modal > h4{text-align: left;}
.inline-modal .image img {height:auto;}

&.mfp-wrap p.list-mark + p.list-mark {
margin-top: -1.4em!important;
}

.mfp-close-btn-in .mfp-close {color: #fff!important;}
.inline-modal .mfp-close {
right: -15px !important;
top: -50px !important;
color: #fff;
transition: 0.2s;
}
.popup-modal-dismiss{margin-top: 2em;}
.popup-modal-dismiss a{
color: var(--primary-color);
font-size: 2.5em;
transition: 0.2s;
}
.popup-modal-dismiss a:hover{opacity: 0.7;}

&.mfp-wrap .gallery-arrow{
position: absolute;
top: 50%;
margin-top: -50px;
display: block;
padding: 0.3em;
font-size: 2em;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 10000000;
opacity: 0.8;
transition: 0.2s;
}
&.mfp-wrap .gallery-arrow-left{
left: 0;
border-left: none;
}
&.mfp-wrap .gallery-arrow-right{
right: 0;
border-right: none;
}
&.mfp-wrap .gallery-arrow-left:before, &.mfp-wrap .gallery-arrow-right:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
opacity: 1;
}
&.mfp-wrap .gallery-arrow-left:before{content: "\f053";}
&.mfp-wrap .gallery-arrow-right:before{content: "\f054";}
&.mfp-wrap .gallery-arrow:hover{opacity: 1;}

@media screen and (min-width: 1000px) {
.inline-modal {
position: relative;
max-width: 800px;
min-width: 640px;
margin:5em auto 5em;
padding: 3em 2em 1.5em;
text-align:center;
background-color: #fff;
color: #555;
}
.inline-modal.seat-detail{min-width: 800px;}
}
@media screen and (max-width: 767px) {
&.mfp-wrap p.game-slide__title{
font-size: 1rem !important;
}
}
@media screen and (max-width: 450px) {
.inline-modal {padding: 2em 1.2em 0.5em;}
&.mfp-wrap .gallery-arrow{
margin-top: -40px;
padding: 0.2em;
font-size: 1.6em;
}
}

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

.rzf-tab-btn-wrap {
margin-top: 4em; 
}
.rzf-tab-btn {
display: grid;
/*grid-template-columns: 1fr 1fr;*/
grid-template-columns: repeat(auto-fill, minmax(200px, 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!important;
}
.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: 1.1rem;
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 > div {
display: none;
/*overflow: hidden;*/
margin-bottom: 0!important;
}

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

/* コンテンツを表示 */
.rzf-tab-contents #ts-game1-cont,
#ts-game1:target ~ .rzf-tab-contents #ts-game1-cont,
#ts-game2:target ~ .rzf-tab-contents #ts-game2-cont,
#ts-game3:target ~ .rzf-tab-contents #ts-game3-cont,
.rzf-tab-contents #price-tsujyo-cont,
#price-tsujyo:target ~ .rzf-tab-contents #price-tsujyo-cont,
#price-heijitsu:target ~ .rzf-tab-contents #price-heijitsu-cont {
display: block;
}
/* 初期表示を元に戻す */
.rzf-tab-switch:target ~ .rzf-tab-contents #ts-game1-cont,
.rzf-tab-switch:target ~ .rzf-tab-contents #price-tsujyo-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;
}


/* チケット */
#ticket .rzf-tab-btn {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
#ticket .rzf-tab-btn a {
padding: 0.7em 0.3em;
font-size: 1rem;
}
/* タブ選択時の表示 */
.rzf-tab-btn a[href="#price-tsujyo"],
#price-tsujyo:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#price-tsujyo"],
#price-heijitsu:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#price-heijitsu"] {
background-color: var( --primary-color );
pointer-events: none;
height: 55px;
}


@media screen and (max-width: 767px) {
.rzf-tab-btn {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    padding: 0 0.2em 0 0.2em !important;
}
.rzf-tab-btn a {
padding: 0.7em 0.3em;
font-size: 1rem;
}
.rzf-tab-btn a[href="#ts-game1"],
#ts-game1:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#ts-game1"],
#ts-game2:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#ts-game2"],
#ts-game3:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#ts-game3"] {
height: 60px;
}
    
/* チケット */
#ticket .rzf-tab-btn {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
#ticket .rzf-tab-btn a {
padding: 0.5em 0.3em;
font-size: 0.9rem;
}
/* タブ選択時の表示 */
.rzf-tab-btn a[href="#price-tsujyo"],
#price-tsujyo:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#price-tsujyo"],
#price-heijitsu:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#price-heijitsu"] {
background-color: var( --primary-color );
pointer-events: none;
height: 50px;
}
}
@media screen and (max-width: 450px) {
.rzf-tab-btn-wrap {margin-top: 2em; }
.rzf-tab-btn a {
padding: 0.6em 0.3em;
}
.rzf-tab-btn a[href="#ts-game1"],
#ts-game1:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#ts-game1"],
#ts-game2:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#ts-game2"],
#ts-game3:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#ts-game3"] {
height: 50px;
}
    
/* チケット */
#ticket .rzf-tab-btn {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
#ticket .rzf-tab-btn a {
padding: 0.5em 0.2em;
font-size: 0.8rem;
}
/* タブ選択時の表示 */
.rzf-tab-btn a[href="#price-tsujyo"],
#price-tsujyo:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#price-tsujyo"],
#price-heijitsu:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#price-heijitsu"] {
background-color: var( --primary-color );
pointer-events: none;
height: 45px;
}
}

/* 観戦ガイド追従 */
.rzf-fixed-guidebutton{
position: fixed;
top: 50%;
transform: translateY(-50%);
left: 0;
margin: auto;
z-index: 9999;
}
.rzf-fixed-guidebutton a:not(.guidebutton__close){
width: 100%;
min-width: 3em;
height: 100%;
max-height: inherit!important;
display: block;
background-color: var(--accent-color);
color: var(--primary-color);
display: flex;
text-align: center;
padding: 15px 2px 20px;
flex-direction: column;
justify-content: center;
align-items: center;
clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 100%, 0% 7px);
transition: 0.2s;
}
.rzf-fixed-guidebutton a:hover{text-decoration: none; opacity: 0.8;}
.rzf-fixed-guidebutton a p.guidebutton__text{
writing-mode: vertical-rl;
text-orientation: upright;
/*letter-spacing: -0.25em;*/
letter-spacing: -0.05em;
margin-bottom: 0!important;
font-size: 1.1em!important;
font-weight: 600!important;
line-height: 2!important;
}
.rzf-fixed-guidebutton a p.guidebutton__text i{margin-top: 0.3em;}

#guidebutton.rzf-fixed-guidebutton a.guidebutton__close {
position: absolute;
width: 25px;
height: 25px;
top: -22px;
left: 50%;
transform: translateX(-50%);
padding: 0;
border-radius: 50%;
opacity: 1 !important;
display: flex;
border: 2px solid #fff;
background-color: #0B318F !important;
z-index: 1;
transition: 0.2s;
}
#guidebutton.rzf-fixed-guidebutton a.guidebutton__close:hover {background-color: var(--accent-color)!important;}
#guidebutton.rzf-fixed-guidebutton a.guidebutton__close:before,
#guidebutton.rzf-fixed-guidebutton a.guidebutton__close:after {
content: "";
position: absolute;
width: 13px;
height: 2px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
}
#guidebutton.rzf-fixed-guidebutton a.guidebutton__close:before {transform: rotate(-46deg);}
#guidebutton.rzf-fixed-guidebutton a.guidebutton__close:after {transform: rotate(46deg);}
#guidebutton.rzf-fixed-guidebutton a.guidebutton__close:hover:before,
#guidebutton.rzf-fixed-guidebutton a.guidebutton__close:hover:after {background-color: #0B318F;}

@media screen and (min-width: 1200px){
.rzf-fixed-guidebutton a:not(.guidebutton__close){min-width: 4em;}
}
@media screen and (min-width: 1400px){
.rzf-fixed-guidebutton a p.guidebutton__text{font-size: 1.4em!important;}
}
@media screen and (max-width: 767px){
.rzf-fixed-guidebutton a:not(.guidebutton__close){min-width: inherit;}
.rzf-fixed-guidebutton a p.guidebutton__text{font-size: 0.9em!important;}
}

/* シャトルバス */
#sb-game1-cont {display: block;}
#sb-game1:target ~ .rzf-tab-contents #sb-game1-cont {display: block;}
#sb-game1:target ~ .rzf-tab-contents #sb-game2-cont {display: none;}
#sb-game2:target ~ .rzf-tab-contents #sb-game2-cont {display: block;}
#sb-game2:target ~ .rzf-tab-contents #sb-game1-cont {display: none;}
/* タブ選択時の表示（アクティブ状態） */
.rzf-tab-btn a[href="#sb-game1"],
#sb-game1:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#sb-game1"],
#sb-game2:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#sb-game2"] {
    background-color: var(--primary-color);
    height: 70px;
}

/* 初期表示を元に戻す（非アクティブ状態） */
.rzf-tab-switch:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#sb-game1"],
.rzf-tab-switch:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#sb-game2"] {
    background-color: #ccc;
    height: inherit;
}
/*.sb-text-blue {
    color: var(--primary-color)!important;
}*/
.sb-pojition-right{
    text-align: left!important;
}

@media screen and (max-width: 450px) {
    /* アクティブタブの高さだけ 50px に変更 */
    .rzf-tab-btn a[href="#sb-game1"],
    #sb-game1:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#sb-game1"],
    #sb-game2:target ~ .rzf-tab-btn-wrap .rzf-tab-btn a[href="#sb-game2"] {
        height: 50px;
    }
}

}


/* アニメーション */
@keyframes scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@keyframes scroll-right {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

@keyframes marquee-left {
  100% {
    transform: translateX(-100%);
  }
}