@charset "UTF-8";
/*
Version: 1.1.0
Creation Date: 2022.9.5
Last Updated: 2025.9.16
*/


/* import
------------------------------------------------------------ */
@import "https://unpkg.com/swiper@8/swiper-bundle.min.css";
@import "https://use.typekit.net/nyp2jee.css";
@import "https://use.typekit.net/oyf4pyu.css";


/* common
------------------------------------------------------------ */
/* font */
.en { /* Bely Display Regular */
font-family: bely-display, sans-serif;
font-weight: 400;
}
.gibson { /* Gibson */
font-family: canada-type-gibson, sans-serif;
font-weight: 400;
}

/* layout */
article * {
box-sizing: border-box;
}
article {
width: 100%;
position: relative;
}
article section {
width: 1100px;
max-width: 90%;
margin: 0 auto;
padding: 60px 0;
}

/* Overwrite */
.staduim_wrap,
#access_info {
background: #FFF;
}
.staduim_wrap h2,
#access_info h2,
#xebio_area h2 {
font-size: 3rem;
}
.time_day, .time_day01, .time_day02 {
padding: 50px 0;
}
.time_box dt {
width: 130px;
}

.time_inner .notice {
position: static;
background: #000;	
clear: both;		
padding: 2em;
}



/* ここから追加変更しました */
.time_box {
align-items: flex-start;
padding: 20px;
}
.notice {
font-size: 1.8rem;
padding: 2em;
}
@media screen and (max-width: 834px) {
.time_box {
width: auto;
padding: 0 20px;
}
.notice {
font-size: 1.1rem;
text-align: left;
}
}
/* ここまで追加変更しました */

/* フォント・カラー変更上書きここから */
.match_bottom .date span,
.sec_title,
.time_inner h3 span,
.cv_inner .date {
font-family: bely-display, sans-serif;
font-weight: 400;
}
.time_inner h3 {
font-family: 'League Gothic';
}
.cv_inner .date font small {
font-size: 3.2rem;
padding: 0 .1em;
}
.match_bottom .date {
letter-spacing: normal;
}
.match_bottom .date font,
.cv_inner .date font {
font-family: canada-type-gibson, sans-serif;
font-size: 70%;
}
.match_bottom .date font small {
font-size: 3.6rem;
padding: 0 .1em;
}
.time_box span {
font-size: 80%;
}
#navi li a,
.cv_day,
.cv_day01,
.match_day,
.match_day01,
.time_day,
.time_day01,
.sec_title,
.col,
.staduim_title,
.ft_share {
color: #E9E611;
}
#access_info h2 {
color: #FFF;
}
.cv_day02,
.place span,
.match_day02,
.time_day02,
.staduim_wrap h2,
.page_top a {
background: #E9E611;
}
#social ul {
background:rgba(233,230,17,0.90);
}
.col {
background: #000 url("images/icon_close.svg") no-repeat right 30px center/20px;
}
.col.change {
background: #000 url("images/icon_open.svg") no-repeat right 30px center/20px;
}
.access_inner h3 span {
border-bottom: 5px solid #E9E611;
}
/* フォント・カラー変更上書きここまで */



/* style */
.flex {
display: flex;
}
.vwmax img {
	width: 100vw;
}
/* style */
.sec_title {
font-size: min(4rem, 6vw);
}
.sec_title span {
font-family: 'Noto Sans Japanese', sans-serif;
font-size: min(2rem, 3vw);
font-weight: bold;
}
.date_b span {
font-family: 'Noto Sans Japanese', sans-serif;
}
article section a {
}
article section a:hover {
}

/* dl */
article section dl dt {
background: #000;
font-size: 14px;
color: #FFF;
line-height: 25px;
text-align: center;
width: 50px;
height: 25px;
margin-bottom: 10px;
float: left;
clear: both;
}
article section dl dd {
font-size: 18px;
font-weight: bold;
line-height: 1.3;
padding: 2px 0 10px 60px;
}
article section dl dd em {
font-size: 20px;
font-weight: bold;
letter-spacing: .1em;
}
article section dl dd span {
font-size: 12px;
}

/* header
------------------------------------------------------------ */
#header_logo a {
color: #E9E611;
font-size: 2rem;
line-height: 1.2;
letter-spacing: .1em;
display: flex;
align-items: center;
gap: 20px;
}
#header_logo .logo {
content: "";
background: url("images/logo.svg") no-repeat center/contain;
width: 80px;
height: 50px;
display: inline-block;
flex-shrink: 0;
}
#header_logo .site_title {
line-height: 1.2;
display: inline-block;
}
#header_logo .site_title br {
display: none;
}
.btn_menu {
background: url("images/menu_open.svg") center center no-repeat;
}
.btn_menu.active {
background: url("images/menu_close.svg") center center no-repeat;
}
#navi li a span.jp {
background: url("images/icon_nav.svg")no-repeat left center;
}
#social button {
background: url("images/sns_open.svg") center center no-repeat;
}
#social button.active {
background: url("images/sns_close.svg") center center no-repeat;
}


/* pagetop
------------------------------------------------------------ */
#pagetop {
position: fixed;
right: 0;
bottom: 0;
z-index: 101;
}
#pagetop a {
background: #000;
width: 80px;
height: 80px;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
position: relative;
}
#pagetop a::before {
content: "";
width: 20px;
height: 20px;
margin: 0 auto;
display: block;
border-top: 2px solid #E9E611;
border-right: 2px solid #E9E611;
transform: rotate(-45deg);
position: absolute;
top: 35px;
right: 30px;
}


/* nav
------------------------------------------------------------ */
nav ul {
margin: 3rem auto;
display: flex;
flex-wrap: wrap;
}
nav li {
flex-basis: 25%;
padding: 1rem;
}
nav li a {
color: #E9E611;
font-size: 3rem;
font-weight: bold;
text-align: center;
height: 100%;
min-height: 90px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #E9E611;
position: relative;
}
nav li a::before {
content: "";
background: #E9E611;
width: 1vw;
height: 1vw;
clip-path: polygon(100% 0, 0 100%, 100% 100%);
position: absolute;
bottom: -1px;
right: -1px;
}
nav li a small {
color: #FFF;
font-size: 1.6rem;
display: block;
}
nav li a small::before,
nav li a small::after {
content: "-";
}
nav li a:hover {
opacity: .7;
}

#social i {
color: #000;
font-size: 3.5rem;
}
#social i.fa-line,
#social i.fa-tiktok {
font-size: 3rem;
}


/* #event
------------------------------------------------------------ */
#event:before {
content: "";
background: #000 url("images/bg_01.jpg") no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
#event section {
background: #FFF;
margin: 10rem auto;
padding: 0;
border: solid 8px #E9E611;
box-shadow: 8px 8px 20px -5px #000;
}
#event figure {
padding: 3rem 3rem 2rem;
justify-content: space-between;
}
#event figure:nth-child(even)	{
background: #E9E611;
clip-path: polygon(0 5vw, 100% 0, 100% calc(100% - 5vw), 0 100%);
padding: calc(5vw + 3rem) 3rem calc(5vw + 2rem);
}
#event figure div {
flex-basis: 54%;
padding-bottom: 2rem;
}
#event figcaption {
flex-basis: 46%;
padding: 3rem;
}
#event figure:nth-child(even) figcaption {
order: -1;
}
#event dl {
background: #eee;
padding: 20px 20px 10px;
}
#event h3 {
font-size: 28px;
font-weight: bold;
line-height: 1.3;
}
#event p {
font-size: 16px;
padding: 20px 0;
}

#event2 section {
padding-top: 0;
}
#event2 h2.sec_title {
background: none;
margin-bottom: 3rem;
position: relative;
}
#event2 h2.sec_title em {
background: #000;
padding: 0 2rem;
}
#event2 h2.sec_title::before {
content: "";
background: #E9E611;
width: 100%;
height: 4px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: -1;
}
#event2 ul.flex {
flex-wrap: wrap;
justify-content: space-between;
}
#event2 ul.flex li {
background: #FFF;
flex-basis: 32%;
margin-bottom: 3rem;
padding-bottom: 3rem;
border: solid 6px #E9E611;
position: relative;
overflow: hidden;
}
#event2 u.flex::after {
content: "";
width: 32%;
display: block;
}
#event2 ul.flex li div img {
aspect-ratio: 16 / 9;
object-fit: cover;
object-position: 0 0;
transition: .5s;
}
#event2 ul.flex li i {
background: #000;
width: 3rem;
height: 3rem;
border-radius: 50%;
position: absolute;
right: 1rem;
bottom: 1rem;
}
#event2 ul.flex li i::before,
#event2 ul.flex li i::after {
content: "";
background: #FFF;
width: 1.5rem;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#event2 ul.flex li i::after {
width: 1px;
height: 1.5rem;
}
#event2 ul.flex li h3 {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
padding: 20px;
}
#event2 ul.flex li:hover {
cursor: pointer;
}
#event2 ul.flex li div {
overflow: hidden;
}
#event2 ul.flex li div img:hover {
transform: scale(1.1);
transition: .5s;
}
#event2 ul.flex li:hover p {
opacity: 1;
}

/* .modal */
.modal {
display: none;
background: rgba(0,0,0,.85);
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
.modal.active {
display: flex;
}
.modal-content {
background: #FFF;
width: 840px;
max-width: calc(100% - 20rem);
max-height: 80vh;
overflow: auto;
}
.modal ul {
width: calc(840px + 20rem);
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
}
.modal-close {
color: #FFF;
font-size: 4rem;
font-weight: 100;
position: absolute;
top: 2rem;
right: 2rem;
cursor: pointer;
}
.modal .prev,
.modal .next {
width: 6rem;
height: 6rem;
border: 1px solid #FFF;
border-radius: 50%;
position: absolute;
top: -3rem;
cursor: pointer;
}
.modal .prev {
left: 2rem;
}
.modal .next {
right: 2rem;
}
.modal .prev::before,
.modal .next::before {
content: "";
width: 2rem;
height: 2rem;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
position: absolute;
top: 50%;
left: 50%;
}
.modal .prev::before {
transform: translate(-30%,-50%) rotate(-135deg);
}
.modal .next::before {
transform: translate(-70%,-50%) rotate(45deg);
}

.modal .swiper {
max-width: 100%;
padding: 0;
}
.modal .swiper-slide h3 {
margin-bottom: 15px;
padding-bottom: 15px;
height: auto;
border-bottom: 1px solid #999;
}

#event-modal figure {
padding: 3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
#event-modal figure > div {
flex-basis: 40%;
margin-bottom: 2rem;
}
#event-modal figcaption {
flex-basis: 58%;
}

/* swiper
------------------------------------------------------------ */
.swiper {
width: 1080px;
max-width: 98%;
padding: 60px 0;
}
.swiper-button {
position: relative;
}
.swiper-container {
width: 1000px;
max-width: calc(100% - 60px);
margin: 40px auto 50px;
}
.swiper-wrapper {
display: flex;
}
.swiper-slide {
background: #FFF;
height: auto;
padding-bottom: 90px;
_border-radius: 20px;
}
.swiper-slide h3 {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
height: 75px;
padding: 10px 20px 0;
}
.swiper-slide h3 em {
font-size: 16px;
font-weight: 500;
display: block;
}
.swiper-slide h3 span {
font-size: 14px;
}
.swiper-slide p {
font-size: 16px;
text-align: left;
padding: 0 20px;
}
.swiper-slide p span {
font-size: 14px;
}
.swiper-slide dl {
padding: 10px 20px;
position: absolute;
left: 0;
bottom: 0;
}
.swiper-button-prev,
.swiper-button-next {
background: rgba(255,255,255,1);
width: 28px;
height: 28px;
border-radius: 50%;
z-index: 1;
overflow: hidden;
}
.swiper-button-prev {
left: 0;
}
.swiper-button-next {
right: 0;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
background: rgba(255,255,255,.7);
transition: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
content: "";
border-top: solid 7px transparent;
border-right: solid 10px transparent;
border-bottom: solid 7px transparent;
border-left: solid 10px #000;
position: absolute;
top: 7px;
right: -2px;
}
.swiper-button-prev:after {
border-top: solid 7px transparent;
border-right: solid 10px #000;
border-bottom: solid 7px transparent;
border-left: solid 10px transparent;
right: auto;
left: -2px;
	}
.swiper-slide-prev,
.swiper-slide-next + .swiper-slide +  .swiper-slide {
opacity: 0;
transition: 2s;
}


/* #gourmet
------------------------------------------------------------ */
#gourmet {
background: url("images/bg_02.jpg") no-repeat center center;
background-size: cover !important;
background: #E9E611;
}
#gourmet .swiper-slide {
border: solid 6px #000;
}
#gourmet .swiper-slide div {
border-bottom: solid 2px #000;
}
#gourmet .swiper-slide div img {
_border-radius: 14px 14px 0 0;
}


/* #goods
------------------------------------------------------------ */
#goods {
background: url("images/bg_05.jpg") no-repeat center center;
background-size: cover !important;
background: #000;
}
#goods .swiper-container {
width: 1080px;
max-width: 100%;
padding: 0 40px;
}
#goods .swiper-slide {
padding-bottom: 70px;
_border-radius: 0;
border: solid 6px #E9E611;
_transform: skewX(-5deg);
}
#goods .swiper-slide div {
border-bottom: solid 2px #E9E611;
}
#goods .swiper-slide div img {
_border-radius: 14px 14px 0 0;
}
#goods .swiper-slide h3,
#goods .swiper-slide p,
#goods .swiper-slide dl {
_transform: skewX(5deg);
}


/* #time_schedule
------------------------------------------------------------ */
#time_schedule {
background: #E9E611;
}

/* tab */
.tab-group {
display: flex;
justify-content: space-between;
margin-bottom: 2em;
}
.tab-group.none {
display: none;
}
.tab {
flex-basis: 49%;
text-align: center;
position: relative;
}
.tab::before {
content: "";
border-style: solid;
border-width: 26px 15px 0 15px;
border-color: #E9E611 transparent transparent transparent;
position: absolute;
top: 90%;
left: 50%;
transform: translateX(-50%);
}
.tab::after {
content: "";
background: #999;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.tab:hover {
cursor: pointer;
}
.tab time {
color: #FFF;
font-size: 5rem;
line-height: 1.5;
position: relative;
z-index: 1;
}
.tab time small {
font-size: 3rem;
padding-left: .5rem;
}
.tab.is-active::before {
border-color: #000 transparent transparent transparent;
}
.tab.is-active::after {
background: #000;
}
.panel {
display: none;
}
.panel.is-show {
display: block;
}
.panel ul li {
background: #FFF;
margin-bottom: .8rem;
padding: 1.5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.panel ul li span {
font-size: 3rem;
flex-basis: 15rem;
padding: .3rem 1rem;
border-right: 1px solid #000;
}
.panel ul li span small {
font-size: 1.8rem;
font-weight: 700;
}
.panel ul li p {
flex-basis: calc(100% - 15rem);
font-size: 2rem;
font-weight: 700;
padding: .3rem 4rem .3rem 1rem;
}
.panel ul li p small {
font-size: 1.6rem;
color: red;
text-decoration: underline;
}


/* #ticket_information
------------------------------------------------------------ */
#ticket_information .sec_title {
background: url("https://89ers.bl.kuroco-img.app/v=1631171260/files/user/_/lp/game_20211002_20211003/image/bg_title.jpg") top center no-repeat;
color: #E9E611;
}


/* #roster
------------------------------------------------------------ */
#roster {
background: rgba(0,0,0,.9);
color: #FFF;
position: relative;
}
#roster:before {
content: "";
background: url("images/bg_01.jpg") no-repeat fixed;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
#roster .main_slider figure {
font-weight: bold;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#roster .main_slider figure > div {
flex-basis:	45%;
}
#roster .main_slider figcaption {
flex-basis:	45%;
}
#roster .main_slider figcaption h3 {
font-size: 2.4rem;
font-weight: bold;
}
#roster .main_slider figcaption h3 + p {
font-family: 'SENDAI89ERSFONT-Regular','League Gothic';
font-size: 1.8rem;
padding: 10px 0 20px;
}
#roster .main_slider figcaption h3 + p small {
font-size: 70%;
}
#roster .main_slider figcaption p + p {
font-size: 1.6rem;
line-height: 2;
}

#roster .thumbnail_slider .slick-track {
width: 100% !important;
display: flex !important;
flex-wrap: wrap;
transform: unset !important;
}
#roster .thumbnail_slider .slick-slide {
width: 12% !important;
margin: 10px 1%;
}
#roster .thumbnail_slider .slick-current img {
opacity: 1;
}
#roster .thumbnail_slider figure {
transition: opacity .3s linear;
}
#roster .thumbnail_slider figure div {
position: relative;
}
#roster .thumbnail_slider figure div:before {
content: "";
background: #000;
opacity: .6;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#roster .thumbnail_slider .slick-current figure div:before,
#roster .thumbnail_slider figure:hover div:before {
opacity: 0;
cursor: pointer;
}
#roster .thumbnail_slider figcaption {
color: #E9E611;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
padding: 5px;
}

#roster .slick-dots {
width: 100%;
display: flex;
justify-content: center;
bottom: -50px;
}
#roster .slick-dots li {
margin: 0 5px;
}
#roster .slick-dots li button:before {
background: #CCC;
width: 10px;
height: 10px;
}
#roster .slick-dots li button:hover:before,
#roster .slick-dots li.slick-active button:before {
background: #E9E611;
}

#roster .slick-prev,
#roster .slick-next {
background: none;
position: absolute;
z-index: 3;
top: 50%;
left: 0;
transform: translateY(-50%);
}
#roster .slick-next {
left: auto;
right: 0;
}
#roster .slick-prev:after,
#roster .slick-next:after {
content: "";
width: 14px;
height: 14px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
position: absolute;
top: 0;
right: -30px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#roster .slick-prev:after {
right: auto;
left: -30px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
	}


/* #away
------------------------------------------------------------ */
#away {
background: #000;
color: #FFF;
}
#away section.flex {
justify-content: space-between;
}
#away section.flex > div {
flex-basis: 45%;
margin: 1em auto;
}
#away section.flex > div + div {
flex-basis: 51%;
}
#away div.flex {
flex-direction: column;
justify-content: space-between;
}
#away figure {
align-items: center;
font-size: 2rem;
font-weight: bold;
margin-bottom: 1em;
}
#away figure div {
max-width: 160px;
margin-right: 1em;
}
#away .link a {
background: #FFF;
color: #000;
text-align: center;
font-size: 2rem;
font-weight: bold;
padding: 1rem;
display: block;
border: 1px solid #FFF;
border-radius: 3px;
}
#away .link a:hover {
background: none;
color: #FFF;
}


/* #details
------------------------------------------------------------ */
#details {
background: #E9E611;
}
#details section {
width: 1200px;
padding: 0 0 60px;
}
#details figure {
display: flex;
flex-wrap: wrap;
align-items: center; /* 垂直方向の中央揃え */
background: #ffffff;
margin: 100px 0;
border: 5px solid #000;
border-radius: 40px;
overflow: hidden;
}

#details figure div {
flex-basis: 50%;
border-right: 3px solid #000;
}
#details figcaption {
flex-basis: 50%;
padding: 40px;
}
#details figcaption h3 {
font-size: 30px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 30px;
}
#details figcaption p {
font-size: 16px;
}


/* .line
------------------------------------------------------------ */
.line {
background: #FFF;
text-align: center;
}


/* .ft_share
------------------------------------------------------------ */
.ft_share i {
color: #E9E611;
font-size: 4.5rem;
}
.ft_share i.fa-line,
.ft_share i.fa-tiktok {
font-size: 4rem;
}





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

/* common
------------------------------------------------------------ */
/* layout */
article section {
padding: 30px 0;
}

/* Overwrite */
.staduim_wrap h2,
#access_info h2,
#xebio_area h2 {
font-size: 4vw;
}
#navi {
height: calc(100vh - 50px);
padding: 10px 0;
}
.time_day, .time_day01, .time_day02 {
padding: 9vw 0 15vw;
}
.time_box dt {
width: 16vw;
}

/* .modal */
.modal {
align-items: flex-start;
padding-top: 8vh
}
.modal-content {
max-width: 90%;
}
.modal ul {
width: 20rem;
margin: 2rem 0;
top: auto;
bottom: 3rem;
transform: translate(-50%, 0);
}
.modal-close {
top: 1rem;
}
.modal .prev,
.modal .next {
top: auto;
bottom: -4rem;
}

/* dl */
article section dl dt {
background: #000;
font-size: 14px;
color: #FFF;
line-height: 25px;
text-align: center;
width: 50px;
height: 25px;
margin-bottom: 10px;
float: left;
clear: both;
}
article section dl dd {
font-size: 18px;
font-weight: bold;
line-height: 1.3;
padding: 2px 0 10px 60px;
}
article section dl dd em {
font-size: 20px;
font-weight: bold;
letter-spacing: .1em;
}
article section dl dd span {
font-size: 12px;
}

/* header
------------------------------------------------------------ */
#header_logo a {
font-size: 1.2rem;
line-height: 1;
letter-spacing: .08em;
gap: 10px;
}
#header_logo .logo {
width: 56px;
height: 35px;
}
#header_logo .site_title br {
display: block;
}
#navi {
height: calc(100vh - 50px);
padding: 20px 0;
}
#navi ul {
max-width: 240px;
}
#social ul li {
padding: 5px 0;
}

 
/* nav
------------------------------------------------------------ */
nav ul {
margin: 1rem auto;
}
nav li {
flex-basis: 50%;
padding: .5rem;
}
nav li a {
font-size: 2rem;
min-height: 60px;
}
nav li a::before {
width: 3vw;
height: 3vw;
}
nav li a small {
font-size: 1.2rem;
}

/* #event
------------------------------------------------------------ */
#event section {
margin: 40px auto;
border: solid 4px #E9E611;
}
#event figure {
display: block;
padding: 1rem;
}
#event figure:nth-child(even)	{
padding: calc(5vw + 1rem) 1rem calc(5vw + 1rem);
}
#event figcaption {
padding: 0;
}
#event h3 {
font-size: 22px;
}
#event p {
font-size: 14px;
}

#event2 h2.sec_title::before {
height: 2px;
}
#event2 ul.flex li {
flex-basis: 48%;
margin-bottom: 1.5rem;
border: solid 2px #E9E611;
}
#event2 ul.flex li h3 {
font-size: 14px;
padding: 10px;
}
#event-modal figure {
padding: 1rem 1rem 2rem;
display: block;
}
#event-modal figure > div {
margin-bottom: 1rem;
}
#event-modal figcaption p {
font-size: 14px;
padding: 10px;
}

/* swiper
------------------------------------------------------------ */
.swiper {
padding: 0;
}

/* #time_schedule
------------------------------------------------------------ */
/* tab */
.tab-group {
margin-bottom: 1em;
}
.tab::before {
border-width: 16px 10px 0 10px;
}
.tab time {
font-size: 2.5rem;
}
.tab time small {
font-size: 2rem;
}
.panel ul li {
padding: 1rem;
display: block;
}
.panel ul li span {
font-size: 2rem;
border-right: none;
border-bottom: 1px solid #000;
}
.panel ul li span small {
font-size: 1.5rem;
}
.panel ul li p {
font-size: 1.6rem;
margin-top: 1rem;
padding: .3rem 1rem;
}
.panel ul li p small {
font-size: 1.4rem;
}

/* #gourmet
------------------------------------------------------------ */
#gourmet .swiper-slide {
border: solid 4px #000;
}
#gourmet .swiper-slide div img {
border-radius: 16px 16px 0 0;
}

/* #goods
------------------------------------------------------------ */
#goods .swiper-slide {
border: solid 4px #E9E611;
}

/* #roster
------------------------------------------------------------ */
#roster .main_slider figure {
display: block;
padding-bottom: 30px;
}
#roster .main_slider figure > div {
max-width: 80%;
margin: 0 auto 10px;
}
#roster .main_slider figcaption h3 {
font-size: 1.8rem;
}
#roster .main_slider figcaption h3 + p {
font-size: 1.6rem;
padding: 0 0 10px;
}
#roster .main_slider figcaption p + p {
font-size: 1.4rem;
line-height: 1.5;
}
#roster .thumbnail_slider .slick-slide {
width: 23% !important;
}
#roster .thumbnail_slider figcaption {
font-size: 1rem;
font-weight: bold;
}
#roster .slick-dots {
bottom: 0;
}
#roster .slick-prev:after,
#roster .slick-next:after {
right: 0;
}
#roster .slick-prev:after {
left: 0;
}

/* #away
------------------------------------------------------------ */
#away section.flex {
display: block;
}
#away figure {
font-size: 1.4rem;
}
#away figure div {
max-width: 100px;
}
#away .link a {
font-size: 1.4rem;
}

/* #details
------------------------------------------------------------ */
#details section {
padding: 0 0 30px;
}
#details figure {
display: block;
margin: 50px 0;
border: 3px solid #000;
border-radius: 20px;
}
#details figure div {
border-bottom: 2px solid #000;
border-right: none;
}
#details figcaption {
padding: 20px;
}
#details figcaption h3 {
font-size: 18px;
margin-bottom: 20px;
}
#details figcaption p {
font-size: 14px;
}

/* .ft_share
------------------------------------------------------------ */
.ft_share ul {
padding: 0 20px;
}
.ft_share li {
margin: 0 5px;
}
.ft_share i {
color: #E9E611;
font-size: 3.5rem;
}
.ft_share i.fa-line, .ft_share i.fa-tiktok {
font-size: 3.2rem;
}

/* pagetop
------------------------------------------------------------ */
#pagetop {
bottom: 60px;
}
#pagetop a {
width: 50px;
height: 50px;
}
#pagetop a::before {
width: 15px;
height: 15px;
top: 23px;
right: 17px;
}

/* .cvWrap
------------------------------------------------------------ */
.cvWrap {
height: 60px;
}
.cv_inner {
height: 60px;
}
.cv_day01,
.cv_day02 {
display: flex;
align-items: center;
}
.cv_inner .date {
font-size: 5vw;
}
.cv_inner .date font small {
font-size: 1.4rem;
}
.cv_inner .ticket img {
height: 8vw;
}

}