@charset "utf-8";

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
トップページ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* メインビジュアルページャーをセンターに*/
.main-visual-inner{ padding-bottom: 70px !important;}
.main-visual-inner .slide-pager{
left: inherit !important;
right: 0% !important;
bottom: 0 !important;
}
.main-visual-inner .slide-pager span:last-child {margin-right: 0 !important;}
.main-visual-inner .view a{
background: rgba(50,50,50,0.9) !important;
left: -18%;
}
@media screen and (max-width: 767px) {
.main-visual-inner{ padding-bottom: 25px !important;}
.main-visual-inner .bx-controls{ bottom: -20px !important;}
}

/* 試合スケジュール PC大サイズで長く */
@media screen and (min-width: 1450px){
.tmpl_schedule_top .bx-viewport {
max-height: 840px !important;
}
}
@media screen and (min-width: 1218px){
.tmpl_schedule_top .bx-viewport {
max-height: 735px !important;
}
}
/* 試合スケジュール スマホで短く */
@media screen and (max-width: 767px){
.tmpl_schedule_top .bx-viewport {
max-height: 480px !important;
}
}
/* 試合スケジュール スマホ下矢印ずれ修正 */
@media screen and (max-width: 767px) {
.layout-game-list .game-list .bx-controls-direction .bx-next:before {
margin-left: -7px;
}
.layout-game-list .game-list .bx-controls-direction .bx-next:after {
margin-right: 7px;
margin-left: 0;
}
}

/* スマホ用成績のボタンを非表示に修正 */
@media screen and (max-width: 767px){
.tmpl_leaders_parts .bx-wrapper .bx-controls-direction {
display: none;
}
}

/* SNS スマホで横100% */
/*@media screen and (max-width: 450px){
.top-snslist li {
float: none;
width: 100%;
}
iframe#twitter-widget-0, .fb_iframe_widget > span, .fb_iframe_widget iframe {
max-height: 450px!important;
}
}*/
/* SNS フォローボタン大きく */
/*@media print, screen and (min-width: 768px){
.top-snslist .sns-header a {
font-size: 14px;
}
}*/

/* トップページイベントカレンダー */
.top-calendar{
background-color: #fff;
padding: 5px 10px;
}
.top-calendar iframe{
width: 100%;
height: 500px;
}
@media screen and (max-width: 450px) {
.top-calendar iframe{height: 300px;}
}

/* トップページYoutube */
.top-youtube{
display: flex;
justify-content: space-between;
gap: 2%;
}
.top-youtube li{
flex-basis: 100%;
margin:10px 0 0;
}
@media screen and (max-width: 450px) {
.top-youtube{flex-wrap: wrap;}
}

.rzf-youtube{
position: relative;
width:100%;
padding-top: 56.25%;
}

.rzf-youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* TOPメイン画像下 */
/* 試合情報スライド */
.block-gameinfo{
padding: 1.5em 1.5em 0.5em;
background-color: #111;
}
.top-gameinfo__wrap{
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}
.top-gameinfo__img{
max-width: 150px;
background-color: var(--primary-color);
}
.top-gameinfo__img img{
display: block;
width: 100%;
object-fit: contain;
aspect-ratio: 1/1;
}
.top-gameinfo__text{padding: 0.2em 1em;}
.top-gameinfo__text p{
font-size: 1.2em;
font-weight: 500;
color: #0b318f;
font-family: YakuHanJPs, "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.top-gameinfo__text p span{display: inline-block;}

.splide-top-gameinfo .splide__slide a {
position: relative;
transition: 0.3s;
}
.splide-top-gameinfo .splide__slide a::after {
position: absolute;
right: 18px;
bottom: 10px;
content: "";
width: 80px;
height: 12px;
border-bottom: 2px solid #0b318f;
border-right: 3px solid #0b318f;
transform: skew(50deg);
z-index: 1;
transition: 0.1s;
}
.splide-top-gameinfo .splide__slide a:hover {opacity: 0.8;}
.splide-top-gameinfo .splide__slide a:hover::after {right: 15px;}

@media screen and (min-width: 1921px) {
.top-gameinfo__img{max-width: 250px;}
.top-gameinfo__text p{font-size: 1.3em;}
}

@media screen and (max-width: 767px) {
.block-gameinfo{padding: 10px 10px 5px;}
.top-gameinfo__img{max-width: 120px;}
.top-gameinfo__text{
margin-bottom: 15px;
padding: 0.2em 0.5em;
}
.top-gameinfo__text p{
font-size: 1em;
line-height: 1.4;
}
}

@media screen and (max-width: 450px) {
.top-gameinfo__img{
max-width: 110px;
min-width: 110px;
}
.top-gameinfo__text p{font-size: 0.9em;}
}

/* ページネーション */
.splide-top-gameinfo .splide__pagination {
position: static!important;
margin-top: 0.5em!important;
}
.splide-top-gameinfo .splide__pagination__page {
background: #7d7d7d!important;
border-radius: 0!important;
opacity: 1!important;
}
.splide-top-gameinfo .splide__pagination__page.is-active {transform: none;}
.splide-top-gameinfo .splide__pagination__page.is-active {background-color: #fff!important;}

/* 前後へ進むボタン */
.splide-top-gameinfo .splide__arrow {top: 45%;}
.splide-top-gameinfo .splide__arrow--next {right: -15px;}
.splide-top-gameinfo .splide__arrow--prev {left: -15px;}
@media screen and (max-width: 767px) {
.splide-top-gameinfo .splide__pagination {margin-top: 3px!important;}
.splide-top-gameinfo .splide__arrow--next {right: -7px;}
.splide-top-gameinfo .splide__arrow--prev {left: -7px;}
}

/* スポンサースライド */
.top-principal-slide, .top-sponsor-slide{
width: 100%;
background-color: #ffffff;
padding: 10px 10px;
text-align: center;
box-sizing: border-box;
}
/*.top-sponsor-slide{padding: 0 10px 20px;}*/
.top-principal-slide .bx-wrapper, .top-sponsor-slide .bx-wrapper{max-width: 100%!important;}
.top-principal-slide .bx-wrapper ul, .top-sponsor-slide .bx-wrapper ul{
display: flex;
align-items: center;
}
.top-principal-slide .bx-wrapper li img, .top-sponsor-slide .bx-wrapper li img{
width: 100px;
max-height: 40px;
vertical-align: bottom;
object-fit: contain;
}
.top-principal-slide .bx-wrapper li img{
width: 120px;
max-height: 50px;
}
.top-principal-slide .bx-wrapper li p{
margin: 0;
margin-top: 3px;
line-height: 1.4;
}
.top-principal-slide .bx-wrapper li a, .top-sponsor-slide .bx-wrapper li a{
display: block;
width: 100%;
height: 100%;
color: inherit;
}
.top-principal-slide li, .top-sponsor-slide li {display: none;}
.top-principal-slide .bx-wrapper li, .top-sponsor-slide .bx-wrapper li {display: block !important;}

@media screen and (max-width: 767px){
.top-principal-slide .bx-wrapper .bx-controls-direction, .top-sponsor-slide .bx-wrapper .bx-controls-direction {
display: none;
}
}