/*top font:Anton,Ubuntu,Racing Sans One,Oswald,Big Shoulders Display,Shrikhand*/
#topSrch_wrap{
    width:100%;
    margin: 25px auto 0;
    padding: 15px 0;
}
.topSrch{
    width: 75%;
    margin: 0 auto;
    background-color: #fff;
    padding: 1em 1.5em;
    border-radius: 20px;
}
.topSrch input{
    font-size: 16px;
    width: calc(100% - 2em);
    border: none;
    outline: none;
}
.topSrch::before{
    font-family: 'Font Awesome 6 Free';
    content: "\f002";
    font-weight: 900;
    font-size: 16px;
    color: #999;
    margin-right: 0.5em;
}
#topWrap{
    width: 100%;
    margin: 25px auto 0;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
}
.topSec{    
    border-radius: 5px;
    margin: 0;
}
.topNews_sec,.topChamp_sec,.topAEW_sec,.topBan_sec{background-color: #2e2d32;}
.topSec.pad15{padding: 20px;}
.topRslt_sec,.topPPV_sec,.topSche_sec,.topNxtPPV_sec{margin: 0;}
.topNews_sec,.topBirth_sec,.topChamp_sec,.topBan_sec{margin: 0 0 25px;}
.topTube_box,.topAEW_sec {margin: 0 15px 25px;}

.topGrid{display: contents;}
.topSec.topNews_sec{order: 1;}
.topSec.topChamp_sec{order: 7;}
.topSec.topTube_box{order: 9;}
.topSec.topBan_sec{order: 10;}
.topSec.topRslt_sec{order: 5;}
.topSec.topPPV_sec{order: 6;}
.topSec.topAEW_sec{order: 8;}
.topSec.topBirth_sec{order: 2;}
.topSec.topSche_sec{order: 3;}
.topSec.topNxtPPV_sec{order: 4;}
.topSec.topG_sec{order: 11;}

.topSec_ttl{    
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 1em 0;
}
.topSec_ttl.goldText,.topSec_ttl.redText,.topSec_ttl.blueText{background-color: #b57722;}
.imgLoad{
    background-image: url(../images/loading.svg);
    background-repeat: no-repeat;
    background-position: center center;    
}
.topSec_btn{
    display: block;
    width: 80%;
    margin: 0 auto;
    background: linear-gradient(to bottom, #777 50%, #666 50%);
    background-color: #666;
    padding: 1.25em 0;
    border-radius: 5px;
    text-align: center;
    font-family: serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    transition: 0.2s;
}
@media (hover: hover) {
    .topSec_btn:hover{
    transform: translateY(1px);
    box-shadow: 2px 2px 2px #333 inset;
    }
}

/*Leftカラム*/
.topMenu li{    
    border-bottom: solid 1px #111;
}
.topMenu li a{
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    box-sizing: border-box;
    padding: 1.5em 0 1.5em 3.5em;
    transition: 0.3s;
}
@media (hover: hover) {
    .topMenu li a:hover{
    background-color: #444;
    transform: translateY(-1px);
    }
}
.topMenu li a::before{
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #fff;
    padding-right: 1em;
}
#topNews{
    padding: 20px;
}
#topNews li{
    margin-bottom: 15px;
    font-style: italic;
    border-bottom: dashed 1px #999;
    padding-bottom: 5px;
}
#topNews li:last-child{margin-bottom: 0;}
#topNews li .topNews_date{
    color: #aaa;
    font-size: 10px;
    margin-bottom: 3px;
}
#topNews li a{
    display: block;
    color: #b57722;
    font-size: 11px;
    line-height: 1.4em;
    padding-left: 1em;
}
@media (hover: hover) {
    #topNews li a:hover{
    color: darkgoldenrod;
    text-decoration: underline;
    }
}
#topNews li a br{display: none;}
#topN_link{
    padding-bottom: 20px;
}
#topChamp{
    padding: 20px;
}
.topC_belt{
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    text-align: center;
    background-color: #111;
    padding: 8px 0;
}
.topC_belt span{
    background: linear-gradient(90deg, darkgoldenrod, gold, white);
    background: -webkit-linear-gradient(90deg, darkgoldenrod, gold, white);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 5px darkgoldenrod;
}
#topChamp li{
    background-color: #fff;
}
.topC_name{
    font-family: "Ubuntu", sans-serif;
    font-size: 12px; 
    color: #111;   
    font-weight: normal;
    text-align: right;
    line-height: 1.5em;
    padding: 5px 1em;
}
.topC_name a{
    color: #69787f;
    text-decoration: underline;
}
@media (hover: hover) {
    .topC_name a:hover{color: #0e77d0;}
}
.topC_name.topC_tag a{font-size: 10px;}

#topLink_img{
    width: 50%;
    margin: 0 25% 20px;    
}
#topLink_list{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
#topLink_list li{
    text-align: center;
}
#topLink_list li a{
    color: #fff;
    font-size: 18px;
    padding: 5px;
    transition: 0.3s;
}
@media (hover: hover) {
    #topLink_list li a:hover{color: #aaa;}
}
.topTube_box{line-height: 0;}
.topTube{
    width: 100%;
    aspect-ratio: 16 / 9;
}
#topBan{padding: 20px;}
#topBan li{margin-bottom: 15px;}
#topBan li:last-child{margin-bottom: 0;}
#topBan li a{transition: 0.2s;}
@media (hover: hover) {
    #topBan li a:hover{opacity: 0.6;}
}
#topBan li a img{
    width: 100%;
    border-radius: 5px;
}
/*Centerカラム*/
.topResult{
    background-color: #b51128;
    padding: 20px;
}
.topResult .topR_list{
    border: solid 3px #fff;
    padding: 15px;
    margin-bottom: 20px;
}
.topResult .topR_ppv_list{
    border: solid 3px gold;
    background-color: #111111cc;
    box-shadow: 0 0 8px #111;
    padding: 15px;
    margin-bottom: 20px;
}
.topResult li:last-child{margin-bottom: 0;}
.topResult li .topR_img{
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: visible;
    background-color: #980100;
    margin-bottom: 8px;
}
.topResult li .topR_img img{
    width: 100%;
    box-shadow: 0 3px 5px #111;
    filter: grayscale(0.6);
    transition: 0.2s;
}
@media (hover: hover) {
    .topResult li .topR_img:hover img{
        box-shadow: 0 1px 3px #222;
        transform: translateY(1px);
        filter: grayscale(0);
    }
}
.topR_date, .topR_event{
    font-family: 'Racing Sans One', 'cursive';
    text-align: right;
}
.topR_date{
    font-size: 12px;
    color: #ccc;
    margin-bottom: 3px;
}
.topR_list .topR_event{
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
}
.topR_ppv_list .topR_event{
    font-size: 16px;
    color: gold;
    text-shadow: 0 0 10px gold;
    margin-bottom: 8px;
}
.topR_event span{
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    font-style: italic;
}
.topR_event span::before,.topR_event span::after{content: " - ";}
.topR_place{
    font-family: "Ubuntu", sans-serif;
    font-size: 9.5px;
    color: #ccc;
    font-style: italic;
    text-align: center;
    line-height: 1.4em;
    margin-bottom: 1em;
}
.topR_place span{letter-spacing: 0.5px;}
.topR_btn{
    display: block;
    width: 80%;
    padding: 1.25em 1em;
    margin: 0 auto;
    border-radius: 5px;
    background: linear-gradient(to bottom, #b57722 50%, #9f681a 50%);
    background-color: #b57722;
    color: #fff;
    font-family: serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    transition: 0.2s;
}
@media (hover: hover) {
    .topR_btn:hover{
        transform: translate(1px, 1px);
        background: linear-gradient(to bottom, #b57722 50%, #9f681a 50%);
        box-shadow: 2px 2px 2px #222 inset;
    }
}
.topR_link{
    padding-bottom: 15px;
    background-color: #b51128;
}

/*Rightカラム*/
.topBirthday{background-color: #111;}
.topBirthday li{
    padding: 10px;
    background-color: lightcoral;
    border-radius: 5px;
    margin: 0 15px 25px;
    display: flex;
    flex-flow: row wrap;
    align-items:center;
}
.topBirthday li:last-child{margin: 0 15px;}
.topB_img{
    box-sizing: border-box;
    width: 25%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: solid 4px #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px #111;
    background-color: #0e77d0;
}
.topB_img img{width: 100%;}
.topB_right{
    box-sizing: border-box;
    width: 75%;
    padding: 0 1em;
    font-style: italic;
}
.topB_txt{
    font-family: "Oswald", sans-serif;
    font-size: 16px;    
    color: crimson;
}
.topB_name{
    font-family: "Ubuntu", sans-serif;
    font-size: 12.5px;
    color: #111;
    font-weight: normal;
    text-indent: 0.5em;
    margin: 8px 0 5px;
}
.topB_age{
    font-family: 'Racing Sans One', 'cursive';
    font-size: 14px;
    text-align: right;
    opacity: 0.8;
}
.topB_age::before{
    content: "Age:";
    margin-right: 0.5em;
}
.topSche{
    background-color: #00134b;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px;
}
.topSche p{text-align: center;}
.topSche_date{
    background: linear-gradient(to bottom, #b57722 50%, #9f681a 50%);
    background-color: darkgoldenrod;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
.topSche_img{
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin-bottom: 15px;
    background-color: #555;    
}
.topSche_img img{
    width: 100%;
    aspect-ratio: 16 / 9;
    transform: scale(1.0);
    transition: 0.3s;
}
@media (hover: hover) {
    .topSche_img:hover img{transform: scale(1.1);}
}
.topSche_event{
    color: darkgoldenrod;
    font-family: "Big Shoulders Display", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.2px;
    padding-bottom: 10px;
    border-bottom: ridge 2px darkgoldenrod;
    margin-bottom: 10px;
}
.topSche_place{
    line-height: 1.4em;
    font-size: 12px;
    color: #aaa;
    margin-bottom: 10px;
}
.topSche_place span{
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.topG_sec{margin: 0 10% 25px;}
#topGoods li{
    background-color: #fff;
    border-bottom: solid 1px #111;
}
#topGoods li a{
    display: block;    
    padding: 15px 20px;    
    transition: 0.3s;
}
@media (hover: hover) {
    #topGoods li a:hover{background-color: #ddd;}
}
.topG_img{
    width: 90%;
    margin: 0 auto 1em;
    aspect-ratio: 1 / 1;
}
.topG_img img{
    width: 100%;
    transform: scale(1.0);
    transition: 0.3s;
}
@media (hover: hover) {
    #topGoods li a:hover .topG_img img{transform: scale(1.1);}
}
#topGoods li a p{ 
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
}
.topG_name{
    font-size: 12px;
    color: #111;
    margin-bottom: 0.5em;
}
.topG_price{
    font-family: "Shrikhand", serif;
    font-size: 16px;
    color: #b57722;
    font-weight: bold;
    letter-spacing: 1px;
}
#topG_link{
    padding: 15px 0;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


/*news font:Anton,Ubuntu,Oswald*/
.newsSlide_date{
    display: inline-block;
    background-color: #2e2d32;
    padding: 0.25em 1.5em;
    border-radius: 5px;
    font-size: 9px;
    color: #e6e6e6;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}
.newsSlide_ttl{
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    line-height: 1.2em;
}
@media (hover: hover) {
    .newsSlide_ttl:hover{
        color: #0e77d0;
        text-decoration: underline;
    }
}
.newsSlide_ttl br{display: none;}
#newsList li{
    background-color: #e6e6e6;
    color: #111;
    padding: 15px;
    filter: drop-shadow(3px 3px 3px #666);
    position: relative;
    transform: translateZ(0);
}
.news_date{
    font-family: 'Times New Roman',serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    border-top: double 3px #111;
    border-bottom: double 3px #111;
}
.news_ttl{
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 600;
    min-height: 45px;
    margin: 10px 0;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.news_ttl a{
    color: #111;
    line-height: 1.2em;
    position: relative;
    z-index: 10;
}
@media (hover: hover) {
    .news_ttl a:hover{
        color: #0e77d0;
        text-decoration: underline;
        text-underline-offset: 3px;
    }
}
.news_img{
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #666;
    overflow: hidden;
    position: relative;
}
.news_img img{
    width: 100%;
    filter: saturate(20%);
}
.news_img a{
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    background-color: #9f681a;
    white-space: nowrap;
    padding: 1em 3em;
    border-radius: 20px;
    box-shadow: 0 0 10px 5px #111;
    display: inline-block;
    position: absolute;
    top: 50%; left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    will-change: background-color;
    transition: background-color 0.2s ease;
}
@media (hover: hover) {
    .news_img a:hover{
        background-color: darkgoldenrod;
    }
}
.news_imgFade{
    width: 100%;
    height: 20%;
    background: linear-gradient(transparent, #e6e6e6);
    position: absolute;
    bottom: 0; left: 0;
}
#loadMoreBtn {
    display: block;
    margin: 50px auto 0;
    padding: 0.75em 3em;
    background-color: #2e2d32;
    font-family: "Oswald", sans-serif;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;    
    width: fit-content;
    transition: background-color 0.3s ease;
}
@media (hover: hover) {
    #loadMoreBtn:hover {background-color: #444;}
}



/*goods font:Anton,Ubuntu,Oswald,Shrikhand*/
#goods_hd_link{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 25px 0;
}
#goods_hd_link li{
    width: 80%;
    margin-bottom: 1.5em;
}
#goods_hd_link li:last-child{margin-right: 0;}
#goods_hd_link li a{
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.5px;
    padding: 1em 1em 1em 2em;
    border-radius: 5px;
    background-color: #9f681a;
    background: linear-gradient(to bottom, #b57722 50%, #9f681a 50%);
    transition: 0.2s;
}
@media (hover: hover) {
    #goods_hd_link li a:hover{
        background-color: darkgoldenrod;
        transform: translateY(1px);
    }
}
#goods_hd_link li a i{margin-right: 0.5em;}
#goodsList li{
    background-color:#fff;
    color: #111;
    padding: 20px 15px;
    border-radius: 5px;
    display: grid;
}
#goodsList .imgLoad{background-image: none;}
.goods_img{
    box-sizing: border-box;
    display: block;
    width: 90%;
    aspect-ratio: 1 / 1;
    background-color: #fff;
    padding: 10px;
    margin: 0 auto 1em;
    overflow: hidden;
    order: 2;
}
.goods_img img{
    width: 100%;
    transform-origin: center 30%;
    transition: 1.0s;
}
@media (hover: hover) {
    .goods_img:hover img{transform: scale(1.8);}
}
.goods_namme{
    text-align: center;
    font-size: 12px;
    line-height: 1.4em;
    order: 3;
}
.goods_price{
    text-align: center;
    font-family: "Shrikhand", serif;
    font-size: 16px;
    color: #b57722;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 15px;
    order: 4;
}
.goods_link{
    text-align: center;
    order: 1;
    margin-bottom: 10px;
}
.goods_link a{
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.5px;
    background-color:#0e77d0;
    background: linear-gradient(to bottom, #0e77d0 50%, #0b67b6 50%);
    padding: 1em 0;
    border-radius: 20px;
}
@media (hover: hover) {
    .goods_link a:hover{
        background-color: #666;
        transform: translateY(2px);
    }
}


/*schedule font:Anton,Ubuntu,Big Shoulders Display*/
@media (hover: hover) {
    .scheSlide a:hover{
        opacity: 0.7;
    }
}
#scheList li{
    background-color: #2e2d32;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
.sche_date{
    background: linear-gradient(to bottom, #b57722 50%, #9f681a 50%);
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0.75em 1em;
}
.sche_img{
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #666;
    overflow: hidden;
}
.sche_img img{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.sche_event{
    color: darkgoldenrod;
    font-family: "Big Shoulders Display", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.2px;
    padding-bottom: 8px;
    border-bottom: ridge 2px darkgoldenrod;
    margin: 10px 0;
}
.sche_venue{
    font-family: "Anton", sans-serif;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: 1.4em;
    margin-bottom: 20px;
}
.sche_venue span{
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    color: #999;
    letter-spacing: 0;
}
.sche_link{
    display: inline-block;
    color: #fff;
    font-family: 'Times New Roman',serif;
    font-size: 12px;
    font-weight: bold;
    color: lightblue;
    letter-spacing: 0.5px;    
    background-color: #0e77d0;
    background: linear-gradient(to bottom, #0e77d0 50%, #0b67b6 50%);
    padding: 1em 3em;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #111;
    margin-bottom: 5px;
}
@media (hover: hover) {
    .sche_link:hover{
        background-color: #0b67b6;
        transform: translateY(2px);
    }
}


/*roster font:Anton,Ubuntu,Oswald*/
#roster-filter{
    margin-top: 50px;
}
#filter-list{
    display: flex;
    flex-wrap: row nowrap;
    justify-content: flex-start;
    column-gap: 10px;
    overflow-x: scroll;
    padding: 0 10px;
}
.filter-link {
    display: inline-block;
    padding: 1.25em 2em;
    background: #f0f0f0;
    background-image: url(../images/whxgr.jpg);
    background-repeat: repeat-x;
    background-position: center;
    font-family: "Oswald", sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #111;
    white-space: nowrap;
    border-radius: 5px;
    transition: all 0.3s ease;
    
}

.filter-link.active {
    background: #0e77d0;
    color: white;
}
@media (hover: hover) {
    .filter-link:hover {
        background: #ddd;
        color: #000;
    }
    .filter-link.active:hover {
        background: #005a8a;
        color: white;
    }
}
#rostList{
    margin-top: 25px;
    padding: 0 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}
#rostList li{
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
.rost_img{
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background-color: #69787f;
    line-height: 0;    
}
.rost_img a{line-height: 0;}
.rost_img img{
    width: 100%;
    transition: 0.2s;
}
@media (hover: hover) {
    .rost_img a:hover img{
        filter: saturate(30%);
    }
}
.rost_name{
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    padding: 5px 0 10px;
    position: absolute;
    top: 5px; right: 5px;
}
.rost_name h3{
    font-size: 16px;
    color: #ffffff33;
    letter-spacing: 0.5px;
    -webkit-text-stroke: 1px #fff;
    text-shadow:
        1px 1px 5px #111,
        -1px 1px 5px #111,
        -1px -1px 5px #111,
        1px -1px 5px #111;
    line-height: 1.2em;
}
.rost_name .rost_tagname{
    margin-right: 2px;
    font-size: 11px;
    color: #ffffff99;
    text-shadow:
        1px 1px 0 #111,
        -1px 1px 0 #111,
        -1px -1px 0 #111,
        1px -1px 0 #111;
}
.rost_name .rost_tagname::before{content: "- ";}
.rost_name .rost_tagname::after{content: " -";}
.rost_champ{
    position: absolute;
    top: 3px; left: 0;
    font-size: 9px;
    color: gold;
    font-weight: bold;
    text-shadow: 0 0 5px gold;
    background-color: #111111cc;
    padding: 0.5em 1em;
    transform: scale(0.8);
}
.rost_champ::before{
    font-family: 'Font Awesome 6 Free';
    content: '\f521';
    font-weight: 900;
    padding-right: 0.5em;
}


/*rsults font:Anton,Ubuntu,Racing Sans One*/
#rsltSlide li{
    position: relative;
}
.rsltSlide_img{
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #69787f;
}
.rsltSlide_img img{width: 100%;}
.slick-active .rsltSlide_txt{visibility: visible;}
.rsltSlide_txt{
    visibility: hidden;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    background-color: #111111aa;
    position: absolute;
    bottom: 0; left: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.rsltSlide_date{
    font-family: 'Racing Sans One', cursive;
    font-size: 12px;
}
.rsltSlide_ttl{
    font-family: 'Racing Sans One', cursive;
    font-size: 18px;
    color: gold;
    font-weight: normal;
    text-shadow: 0 0 5px gold;
}
.rsltSlide_place{
    font-size: 9.5px;
    font-style: italic;
    letter-spacing: 1px;
    color: #aaa;
    margin-top: 0.5em;
}
.rsltSlide_txt_l{
    box-sizing: border-box;
    width: 80%;
}
.rsltSlide_txt_r{
    width: 20%;
    display: flex;
    flex-flow: row wrap;
    justify-content: right;
    gap: 5px;
}
.rsltSlide_txt_r p{width: 100%;}
.rsltSlide_txt_r a{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Times New Roman',serif;
    font-size: 8.5px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: center;
    background-color: #0e77d0;
    width: 100%;
    padding: 1em 0;
    border-radius: 5px;
    box-shadow: 2px 2px #111;
}
@media (hover: hover) {
    .rsltSlide_txt_r a:hover{
        transform: translateY(1px);
        background-color: #0b67b6;
        box-shadow: 2px 2px 2px #333 inset;
    }
}
.yearJump_list,.monthJump_list{
    box-sizing: border-box;
    width: 100%;
    padding: 0 25px;
    display: grid;    
}
.yearJump_list{
    margin: 0 auto 40px;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em 1em;
}
.monthJump_list{
    margin: 0 auto 50px;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.5em 0.5em;
}
.yearJump_list a{
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    border-bottom: solid 2px #666;
    padding: 0.25em 0.5em;
    transition: 0.2s;
}
.yearJump_list a.active{
    pointer-events: none;
    color: #0e77d0;
    border-bottom: solid 2px #0e77d0;
}
.yearJump_list a::before{
    content: "▶";
    margin-right: 0.25em;
}
.yearJump_list a.active::before{content: "▼";}
@media (hover: hover) {
    .yearJump_list a:hover{
        color: #ccc;
        border-bottom: solid 2px #ccc;
    }
    .yearJump_list a:hover::before{content: "▼";}
}
.monthJump_list li a{
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    color: #111;
    font-weight: 500;
    text-transform: uppercase;
    background-image: url(../images/whxgr.jpg);
    background-repeat: repeat-x;
    background-position: center;
    padding: 0.25em 1em;
    border-radius: 5px;
    transition: 0.3s;
}
.monthJump_list li a.not_link{
    opacity: 0.2;
    cursor: default;
}
@media (hover: hover) {
    .monthJump_list li a:hover{
        color: darkgoldenrod;
        box-shadow: 0 0 10px gold;
    }
    .monthJump_list li a.not_link:hover{
        color: #111;
        box-shadow: 0 0 0;
    }
}
[id^="jump_"] {scroll-margin-top: 60px;}
#rsltList .rslt_box{
    border: ridge 2px #fff;
    padding: 10px;
}
#rsltList .rslt_ppv{
    background: linear-gradient(#00134b, #ffffff11);
    border: ridge 3px darkgoldenrod;
    padding: 10px;
}
.rslt_date{
    font-family: 'Racing Sans One', cursive;
    font-size: 12.5px;
    color:#ccc;
    text-align: right;
    background-color:#2e2d32;
    padding: 0.5em 1em;
}
.rslt_ttl{
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
    background-color: #69787f;
    padding: 0.5em 10px;
}
.rslt_ppv .rslt_ttl{
    background-color: #111;
    color: gold;
    text-shadow: 0 0 5px gold;
}
.rslt_ttl span{
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    color: #ccc;
    font-style: italic;
}
.rslt_ttl span::before,.rslt_ttl span::after{
    content: "-";    
    padding: 0 0.25em;
}
.rslt_img{
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #ccc;
}
.rslt_img a img{
    width: 100%;
    filter: saturate(100%);
    transition: 0.2s;
}
@media (hover: hover) {
    .rslt_img a:hover img{filter: saturate(100%);}
}
.rslt_macth{
    font-size: 9.5px;
    padding: 1em;    
    margin-bottom: 1em;
    min-height: 7em;
}
.rslt_box .rslt_macth{
    color: #666;
    background-color: #ccc;
    box-shadow: 3px 3px 5px #333 inset;
}
.rslt_ppv .rslt_macth{
    color: #ccc;
    background-color: crimson;
    box-shadow: 3px 3px 5px #111 inset;
}
.rslt_macth li{
    list-style: disc;
    line-height: 1.5em;
    margin-left: 1.5em;
}
.rslt_macth li.yes{list-style: none;}
.rslt_macth li.yes::after{content: "...and more";}
.rslt_macth li.none{display: none;}
.rslt_place{
    font-size: 10px;
    color: #aaa;
    font-style: italic;
    text-align: center;
    line-height: 1.6em;
    margin-bottom: 15px;
}
.rslt_link{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.rslt_link a{
    box-sizing: border-box;
    width: 48%;
    padding: 1em 0;
    background-color: #b57722;
    background: linear-gradient(to bottom, #b57722 50%, #9f681a 50%);
    border-radius: 5px;
    font-family: 'Times New Roman',serif;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    transition: 0.3s;
}
@media (hover: hover) {
    .rslt_link a:hover{
        color: #ccc;
        background-color: #9f681a;
        transform: translateY(2px);
    }
}


/*history font:Anton,Ubuntu,*/
.histYear_wrap{
    display: flex;
    justify-content: space-between;
    color: #e6e6e6;
    padding: 0 10px;
}
.hist_year{
    font-family: 'Impact', 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;
    font-size: 20px;
    color: #0e77d0;
    width: 16%;
    position: relative;
    top: -12px;
    margin-top: 12px;
}
.histYear_wrap:first-of-type .hist_year::before{
    content: "";
    background-color: #111;
    width: 5px;
    height: 20px;
    position: absolute;
    top:-6px; right: -3px;
}
.histYear_wrap .hist_year::before{
    content: "";
    background-color: #0e77d0;
    height: 20px;
    position: absolute;
    right: -3px;
}
.hist_tbl{
    box-sizing: border-box;
    width: 84%;
    border-left: solid 3px #0e77d0;
    font-size: 12.5px;    
    padding-top: 3px;
}
.hist_tbl.dotsLine{
    border-left: dotted 3px #0e77d0;
    height: 60px;
    margin-top: 3px;
}
.hist_tbl th,.hist_tbl td{
    vertical-align: top;
}
.hist_tbl th{
    box-sizing: border-box;
    width: 26%;
    position: relative;
}
.hist_tbl th span{
    background-color: #0e77d0;
    font-size: 9px;
    padding: 0.35em 1em;
    border-radius: 15px;
}
.hist_tbl th::after{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #0e77d0;
    border-radius: 50%;
    position: absolute;
    top: 3px; left: -7px;
}
.hist_tbl td{
    box-sizing: border-box;
    width: 74%;
    padding: 0.35em 0 30px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.8em;
    position: relative;
    top: -5px;
}
.hist_tbl td a{
    color: #d29f22;
    text-decoration: underline;
}
@media (hover: hover) {
    .hist_tbl td a:hover{
        opacity: 0.6;      
    }
}


/*champion font:Anton,Ubuntu,Oswald*/
.swipe_img{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.champSwipe_txt{
    width: 100%;
    position: absolute;
    bottom: 30px; left: 50%;
    font-family: "Anton", sans-serif;
    text-shadow: 0 0 5px #111;
}
.swiper-slide .champSwipe_txt{
    transform: translate(-50%, 30px);
    opacity: 0;
    transition: 0.3s;
}
.swiper-slide-active .champSwipe_txt{
    transform: translate(-50%, 0);
    opacity: 1.0;
}
.champSwipe_ttle{
    font-size: 16px;
    color: gold;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}
.champSwipe_name{
    font-size: 28px;
    font-weight: normal;
}
#champJump_list{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 1em;
    margin: 0 15px 50px;
}
#champJump_list li a{
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    color: #111;
    font-weight: bold;
    padding: 0.75em 2em;
    border-radius: 5px;
    background-color: #aaa;
    background-image: url(../images/whxgr.jpg);
    background-repeat: repeat-x;
    background-position: center;
    transition: 0.3s;
}
@media (hover: hover) {
    #champJump_list li a:hover{
        box-shadow: 3px 3px 8px #111 inset;
        transform: translateY(1px);
    }
}
.champList{
    margin-bottom: 20vh;
    scroll-margin-top: 6em;
}
.champ_ttl{
    font-family: "Anton", sans-serif;
    font-size: 18px;
    color: #b57722;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.5px;
    line-height: 1.2em;
    border-bottom: solid 1px #b57722;
    padding: 0 0.5em 0.5em;
    margin: 0 15px 30px;
}
.champ_ttl span{
    display: block;
    font-size: 14px;
    opacity: 0.7;
    margin-top: 5px;
}
.champHist_wrap{
    box-sizing: border-box;    
    width: 100%;
}
.champCurrent_box{
    box-sizing: border-box;
    width: calc(100% - 90px);
    margin: 0 45px;
    text-align: center;
}
.champ_hd{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background-color: #b57722;
    background: linear-gradient(to bottom, #b57722 50%, #9f681a 50%);
    padding: 1em 0.5em;
    border-radius: 5px 5px 0 0;
    border: groove 6px #666;
}
.champ_data{
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 24px);
    padding: 15px 30px;
    background-color: #2e2d32;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px;
}
.champ_img{
    display: none;
    width: 70%;
    aspect-ratio: 3 / 4;
    background-color: #666;
    line-height: 0;
    margin: 0 auto;
}
.champ_team .champ_img{
    width: 100%;
    aspect-ratio: 4 / 3;
}
.champ_img img{width: 100%;}
.champ_date{
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    background-color: #0e77d066;
    padding: 0.75em 2em;
    border-radius: 5px;
    margin-bottom: 1em;
}
.champ_name{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    box-sizing: border-box;
    padding: 10px 0 1em;
    margin-bottom: 15px;
    border-bottom: groove 3px #222;
}
.champ_name span{
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    color: #999;
    line-height: 1.8em;
}
.champ_event{
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: darkgoldenrod;
}
.champ_days{
    font-family: "Anton", sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    border-top: groove 3px #222;
    padding-top: 15px;
    margin-top: 15px;
}
.champ_days::after{
    content: "DAYS";
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-left: 0.25em;
}
.champHist_list{
    box-sizing: border-box;
    width: 100%;
}
.champHist_list li{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 1em 15px;    
    font-family: "Ubuntu", sans-serif;
    font-size: 10.5px;
}
.champHist_list .list_even{background-color: #2c3e46;}
.champHist_list .list_even:nth-child(even){background-color: #232d34;}
.champHist_list .interim, .champHist_list .vacated{
    background-color: #520000;
    color: #aaa;
}
.champHist_no{
    width: 15%;
    margin-bottom: 5px;
}
.champHist_name{
    width: 60%;
    font-weight: normal;
    margin-bottom: 5px;
}
.champHist_name span{
    display: block;
    font-size: 9.5px;
    color: #aaa;
    margin-top: 5px;
}
.champHist_date{
    width: 25%;
    margin-bottom: 5px;
}
.champHist_event{
    box-sizing: border-box;
    width: 80%;
    padding: 0 1em;
    color: #aaa;
    text-align: right;
}
.champHist_event a{
    color:darkgoldenrod;
    line-height: 1.6em;
}
.champHist_list .interim .champHist_event{color: #aaa;}
@media (hover: hover) {
    a.champHist_event:hover{color: gold;}
    .champHist_list .interim a.champHist_event:hover{color: darkgoldenrod;}
}
.champHist_days{
    width: 20%;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: right;
}
.champHist_days::after{
    content: " DAYS";
    font-size: 9px;
    color: #aaa;
}
.champHist_list .vacated .champHist_days{display: none;}
.contiCl_box{
    grid-column-start: 1;
    grid-column-end: 6;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    margin: 10px 0 0;
    line-height: 2em;
    font-size: 10.5px;
    color: #ccc;
}
.contiCl_box.contiCl_blue{background-color:#4682b466;}
.contiCl_box.contiCl_gold{background-color: #daa52033;}
.contiCl_box.contiCl_wh{
    background-color: #ffffff33;
    line-height: 1.6em;
}
.contiCl_box b{color: #fff;}
.contiCl_link{
    display: inline-block;
    background-color: #0e77d0;
    font-size: 9px;
    color: #fff;
    letter-spacing: 0.5px;
    text-decoration: underline;
    padding: 0.5em 2em;
    border-radius: 5px;
    margin-left: 1em;
    box-shadow: 1px 1px 3px #333;
}


/*fullvideo font:Anton,Ubuntu,*/
.fullV_list{
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 5px;
    margin-top: 5px;
}
.fullV_list li{
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #444;
    line-height: 0;
    position: relative;
}
.fullV_list li img{
    width: 100%;
}
.fullV_list li .fullV_btn, .star5V_btn, .respV_btn{
    cursor: pointer;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url(../images/youtubePlayBtn.png);
    background-size: cover;
    position: absolute;
    top:0; left: 0;
    filter: saturate(0.9);
    transition: 0.25s;
}
@media (hover: hover) {
    .fullV_list li .fullV_btn:hover, .star5V_btn:hover, .respV_btn:hover{
        opacity: 1.0;
        transform: scale(1.05);
        filter: saturate(1);
    }
}
.fullV_list li .fullV_txt{
    background-color: #ffffffaa;
    font-size: 10px;
    color: #111;
    padding: 5px 0;
}


/*5star font:Anton,Ubuntu,oswald*/
.star5_box{
    margin-bottom: 75px;
}
.star5_ttl{
    font-size: 18px;
    color: darkgoldenrod;
    letter-spacing: 1px;
    margin: 0 15px 25px;
    padding: 0 0.5em 10px;
    border-bottom: solid 2px darkgoldenrod;
}
.star5_ttl .star25{   
    background: linear-gradient(to right, darkgoldenrod 25%, #111 25%); 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.star5_ttl .star50{   
    background: linear-gradient(to right, darkgoldenrod 50%, #111 50%); 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.star5_ttl .star75{   
    background: linear-gradient(to right, darkgoldenrod 75%, #111 75%); 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.star5List li{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.star5_imgBox{width: 50%;}
.star5_img{
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #111;
    line-height: 0;
    position: relative;
}
.star5_img img{width: 100%;}
.star5_txt{
    box-sizing: border-box;
    width: 50%;
    background-color: #fff;
    box-shadow: 8px 0 3px -3px #333 inset;
    padding: 10px 15px;
    font-family: "Oswald", sans-serif;
    color: #111;
}
.star5_date{
    font-size: 9px;
    color: #444;
    font-style: italic;
    line-height: 1.4em;
    margin-bottom: 1em;
    padding: 0 0.5em 0.5em;
    border-bottom: solid 1px #aaa;
}
.star5_date a{
    color: #0e77d0;
    letter-spacing: 0.5px;
    margin-left: 0.5em;
    transition: 0.2s;
}
.star5_date a::before{content: "“";}
.star5_date a::after{content: "”";}
@media (hover: hover) {
    .star5_date a:hover{        
        color: #b57722;
    }
}
.star5_match{    
    font-size: 10px;
    font-weight: normal;
    line-height: 1.4em;
}
.star5_match span{
    display: none;
    font-size: 9px;
    color: #666;
}



/*resultsPage*/
.resp_date{
    font-family: 'Racing Sans One', 'cursive';
    font-size: 18px;
    color: darkgoldenrod;
    text-align: center;
    margin-bottom: 10px;
}
#resp_ttl{
    font-family: "Anton", sans-serif;
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-align: center;
    border-bottom: solid 1px #aaa;
    padding-bottom: 0.5em;
    margin: 0 15px 1em;
}
#resp_ttl span{
    font-family: "Big Shoulders Display", sans-serif;
    font-size: 20px;
    display: block;
}
#resp_ttl span::before,#resp_ttl span::after{
    content: "-";
    padding: 0 0.5em;
}
.resp_ex{    
    margin: 0 1em 50px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1em;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
}
.resp_ex dt{
    text-align: right;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 1.2em;
}
.resp_venue,.resp_city{
    color: #aaa;
    font-style: italic;
    line-height: 1.2em;
}
.resp_list{
    background-color: #ffffff33;
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    counter-reset: match-counter interval-counter zero-counter;
}
.resp_list li.match { counter-increment: match-counter; }
.resp_list li.interval { counter-increment: interval-counter; }
.resp_list li.zero { counter-increment: zero-counter; }
.resp_hd{
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 5px;
}
.resp_noBox{
    background-color: #111;
    min-height: 36px;
    display: grid;
    align-items: center;
}
.interval .resp_noBox,.interval_op .resp_noBox,.interval_ed .resp_noBox,.after .resp_noBox{background-color: #980100;}
.zero .resp_noBox{ background-color: #00134b;}
.resp_list .match.titles .resp_noBox,.resp_list .zero.titles .resp_noBox{
    color: gold;
    text-shadow: 0 0 8px gold;
}
.resp_no::before{
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 9px;
    padding-bottom: 5px;
    letter-spacing: 0.5px;
    text-align: center;
}
.match .resp_no::before,.match_ttl .resp_no::before{content: "MATCH";}
.zero .resp_no::before{content: "ZEROHOUR";}
.interval .resp_no::before{content: "INTERVAL";}
.interval_op .resp_no::before{content: "OPENING";}
.interval_ed .resp_no::before{content: "ENDING";}
.after .resp_no::before{content: "POST";}
.resp_no::after{
    display: block;
    font-family: "Anton", sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
}
.match .resp_no::after { content: counter(match-counter); }
.interval .resp_no::after { content: counter(interval-counter); }
.zero .resp_no::after { content: counter(zero-counter); }
.interval_op .resp_no::after,.interval_ed .resp_no::after,.after .resp_no::after {
    content: "SHOW";
    font-size: 15px;
    letter-spacing: 0.5px;
}
.resp_system{
    box-sizing: border-box;
    min-height: 48px;
    padding: 5px 1em;
    background-color: #ffffff33;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    letter-spacing: 0.5px;    
    display: flex;
    align-items: center;
    line-height: 1.4em;
}
.titles .resp_system{
    color: gold;
    text-shadow: 0 0 8px gold;
    background-color: #11111199;
}
.interval .resp_system,.interval_op .resp_system,.interval_ed .resp_system,.after .resp_system{
    background-color: #111;
    font-family: "Patua One", serif;
    font-size: 14px;
}
.resp_match{
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    background-color: #ffffffaa;
    color: #111;
    margin-top: 5px;
}
.interval .resp_match,.interval_op .resp_match,.interval_ed .resp_match,.after .resp_match{display: none;}
.resp_rost{
    width: 100%;
    font-family: "Patua One", serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 1.4em;
}
.resp_rost.resp_lose{opacity: 0.4;}
.resp_rost span{   
    font-family: "Oswald", sans-serif;
    font-size: 11px;
    letter-spacing: 0; 
    margin-left: 0.2em;
}
.resp_rost span::before{
    content: "[";
    margin-right: 0.1em;
}
.resp_rost span::after{
    content: "]";
    margin-left: 0.1em;
}
.resp_rost sup{
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 10px;
    color: #b57722;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1.4em;
}
.resp_rost sub{
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: 10px;
    color: #666;
    letter-spacing: 0;
    margin-left: 0.5em;
    transform: translateY(-4px);
}
.resp_rost.resp_lose sub{color: #444;}
.resp_vs{
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 0.5em;
    display: flex;
    align-items: center;
}
.resp_time{
    font-family: "Dosis", sans-serif;
    font-size: 14px;
    color: steelblue;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-left: 1em;
}
.resp_time::before{
    content: "(";
    margin-right: 0.1em;
}
.resp_time::after{
    content: ")";
    margin-left: 0.1em;
}

.resp_swiper .swiper-slide{
    aspect-ratio: 16 / 9;
    background-color: #444;
    overflow: hidden;
    line-height: 0;
}
.respV_btn{
    cursor: pointer;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url(../images/youtubePlayBtn.png);
    background-size: 80%;
    background-position: center center;
    position: absolute;
    top:0; left: 0;
    filter: saturate(0.9);
    transition: 0.25s;
}
@media (hover: hover) {
    .respV_btn:hover{
        transform: scale(1.05);
        filter: saturate(1);
    }
    .resp_btn:hover{color: #0e77d0;}
    .resp_btn:hover span{
        text-decoration: underline;
    }
}
.resp_btn{
    color: #ccc;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
}
.resp_btn span{
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-size: 9px;
    font-style: italic;
    line-height: 1.5em;
}