/* @override 
	http://203.143.96.127:8003/assets_home/css/home.css */

/* home_sa.css */

* {
    font-feature-settings: "palt" 1;
}

/*JP-Font*/
:root {
    --main_jp_font: 'Noto Sans JP', "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}


[lang='en'],
[lang='en']>strong {
    font-weight: normal;
}


/* === DIN Font ===  */
#box_headline h3[lang="en"],
ul.matches>li div.score li,
#match_nav_small h5,
#match_nav_small p.venue,
#box_home_bnrs_1st div[id^='box_'] h5[lang='en'],
#box_home_bnrs_1st div[id^='box_'] h5[lang='en']>strong,
#box_diary #diary_date>p,
#box_official_sns h5[lang='en'],
#sec_match_navi ul.matches p.day,
#sec_match_navi ul.matches p.week_ko>span,
#sec_match_navi ul.matches p.venue {
    font-family: DINNextLTPro-Condensed;
    font-weight: normal;
    text-transform: uppercase;
}

/*Medium*/
#box_info_list .box_inner_info_list dt,
li>a>.inner_text>p.date,
ul.matches>li div.score p,
#sec_match_navi ul.matches p.year,
ul.matches>li div.score li.sub h5 {
    font-family: DINNextLTPro-MediumCond;
    font-weight: normal;
    text-transform: uppercase;
}

/*Light*/
#box_media_guide h3,
#box_media_guide h3>strong {
    font-family: DINNextLTPro-LightCondensed;
    font-weight: normal;
    text-transform: uppercase;
}

/* === DIN Font ===  */

/*共通見出しh2(pc)*/

[id^="sec_"] h2[lang='en'] {
    font-family: DINNextLTPro-LightCondensed;
    font-weight: normal;
    font-size: 8.8rem;
    position: relative;
    z-index: 0;
    text-align: center;
    line-height: 0.85;

    /*nest-start*/
    strong {
        color: var(--main_kf_blue);
        text-transform: uppercase;
    }

    small[lang='ja'] {
        font-family: var(--main_jp_font);
        display: block;
        font-size: 1.8rem;
        font-weight: bold;
        font-weight: 700;
    }

    /*nest-end*/
}

img {
	max-width: 100%;
}



/* section common(pc) */
section {
    position: relative;
    z-index: 0;
}

[id^="sec_"] .inner_header {
    text-align: center;
}

[id^="sec_"] .inner_header>.inner {
    display: inline-block;
    position: relative;
    z-index: 0;
}

[id^="sec_"] .inner_header>.inner::after {
    content: "";
    display: block;
    width: 164px;
    height: 200px;
    transform: skewX(-30deg);
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    top: -84px;
    z-index: 0;
}

[id^="sec_"] .inner_header>.inner>h2 {
    position: relative;
    z-index: 10;
}


#sec_home_info .inner_header>.inner::after {
    background-color: var(--main_kf_blue_pale);
}


/*#box_home_kv (pc)*/
#box_home_kv {
    height: auto;
    width: 100%;
    position: relative;
    z-index: 10;
    position: relative;
    z-index: 10;

    /*nest-start*/
	
	
    div.inner {
        width: 100%;
        height: calc(640px + 1px);
        overflow: hidden;
        position: relative;
    }

    #wrapper_slider {
        width: calc((640px * 1.7777) * 5);
        /* position: absolute; */
        position: relative;
        z-index: 0;
        top: 0;
        left: 50%;
        margin-left: calc(((640px * 1.7777) * 5) / 2 * -1);
    }

    ul li {
        list-style: none;
    }

    ul.slides {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
    }

    ul.slides>li {
        width: calc(640px * 1.7777);
        height: 640px;
    }

    ul.slides a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        background-color: var(--main_kf_blue_pale);
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    /*== switcher + small nav (pc) ==*/

    div.wrap {
        position: relative;
        margin: 0 auto;
        width: 1100px;
        height: 64px;
        margin: 0 auto 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 4px;
    }

    #match_nav_small {
        padding-top: 4px;

        /*nest-inner-start*/

        a {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            text-decoration: none;
            color: var(--main_bk);
        }

        & h5,
        & p {
            line-height: 1;
        }



        p.title,
        & p {
            display: inline-block;
        }

        & h5 {
            font-size: 2.6rem;
            padding-top: 0.1em;
        }

        & h5>strong {
            font-weight: normal;
            /*normal指定しないとcondensedにならない*/
        }

        & h5>strong {
            color: var(--main_kf_blue);
        }

        div.macth_info {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            margin-left: 8px;
            position: relative;
            z-index: 0;
            height: 24px;
            padding-bottom: 4px;
        }

        p.date_vs {
            font-size: 1.6rem;
            display: flex;
            align-items: center;
        }

        p.date_vs>span.emblem {
            position: relative;
            z-index: 0;
            margin-left: 2px;
        }

        p.date_vs>span.emblem>img {
            width: auto;
            height: 32px;
        }

        p.venue {
            font-size: 1.4rem;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 3em;
            height: 24px;
            text-align: center;
            background-color: #fff;
            padding: 0.35em 0 0 0;
            border-radius: 3px;
            margin-right: 6px;
            letter-spacing: 0.03em;
        }

        p.venue.home {
            color: var(--main_kf_blue);
            border: 1px solid hsl(199, 100%, 88%);
        }

        p.venue.away {
            color: var(--main_red);
            border: 1px solid hsl(199, 100%, 88%);
        }

        /*nest-inner-end*/
    }

    /* btn */
    .kv_nav {
        position: absolute;
        bottom: 0;
        z-index: 10;
        width: 55px;
        height: 55px;
        cursor: pointer;
        background-image: url('/assets_home/img/btn_kv.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        opacity: 0.7;
    }

    .kv_prev {
        left: calc(40% - 55px);
        transform:scale(-1,1);
    }

    .kv_next {
        right: calc(40% - 55px);
    }

    .kv_nav:hover {
        transition: all 0.15s ease-in;
        opacity: 1;
		background-color: #fff;
    }

    /*nest-end*/
}


/*== #sp_kv_square (pc) ==*/

#sp_kv_square {
    display: none;
}

/*=== #kv_switcher (pc)===*/
#kv_switcher {
    margin-right: 16px;
}

#kv_switcher,
#bnr_rot_switcher {

    /*nest-start*/

    & ul {
        display: flex;
        justify-content: flex-end;
        height: 21px;
        list-style: none;
    }

    & ul>li {
        width: 40px;
        margin: 0 3px;
    }

    & ul>li>a {
        display: block;
        height: 24px;
        position: relative;
        z-index: 0;
        cursor: pointer;
        text-decoration: none;
        color: #020202;
    }

    & ul>li>a::before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 0;
        width: 100%;
        height: 5px;
        margin-top: calc(5px * 0.5 * -1 - 1px);
        background-color: hsl(0, 0%, 87%);
    }

    & ul>li.current>a::before {
        background-color: var(--main_kf_blue);
        pointer-events: none;
    }


    /*nest-end*/
}

#bnr_rot_switcher {
    position: absolute;
    left: 4px;
    top: 8px;
}



/* #box_home_bnrs_1st(pc) */

#box_home_bnrs_1st {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    margin-top: -64px;
    overflow-x: hidden;

    /*nest-end*/

    &::after {
        content: "";
        display: block;
        position: absolute;
        top: -200px;
        z-index: -1;
        width: 100%;
        height: 400px;
        background-color: var(--main_kf_blue_pale_more);
        transform: skewY(-8deg)
    }

    &>div.inner {
        width: 1280px;
        height: auto;
        padding-top: 64px;
        padding-right: calc(1280px - 840px);
        margin: 0 auto;
        z-index: 10;
        position: relative;
    }

    div[id^='box_'] a {
        color: var(--main_bk);
        transition: 0.3s;
    }

    [id^="box_"]>a,
    #box_rot_bnrs {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .inner_header {
        position: relative;
        z-index: 0;
    }

    div#box_rot_bnrs>.inner,
    div[id^='box_']>a>.inner {
        box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.07);
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }

    div[id^='box_'] h5[lang='en'],
    div[id^='box_'] h5[lang='en']>strong {
        font-size: 2rem;
        text-align: right;
        width: 100%;
        height: 32px;
        line-height: 1;
        box-sizing: content-box;
        font-weight: normal;
    }

    div[id^='box_'] h5[lang='en'] {
        padding-top: 0.5em;
    }

    div[id^='box_'] h5[lang='en']>strong {
        color: var(--main_kf_blue);
    }

    /*for diary + frocafe*/
    .inner_wrap {
        width: 840px;
        margin-top: 6px;
        display: flex;
        justify-content: space-between;
    }

    #box_diary,
    #box_bnrs_shop {
        width: calc((840px - 32px) / 2);

        /*nest-inner-start*/
        .inner {
            height: 240px;
        }

        /*nest-inner-end*/
    }


    /*nest-end*/
}


/*rotation(pc)*/
div#box_rot_bnrs {
    width: 840px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    /*nest-start*/

    &>.inner {
        height: 288px;
    }



    #bnr_rot_switcher {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #bnr_rot_switcher>ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .wrap_bnrs {
        width: 840px;
        height: 288px;
        overflow: hidden;
    }

    .wrap_bnrs>ul {
        /* width: calc(840px * 5); */
        display: flex;
    }

    .wrap_bnrs>ul>li {
        width: 840px;
    }

    .wrap_bnrs>ul>li img {
        display: block;
        width: 100%;
        height: auto;
    }


    /*nest-end*/
}

/*#box_bnrs_fspot(pc)*/
#box_bnrs_fspot {
    width: 400px;
    position: absolute;
    top: 64px;
    right: 0;

    /*nest-start*/
    & a img {
        transition: 0.3s;
    }
    
   .inner {
		border: 1px solid hsla(0,0%,0%,0.1);
	}

    & a:hover img {
        transform: scale(1.1);
    }

    /*nest-end*/
}

#box_diary>a,
#box_bnrs_shop>a {
    display: flex;
    flex-direction: column-reverse;
}

/*diary(pc)*/
#box_diary {
    position: relative;
    z-index: 0;

    /*nest-start*/
    #diary_date,
    #diary_title {
        position: relative;
        z-index: 10;
    }

    #diary_date {
        padding: 0.6em 0 0 0.7em;
        width: 50%;
    }

    #diary_date>p {
        font-size: 7rem;
        line-height: 1;
        color: #fff;
        display: flex;
        align-content: flex-start;
        letter-spacing: -0.01em;
    }

    #diary_date>p>small {
        display: inline-block;
        margin-left: 0.2em;
        font-size: 2.6rem;
        margin-top: 0.1em;
        letter-spacing: 0;
    }

    #diary_title {
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 5.4em;
        padding: 1em;
        display: flex;
        align-items: center;
    }

    #diary_title>p {
        color: #fff;
        line-height: 1.5;
        font-weight: bold;
        font-weight: 600;
        width: 100%;
    }


    figure {
        width: 100%;
        height: 240px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
		background-color: #f5f5f5;
    }

    & a img {
        transition: 0.3s;
        transform-origin: center;
    }

    & a:hover img {
        transform: scale(1.1);
    }

    /*nest-end*/

}


#box_bnrs_shop {

    /*nest-start*/
    & figure {
        height: 240px;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }

    & figure>img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transform-origin: center;
        transition: 0.3s;
    }

    a:hover figure>img {
        transform: translate(-50%, -50%) scale(1.1);
    }

    /*nest-end*/

}



/*==== #box_official_sns(pc) ====*/

#box_official_sns {
    width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    align-items: center;
    position: relative;
    z-index: 10;

    /*nest-start*/
    h5[lang='en'] {
        font-size: 2rem;
        line-height: 1.2;
        border: 1px solid #ccc;
        padding: 0.43em 0.7em 0.19em 0.7em;
        border-radius: 4px;
		text-align: center;
    }

    h5[lang='en']>strong {
        color: var(--main_kf_blue);
    }

    & ul,
    & li {
        list-style: none;
        position: relative;
    }

    & ul {
        height: 100%;
        display: flex;
        justify-content: flex-start;
        padding-left: 12px;
    }
/Volumes/PCIXP_SSD_2TB/FRONTALE_2026/KF_Website_2026/updating_data/top_kv_images/2月作業/kv_260205_開幕向け作業/kv_260205_uniform_2026sp.avif
    & ul>li {
        margin-right: 10px;
    }

    & ul>li>a {
        display: block;
        text-decoration: none;
        color: var(--main_bk);
        height: 50px;
        width: 52px;
        text-indent: 105%;
        white-space: nowrap;
        overflow: hidden;
        background-image: url(/assets_global/img/icon_sns.svg);
        background-size: cover;
        background-repeat: no-repeat;
        transition: 0.3s;
        transform: scale(0.8);
    }

    & ul>li>a:hover {
        transform: scale(1);
    }

    & ul>li.x>a {
        background-position: 0 0;
    }

    & ul>li.fb>a {
        background-position: 17.2% 0;
    }

    & ul>li.line>a {
        background-position: 34.8% 0;
    }

    & ul>li.insta>a {
        background-position: 51.9% 0;
    }

    & ul>li.note>a {
        background-position: 68.9% 0;
    }

    & ul>li.tktk>a {
        width: 39px;
        background-position: 83.5% 0;
    }

    & ul>li.yt>a {
        width: 54px;
        background-position: 100.5% 0;
    }

    /*nest-end*/
}

/*==== /#box_official_sns ====*/

/* ==== #box_match_navi(pc) ==== */
#sec_match_navi {
    margin-top: 32px;
    padding: 124px 0 208px 0;
    height: auto;

    /*nest-start*/
    .inner_header {
        position: relative;
        z-index: 10;
        width: 1280px;
        margin: 0 auto;
    }

    h2[lang='en'] {
        text-transform: uppercase;
    }

    div.box_btns {
        width: 30%;
        position: absolute;
        top: 145px;
        right: 6.5vw;
        z-index: 10;
    }

    div.box_btns>ul {
        justify-content: flex-end;
    }

    div.box_btns>ul>li {
        margin-left: 12px;
    }

    div.box_btns>ul>li:nth-of-type(1)>a {
        background-color: var(--main_bk);
        color: #fff;
    }

    div.box_btns>ul>li:nth-of-type(2)>a {
        background-color: var(--main_kf_blue);
        color: #fff;
    }



    /* bg stadium */
    /*背景の薄青スタジアムが入る枠*/
    #wrap_bg_mn {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        overflow: hidden;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 878px;
    }

    /*上下の斜めカット白オブジェクト*/
    #wrap_bg_mn::before,
    #wrap_bg_mn::after {
        content: "";
        z-index: 10;
        display: block;
        width: 100%;
        position: absolute;
        width: 100%;
        height: 300px;
        background-color: #fff;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #wrap_bg_mn::before {
        top: -248px;
        transform: skewY(-3deg);
    }

    #wrap_bg_mn::after {
        bottom: -248px;
        transform: skewY(3deg);
    }

    #wrap_bg_mn>img {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
        top: -10%;
    }

    /*nest-end*/
}

/*==== #wrap_mn_slider(pc) =====*/
#wrap_mn_slider {

    /* max-width: 1560px; */
    /* 画面中央に配置 */
    margin-left: auto;
    margin-right: auto;

    margin-top: 24px;
    width: 100%;
    height: auto;
    /* スライダー動作のため中央寄せを解除 */
    display: block;
    overflow: hidden;
    padding: 28px 4vw 16px;
    position: relative;
    z-index: 10;

    /* 送りボタンの基本配置設定 */
    .btn-left,
    .btn-right {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 30;
        cursor: pointer;
        transition: opacity 0.3s ease;
        border: none;
        outline: none;
    }

    .btn-left {
        left: 10px;
    }

    .btn-right {
        right: 10px;
    }

    /*nest-start*/
    ul.matches,
    ul.matches>li {
        list-style: none;
    }

    ul.matches {
        list-style: none;
        display: flex;
        justify-content: flex-start;
        /* スライド時の滑らかなアニメーション */
        transition: transform 0.5s ease-out;
        padding: 0;
        margin: 0;
    }

    ul.matches>li {
        /* スライダー内での幅圧縮を防止 */
        flex-shrink: 0;
        font-feature-settings: "palt" 1;
        line-height: 1;
        width: 288px;
        height: 372px;
        background-color: #fff;
        position: relative;
        z-index: 0;
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
        margin: 0 12px;
        border-radius: 3px;
    }

    /* 1節を中央に置くための空枠用 */
    ul.matches>li.empty-card {
        background-color: transparent;
        background-color: #e5e5e5;
        box-shadow: none;
        pointer-events: none;
    }

    /*season year(pc)*/
    ul.matches>li p.year {
        position: absolute;
        top: -1.1em;
        font-size: 2rem;
        color: var(--main_kf_blue);
    }

    ul.matches>li>.inner {
        position: relative;
        z-index: 0;
        overflow: hidden;
        height: 100%;
    }

    /*top-right-corner*/
    ul.matches>li>.inner::before {
        content: "";
        display: block;
        width: 64px;
        height: 64px;
        transform-origin: top right;
        transform: rotate(45deg);
        position: absolute;
        right: -60px;
        top: 0;
        background-color: #d7f3fe;
        opacity: 0.6;
    }

    /*date-venue*/
    ul.matches>li div.date {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 16px 0 0 12px;
    }

    ul.matches>li div.date .day {
        font-size: 7.2rem;
        line-height: 1;
        font-weight: normal;
        letter-spacing: -0.065em;
    }

    ul.matches>li div.date .day>span {
        position: relative;
        display: inline-block;
        padding-left: 0.26em;
    }

    ul.matches>li div.date .day>span::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.05em;
        left: 0.14em;
        transform: skew(-13deg);
        background-color: var(--main_bk);
        height: 52px;
        width: 2px;
    }

    ul.matches>li div.date.sat .day>span,
    ul.matches>li div.date.sat .day+.week_ko,
    ul.matches>li.home p.venue::after {
        color: var(--main_kf_blue_darker);
    }

    ul.matches>li div.date.sun .day>span,
    ul.matches>li div.date.sun .day+.week_ko,
    ul.matches>li div.date.holiday .day>span,
    ul.matches>li div.date.holiday .day+.week_ko {
        color: var(--main_red);
    }

    ul.matches>li p.week_ko {
        font-weight: bold;
        font-weight: 700;
        line-height: 1.2;
        margin-top: -0.2em;
        font-size: 1.8rem;
        margin-right: 0.2em;
    }

    ul.matches>li p.week_ko,
    ul.matches>li p.venue {
        margin-left: 8px;
    }

    ul.matches>li p.week_ko>span {
        font-size: 2.8rem;
        display: inline-block;
        color: var(--main_bk);
        margin-top: 0.1em;
    }

    ul.matches>li p.week_ko>span.undecided {
        font-family: var(--main_jp_font);
        font-size: 1.8rem;
    }

    ul.matches>li p.venue {
        font-size: 1.7rem;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eee;
        position: relative;
        margin-top: -11px;
        padding-top: 0.4em;
        border-radius: 3px;
        letter-spacing: 0.02em;
    }

    ul.matches>li.home p.venue {
        background-color: var(--main_kf_blue_pale_more);
    }

    ul.matches>li.away p.venue {
        background-color: hsl(0, 100%, 95%);
    }

    ul.matches>li.away p.venue::after {
        content: "away";
        text-transform: uppercase;
        color: var(--main_red);
    }

    ul.matches>li.home p.venue::after {
        content: "home";
        text-transform: uppercase;
    }

    /*main*/
    ul.matches>li .vs_main {
        padding-top: 0.65em;
        display: flex;
        width: calc(100% - 76px);
        flex-wrap: wrap;
        align-content: flex-start;
    }

    ul.matches>li .vs_main p {
        font-weight: bold;
        font-weight: 600;
        line-height: 1.4;
        width: 190px;
    }

    ul.matches>li .vs_main p>strong {
        font-weight: bold;
        font-weight: 800;
    }

    /*emblem*/
    ul.matches>li figure {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        width: 72px;
        height: 80px;
        text-align: center;
        margin-right: 4px;
    }

    ul.matches>li figure>img {
        width: auto;
        height: 100%;
        display: inline-block;
    }

    /*vs_info*/
    ul.matches>li .vs_info {
        position: relative;
        z-index: 0;
        margin-left: 14px;
        margin-right: 14px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -0.5em;
    }

    ul.matches>li h3 {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-top: 0.15em;
        font-weight: bold;
        font-weight: 800;
    }

    ul.matches>li h3>strong {
        margin-left: 0.2em;
    }

    /*stadium name*/
    ul.matches>li p.stadium {
        width: 100%;
        text-align: center;
        line-height: 1.3;
        font-size: 1.2rem;
        border-top: 1px solid #ccc;
        padding-top: 0.6em;
        font-weight: bold;
        font-weight: 600;
        margin-top: 10px;
    }

    /*score*/

    ul.matches>li div.score {
        width: 95%;
        margin: 0 auto 0 auto;
        margin-top: 8px;
        position: relative;
        z-index: 0;
    }

    ul.matches>li div.score>.inner {
        background-color: var(--main_glay_light);
        text-align: center;
        display: flex;
        justify-content: center;
        min-height: 98px;
        border-radius: 4px;
    }

    ul.matches>li div.score ul {
        list-style: none;
        line-height: 0.5;
    }

    ul.matches>li div.score ul.main {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        height: 96px;
        padding-top: 16px;
        margin-left: 12px;
    }

    ul.matches>li div.score ul.main>li {
        font-size: 8.6rem;
    }

    ul.matches>li div.score ul.main>li.kf {
        color: var(--main_kf_blue);
    }

    ul.matches>li div.score li.sub {
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        padding: 0.04em 0 0 0;
        margin: 0 8px;
        margin-top: -0.12em;
        position: relative;
    }


    ul.matches>li div.score li.sub>ul {
        font-size: 2.2rem;
        margin: 0 8px 0 8px;
        letter-spacing: 0.1em;
    }

    ul.matches>li div.score li.sub>ul li {
        line-height: 0.8;
    }

    /* ul.matches>li div.score li.sub::before,
    ul.matches>li div.score li.sub::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #333;
    }

    ul.matches>li div.score li.sub::before {
        left: 0;
    }

    ul.matches>li div.score li.sub::after {
        right: 0;
    } */

    ul.matches>li div.score li.sub>ul.pk {
        & li {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        & span {
            font-size: 0.8em;
            margin-top: 0.1em;
        }
    }

    ul.matches>li div.score p.time {
        font-family: var(--mani_font_jp);
        line-height: 1.2;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 7em;
        height: 100%;
        font-size: 1.2rem;
        font-weight: bold;
        font-weight: 600;
        position: absolute;
        left: 0;
        top: 0;
    }



    ul.matches>li div.score.now p.time {
        color: var(--main_red);
        font-weight: bold;
        font-weight: 700;
    }

    ul.matches>li div.score.before ul.main {
        display: none;
    }

    ul.matches>li div.score.before p.time {
        width: 100%;
        font-size: 1.6rem;
    }

    ul.matches>li div.score li.sub h5 {
        font-size: 1.6rem;
        line-height: 1;
    }

    /*btn_t*/
    /*btn_t*/
    p.btn_txt {
        margin-top: 6px;
        text-align: center;
        font-size: 1.6rem;

        a {
            width: 95%;
            padding: 1.2em 0 1.4em 0;
            background-color: #fff;
            transition: 0.3s;
        }

        a:hover {
            background-color: #f5f5f5;
        }
    }

    p.btn_txt.is_disabled {
        opacity: 0.6;
        /* cursor: not-allowed; */

        & span::after {
            background-position: -46px 0;
        }

        & a {
            pointer-events: none;
        }
    }

    /* btn */

    button[class^="btn-"] {
        position: absolute;
        top: 50%;
        z-index: 10;
        width: 55px;
        height: 55px;
        border: none;
        background-color: transparent;
        background-image: url('/assets_home/img/btn_matchnavi.png');
        background-repeat: no-repeat;
        background-size: auto 100%;
        cursor: pointer;
        background-position: 0 0;
        /* opacity: 0.8; */
        /* 滑らかに動かすための設定 */
        transition: transform 0.2s ease, opacity 0.2s ease;
    }

    .btn-left {
        left: 40px;
        transform: translateY(-50%) scaleX(-1);
    }

    .btn-right {
        right: 40px;
        transform: translateY(-50%);
    }

    /* 終点時のスタイル */
    button[class^="btn-"].is-disabled {
        opacity: 0;
        pointer-events: none;
        cursor: default;
    }

    /* ホバー時の挙動 */
    button[class^="btn-"]:hover {
        opacity: 1;
    }

    .btn-left:hover {
        /* 現在の -50% から 6px 分上にずらす */
        transform: translateY(calc(-50% - 6px)) scaleX(-1);
    }

    .btn-right:hover {
        /* 現在の -50% から 6px 分上にずらす */
        transform: translateY(calc(-50% - 6px));
    }

    /* スマホでは隠す */
    @media (max-width: 768px) {
        [class^="btn-"] {
            display: none;
        }
    }

    /*nest-end*/
}

/* ==== /#box_match_navi(pc) ==== */

/* #sec_home_info(pc) */
#sec_home_info {

    /*nest-start*/
    h2[lang='en'] {
        text-transform: uppercase;
    }

    & ul {
        list-style: none;
    }

    & a {
        text-decoration: none;
    }

    &>.inner {
        width: 1280px;
        height: auto;
        min-height: 240px;
        margin: 32px auto 0 auto;
    }

    /*nest-end*/
}

/* /#sec_home_info */

/*pickup_info(pc)*/
#box_pickup_info {
    margin-top: 40px;

    /*nest-start*/
    &>ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px 40px;
    }

    &>ul>li {
        width: 400px;
    }



    li>a {
        display: block;
        padding-bottom: 16px;
        color: var(--main_bl);
    }

    li>a>figure {
        width: 100%;
        height: calc(400px * 0.555);
        position: relative;
    }

    li>a>figure p.tag_badge {
        display: inline-block;
        position: absolute;
        background-color: #555;
        color: #fff;
        font-size: 1.6rem;
        line-height: 1;
        bottom: -0.9em;
        right: 0;
        font-weight: 500;
        padding: 0.5em 1.2em 0.6em 1.2em;
        text-align: center;
        min-width: 6em;
    }

    /*badge-color*/
    li>a>figure p.tag_badge.red {
        background-color: var(--main_red);
    }

    li>a>figure p.tag_badge.s_blue {
        background-color: hsl(219, 95%, 39%);
    }

    li>a>figure p.tag_badge.kf_blue {
        background-color: var(--main_kf_blue);
    }

    li>a>figure p.tag_badge.s_blue {
        background-color: hsl(219, 95%, 39%);
    }

    li>a>figure p.tag_badge.yellow {
        background-color: hsl(55, 95%, 47%);
    }

    li>a>figure p.tag_badge.gold {
        background-color: hsl(48, 56%, 65%);
    }


    li>a>figure>.inner {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 6px;
        background-color: #f2f2f2;
        position: relative;
        z-index: 0;
    }

    li>a>figure>.inner>img {
        width: 100%;
        height: auto;
        transition: 0.3s;
        transform-origin: center;
    }

    li>a:hover>figure>.inner>img {
        transform: scale(1.1);
    }

    li>a>.inner_text {
        margin-top: 20px;
        min-height: 3.5em;

    }

    li>a>.inner_text>p:not(.date) {
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: 0.025em;
        font-size: 1.8rem;
		display: -webkit-box;
  -webkit-line-clamp: 2; /* ← ここを変えるだけで行数指定 */
  -webkit-box-orient: vertical;
  overflow: hidden;
    }

    li>a>.inner_text>p.date {
        text-align: right;
        font-size: 1.8rem;
        line-height: 1;
        color: var(--main_kf_blue_darker);
        margin-top: 0.3em;
		
		
    }

    /*nest-end*/
}

/*info_list main(pc)*/
#box_info_list {
    position: relative;
    z-index: 0;
    margin-top: 32px;
    padding-bottom: 48px;

    /*nest-start*/
    #wrapper_tabs {
        position: relative;
        z-index: 0;
        display: flex;
        align-items: flex-end;
    }

    #wrapper_tabs::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 5px;
        background-color: var(--main_kf_blue_pale);
    }

    #wrapper_tabs>ul {
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 10;
        width: 100%;
        font-size: 2rem;
        line-height: 1;
        font-weight: bold;
        font-weight: 600;
    }

    #wrapper_tabs>ul a {
        position: relative;
        z-index: 0;
        color: var(--main_bl);
    }

    #wrapper_tabs>ul>li {
        margin: 0 16px;
        text-align: center;
        text-align: center;
    }

    #wrapper_tabs>ul>li>a {
        position: relative;
        z-index: 0;
        display: block;
        padding: 0.5em 0 14px 0;
        padding-left: 0.1em;
        padding-right: 0.1em;
    }

    #wrapper_tabs>ul>li>a::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 5px;
        display: block;
        background-color: hsla(0, 0%, 0%, 0);
        transition: 0.3s;
    }

    #wrapper_tabs>ul>li>a:hover::after {
        background-color: var(--main_kf_blue);
    }

    #wrapper_tabs>ul>li.current>a {
        pointer-events: none;
    }

    #wrapper_tabs>ul>li.current>a::after {
        background-color: hsla(0, 0%, 0%, 1);
    }

    /*list*/

    .box_inner_info_list {
        border-bottom: 1px solid #ccc;
        padding-bottom: 48px;

        /*inner-nest-start*/
        & dl {
            width: 100%;
        }

        & dt,
        & dd {
            line-height: 1.4;
        }

        & dt {
            font-size: 2.2rem;
            color: var(--main_kf_blue_darker);
            margin-top: 1em;
            border-top: 1px solid #ccc;
            padding-top: 1em;
            padding-left: 0.15em;
        }

        & dt:first-of-type {
            border-top: none;
        }

        & dd {
            font-size: 1.8rem;
            padding-left: 120px;
            margin-top: 1em;
        }

        & dd>a {
            color: var(--main_bk);
            transition: 0.3s;
        }

        & dd>a:hover {
            color: var(--main_kf_blue_darker);
            text-decoration: underline;
        }

        & dt+dd {
            margin-top: -1.7em;
        }

        /*inner-nest-end*/
    }

    /*more btn*/
    p.btn_solid.blue {
        margin-top: 48px;
    }

    p.btn_solid.blue>a {
        margin: 0 auto;
    }

    /*nest-end*/

}

/* === /#sec_home_info(pc) === */

/*----#sec_ck_today(pc)---*/
#sec_ck_today {
    margin-top: 0;
    padding-top: 106px;
    background-color: hsl(0, 0%, 20%);
    overflow: hidden;
    /*nest-start*/

    &>::before,
    &>::after {
        content: "";
        z-index: 0;
        display: block;
        width: 100%;
        position: absolute;
        width: 100%;
        height: 300px;
        background-color: #fff;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    &>::before {
        top: -248px;
        transform: skewY(3deg);
    }

    &>::after {
        bottom: -248px;
        transform: skewY(-3deg);
    }

    h2[lang='en'] {
        text-transform: uppercase;
    }

    &>.inner {
        width: 1280px;
        margin: 48px auto 0 auto;
        padding-bottom: 152px;
    }

    .inner_header {
        z-index: 20;
    }

    & a {
        text-decoration: none;
        color: var(--main_kf_blue);
    }

    h2 {
        color: #fff;
    }

    h2>small {
        color: #fff;
    }

    .inner_header>.inner::after {
        background-color: #3A4B55;
    }

    .wrapper_sp {
        width: 100%;

    }

    .wrapper_sp>.inner {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    /*nest-end*/
}



#wrapper_boxies {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px 32px;

    /*nest-start*/
    div[id^='box_']:not(#box_media_guide):not(#box_academy),
    #box_media_guide>.inner {
        background-color: hsl(0, 0%, 27%);
        border-radius: 6px;
        padding: 32px;
        position: relative;
    }

    #box_academy {
        padding: 16px 32px 16px 32px;
        background-color: hsl(0, 0%, 27%);
        border-radius: 6px;
    }

    h3,
    p,
    dt,
    dd {
        color: #fff;
    }

    #box_today_top>dl>dt,
    #box_club_facilities h3,
    #box_academy h3,
    #box_media_guide p.btn_txt {
        font-size: 1.8rem;
        line-height: 1;
        font-weight: bold;
        font-weight: 700;

        /*nest-inner-start*/
        a {
            display: inline-block;
            padding-right: 20px;
            position: relative;
            z-index: ;
        }

        a::after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -7px;
            width: 16px;
            height: 17px;
            background-image: url(/assets_global/img/icon_arrow_mini_colors.svg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: -4% 0;
        }

        /*nest-inner-end*/
    }

    /*nest-end*/
}



#box_today_top,
#box_club_facilities {
    width: calc((100% - 32px) / 2);
}

#box_academy,
#box_media_guide {
    width: 100%;
}

#box_club_facilities,
#box_academy,
#box_media_guide {

    /*nest-start*/
    ul {
        list-style: none;
    }

    /*nest-end*/
}

/*top team / U-21*/
#box_today_top {

    /*nest-start*/
    dt {
        margin-top: 1.5em;
    }

    dt:first-of-type {
        margin-top: 0;
    }

    dt>span {
        display: inline-block;
    }

    dd {
        font-size: 1.8rem;
        margin-top: 0.5em;
        line-height: 1.3;
    }

    dt+dd {
        margin-top: 0.75em;
    }

    /*nest-end*/
}

#box_club_facilities {

    /*nest-start*/
    dl {
        width: 100%;
        column-count: 2;
        column-gap: 24px;
        margin-top: 1em;
    }

    dl>dt:nth-of-type(4) {
        break-before: column;
    }

    dt,
    dd {
        line-height: 1.7;
    }

    dt {
        margin-top: 1.5em;
        font-weight: bold;
        font-weight: 600;
    }

    dt:first-of-type {
        margin-top: 0;
    }

    /* 3行で省略する */
    dd {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    /*nest-end*/
}

#box_academy {
    display: flex;
    justify-content: flex-start;

    /*nest-start*/
    h3 {
        margin-right: 24px;
        margin-top: 0.4em;
    }

    #wrapper_tab_academy {
        border-right: 3px solid var(--main_kf_blue);
    }

    li[id^="tab_"] {
        line-height: 1;
        text-transform: uppercase;
        margin: 3px 0 0 0;
    }

    li[id^="tab_"]:nth-of-type(1) {
        margin-top: 0;
    }

    li[id^="tab_"]>a {
        color: #fff;
        padding: 0.7em 1em 0.7em 1em;
        display: block;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        background-color: hsl(0, 0%, 23%);
        transition: 0.3s;
    }

    li[id^="tab_"]>a:hover {
        background-color: hsl(0, 0%, 35%);
    }

    li[id^="tab_"].current>a {
        font-weight: bold;
        font-weight: 700;
        background-color: var(--main_kf_blue);
        pointer-events: none;
    }

    .tab_contents {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 24px;
    }

    .tab_contents>p {
        font-size: 1.8rem;
        font-weight: bold;
        font-weight: 500;
    }

    /*nest-end*/
}

/*----#box_media_guide(pc)---*/

#box_media_guide {

    /*nest-start*/
    a {
        color: #fff;
    }

    .inner_header {
        position: relative;
        z-index: 0;
    }

    h3 {
        line-height: 1;
        font-size: 5.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    h3>strong {
        color: var(--main_kf_blue);
    }

    h3>small[lang="ja"] {
        font-size: 1.6rem;
        margin-left: 1em;
        font-family: var(--main_jp_font);
        padding-bottom: 0.8em;
        font-weight: bold;
        font-weight: 500;
    }

    p.btn_txt {
        text-align: right;
        position: absolute;
        font-size: 1.6rem;
        right: 0;
        top: 50%;
        margin-top: -0.8em;
        font-weight: bold;
        font-weight: 600;
    }

    p.btn_txt>a {
        color: var(--main_kf_blue);
        padding-right: 24px;
    }

    .inner>ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 0 24px;
    }

    .inner>ul>li {
        width: calc((100% - 16*3) / 4);
        border-left: 1px solid hsl(0, 0%, 100%, 0.5);
    }

    .inner>ul>li:nth-of-type(1) {
        border-left: none;
    }

    .inner>ul>li>a {
        padding: 0 0 6px 24px;
        display: block;
    }

    .inner>ul>li>a:hover p {
        transition: 0.3s;
    }

    .inner>ul>li>a:hover p {
        color: var(--main_kf_blue);
    }

    .inner>ul>li h4 {
        font-size: 1.8rem;
        text-align: center;
        position: relative;
        padding-right: 0;
    }

    .inner>ul>li h4>span {
        display: inline-block;
        padding-right: 24px;
    }

    .inner>ul>li h4+div {
        margin-top: 8px;
        min-height: 8em;
    }

    .inner>ul>li h4+div>p:first-of-type {
        margin-top: 0;
    }

    .inner>ul>li h4+div>p {
        font-size: 1.6rem;
        line-height: 1.4;
        margin-top: 1em;
    }

    /*nest-end*/
}

/*----/#box_media_guide(pc)---*/

/*=== #sec_bnr_mid,
#sec_bnr_kawasaki (pc) ===*/

#sec_bnr_mid,
#sec_bnr_kawasaki {
    position: relative;
    z-index: 0;

    /*nest-start*/
    &>.inner {
        width: 1280px;
        min-height: 600px;
        margin: 0 auto;
        padding-bottom: 40px;

    }

    & ul.bnrs {
        list-style: none;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 40px;
        gap: 32px 32px;
    }

    & ul.bnrs>li {
        width: calc((100% - 32px * 2) / 3);
    }

    & ul.bnrs a {
        text-decoration: none;
        color: var(--main_bk);
        display: block;
        transition: 0.3s;
    }

    & ul.bnrs li.ol figure {
        border: 1px solid #e5e5e5;
    }

    & ul.bnrs h3 {
        font-size: 2.2rem;
        line-height: 1;
        color: var(--main_kf_blue_darker);
        margin-top: 0.6em;
    }

    & ul.bnrs p {
        color: var(--main_bk);
        line-height: 1.6;
        color: #555;
        width: 90%;
        margin: 0 auto 0 auto;
        margin-top: 0.5em;
    }

    & ul.bnrs a:hover p {
        color: var(--main_bk);
    }

    & ul.bnrs figure {
        overflow: hidden;
        border-radius: 4px;
    }

    /*nest-end*/
}

#sec_bnr_mid {
    margin-top: 80px;
    z-index: 0;
}

#sec_bnr_kawasaki {
    margin-top: 56px;
    background-color: var(--main_kf_blue_pale);
    overflow: hidden;
    z-index: 0;

    /*nest-start*/
    &>.inner {
        padding: 120px 0 184px 0;
    }

    p.btn_solid.center {
        margin-top: 48px;
    }

    p.btn_solid.center>a {
        margin: 0 auto;
    }

    /*nest-end*/
}

#sec_bnr_kawasaki::before,
#sec_bnr_kawasaki::after {
    content: "";
    z-index: 10;
    display: block;
    width: 100%;
    position: absolute;
    width: 100%;
    height: 300px;
    background-color: #fff;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#sec_bnr_kawasaki::before {
    top: -248px;
    transform: skewY(3deg);
}

#sec_bnr_kawasaki::after {
    bottom: -248px;
    transform: skewY(-3deg);
}

/* #box_headline(pc) */

#box_headline {
    position: fixed;
    left: 50%;
    margin-left: -590px;
    z-index: 100;
    background-color: #fff;
    border-radius: 24px;
    bottom: 32px;
    width: 1010px;
    height: 44px;
    box-sizing: border-box;
    border: 3px solid var(--main_kf_blue_pale);
    box-shadow: 0px 8px 14px hsla(0, 0%, 0%, 0.2);

    /*nest-start*/
    &>.inner {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 24px 0 24px;
        height: 38px;
    }

    & ul {
        list-style: none;
        margin-left: 28px;
        line-height: 1;
    }

    & a {
        text-decoration: none;
        color: var(--main_bk);
    }

    & h3 {
        position: relative;
        line-height: 1;
        margin-top: 0.2em;
    }

    & h3::after {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: 28px;
        right: -14px;
        /* top: 50%; */
        top: calc(50% - 0.1em);
        margin-top: -13px;
        background-color: hsla(0, 0%, 0%, 0.55);
        transform: rotate(30deg);
    }

    & li {
        font-size: 1.6rem;
        font-weight: bold;
        font-weight: 600;
    }

    /*nest-end*/
}


#box_headline {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes slideIn {
    0% {
        transform: translateY(180px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
    }

    80%,
    100% {
        opacity: 1;
    }
}

/* /#box_headline(pc) */

/* #box_yt(pc) */
#box_yt {
    position: fixed;
    left: 50%;
    margin-left: 440px;
    z-index: 100;
    bottom: 32px;

    /*nest-start*/

    &>.inner {
        width: 156px;
        height: 44px;
        border: 3px solid var(--main_kf_blue_pale);
        box-shadow: 0px 8px 14px hsla(0, 0%, 0%, 0.2);
        border-radius: 24px;
        background-color: #fff;
        position: relative;
        z-index: 1;
        padding-left: 4px;
        padding-top: 2px;
    }

    & a {
        display: block;
        text-decoration: none;
        color: var(--main_bk);
        overflow: hidden;
    }

    p.logo {
        height: 100%;
        text-transform: uppercase;
        line-height: 1;
        margin-left: 7%;
    }

    p.logo small {
        display: inline-block;
        width: 30%;
        line-height: 0.9;
        font-size: 1rem;
        font-family: DINNextLTPro-MediumCond;
        margin-left: 6px;
        padding-top: 2px;
    }

    p.logo>a {
        height: 100%;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    p.logo img {
        height: 16px;
    }

    figure {
        position: absolute;
        display: block;
        z-index: 10;
        top: -118px;
        left: 0;
        width: 120%;
        height: auto;
        padding: 3px 3px 3px 3px;
        box-sizing: border-box;
        background-color: hsla(0, 0%, 0%, .75);
        transform-origin: bottom center;
        border-radius: 4px;
        transform: scaleY(0%);
        left: -14px;
    }

    figure::after {
        content: "";
        display: block;
        width: 18px;
        height: 14px;
        position: absolute;
        left: 50%;
        margin-left: -9px;
        bottom: -14px;
        background-color: hsla(0, 0%, 0%, .75);
        clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    }

    /*nest-end*/
}



#box_yt {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes slideInYT {
    0% {
        transform: translateY(180px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
    }

    80%,
    100% {
        opacity: 1;
    }
}



@keyframes slideInYTthumb {
    0% {
        opacity: 0;
        z-index: -1;
        transform: rotate(-20deg);
    }

    70% {
        opacity: 1;
        transform: rotate(10deg) scaleY(15%);
    }

    80% {
        opacity: 1;
        transform: rotate(-20deg) scaleY(50%);
    }

    100% {
        transform: scaleY(100%) rotate(0deg) scaleY(100%);
    }

}

#box_yt.on figure {
    animation: slideInYTthumb 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}


/*==== Responsive(sp) ====*/
@media screen and (max-width: 768px) {

    /*mq-start*/
    .pcv {
        display: none;
    }

    .spv {
        display: block;
    }

    #sub_nav_home {
        display: none;
    }

    /*== #sp_kv_square (sp) ==*/
    #sp_kv_square {
        display: block;
        width: 100%;
        height: 100vw;
        background-color: var(--main_kf_blue_pale);
        position: relative;
        z-index: 0;
    }

    /*#box_home_kv (sp)*/
    #box_home_kv {

        /*nest-start*/
        div.inner {
            height: calc(45vw + 1px);
        }

        #wrapper_slider {
            width: calc((45vw * 1.7777) * 5);
            margin-left: calc(((45vw * 1.7777) * 5) / 2 * -1);
        }

        ul.slides>li {
            width: calc(45vw * 1.7777);
            height: 45vw;
        }

        ul.slides a {
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
        }

        div.wrap {
            width: 88vw;
            height: auto;
            padding-top: 2vw;
            flex-wrap: wrap;
            padding-bottom: 2vw;
        }

        /*=== #kv_switcher (sp)===*/
        #kv_switcher {
            margin-right: 0;
        }

        #match_nav_small {
            padding-top: 2.5vw;
            /*nest-inner-start*/

            & h5 {
                font-size: 5.625vw;
                padding-top: 0.1em;
            }

            div.macth_info {
                margin-left: 2vw;
                height: 7vw;
                padding-bottom: 1vw;
            }

            p.date_vs {
                font-size: 3.75vw;
            }

            p.date_vs>span.emblem {
                margin-left: 1vw;
                top: -0.3vw;
            }

            p.date_vs>span.emblem>img {
                height: 10vw;

            }


            /*nest-inner-start*/
        }

        /*nest-end*/

    }


/*=== #box_kv_sp_square(sp) ===*/

#box_kv_sp_square {
        border-bottom: 2px solid #ddd;

	& a{
	display: block;
	}
}

    /*== switcher + small nav (sp) ==*/

    #bnr_rot_switcher {
        left: 2px;
        top: 1vw;
    }


    /* #box_home_bnrs_1st */

    #box_home_bnrs_1st {
        width: 100%;
        margin-top: -17vw;
        min-height: initial;

        /*nest-start*/
        &::after {
            top: 0;
            z-index: -1;
            width: 100%;
            height: 80vw;
            top: -46vw;
        }

        &>div.inner {
            width: 92vw;
            padding-top: 18vw;
            padding-right: 0;
        }

        div[id^='box_'] h5[lang='en'],
        div[id^='box_'] h5[lang='en']>strong {
            font-size: 3.75vw;
            height: 1.2em;
        }

        div[id^='box_'] h5[lang='en'] {
            padding-top: 0.5em;
        }

        /*for diary + frocafe*/
        .inner_wrap {
            width: 92vw;
            margin-top: 1vw;
            justify-content: flex-start;
            flex-wrap: wrap;
            position: relative;
            z-index: 0;
            padding-right: 40vw;
        }

        #box_diary,
        #box_bnrs_shop {
            width: 45vw;

            /*nest-inner-start*/
            .inner {
                height: calc(45vw * 0.65);
            }

            /*nest-inner-end*/
        }


        /*nest-end*/

    }

    /*rotation(sp)*/
    div#box_rot_bnrs {
        width: 92vw;
        display: flex;
        /*nest-start*/

        &>.inner {
            height: calc(92vw * 0.344);
        }

        &>h5[lang='en'] {
            padding-top: 0.7em;
        }

        .wrap_bnrs {
            width: 92vw;
            height: auto;
        }

        .wrap_bnrs>ul {
            width: 100%;
        }



        /*nest-end*/
    }


    /*#box_bnrs_fspot(sp)*/
    #box_bnrs_fspot {
        width: 45vw;
        right: 0;
        top: 0;
    }

    /*diary(sp)*/
    #box_diary {

        /*nest-start*/
        #diary_date>p {
            font-size: 10vw;
        }

        #diary_date>p>small {
            font-size: 3.75vw;
            margin-top: 0.2em;
        }

        #diary_title {
            height: 5.4em;
            padding: 1em;
        }

        #diary_title>p {
            font-size: 2.45vw;
            line-height: 1.3;
        }

        figure {
            height: calc(45vw * 0.65);
        }

        /*nest-end*/
    }


    #box_bnrs_shop {

        /*nest-start*/
        & figure {
            height: calc(45vw * 0.65);
        }

        & figure>img {
            width: auto;
            max-width: 120%;
            height: 105%;
        }

        /*nest-end*/
    }


    /*==== #box_official_sns(sp) ====*/

    #box_official_sns {
        width: 92vw;
        margin-top: 6vw;
        /*nest-start*/

        h5[lang='en'] {
            font-size: 4.375vw;
            border-top-left-radius: 1vw;
            border-bottom-left-radius: 1vw;
            width: 22vw;
            padding: 0.46em 0.2em 0.19em 0.2em;
        }

        & ul {
            width: calc(100% - 26vw);
            padding-left: 2vw;
        }

        & ul>li {
            margin-right: 1.25vw;
        }

        & ul>li>a {
            height: 8vw;
            width: 8.5vw;
        }

        & ul>li.tktk {
            margin-right: 0;
        }

        & ul>li.tktk>a {
            width: 6.1vw;
        }

        & ul>li.yt>a {
            width: 8.8vw;
        }

        /*nest-end*/
    }


    /* section common(sp) */


    [id^="sec_"] .inner_header>.inner::after {
        width: 36vw;
        height: 35vw;
        left: 50%;
        margin-left: -13vw;
        top: -15vw;
        z-index: 0;
    }



    /*共通見出しh2(sp)*/
    [id^="sec_"] h2[lang='en'] {
        font-size: 15vw;
        /*nest-start*/

        small[lang='ja'] {
            font-size: 4.375vw;
        }

        /*nest-end*/
    }




    /* ==== #box_match_navi(sp) ==== */

    #sec_match_navi {
        margin-top: 6vw;
        padding: 14vw 0 44vw 0;
        overflow: hidden;

        /*nest-start*/
        .inner_header {
            width: 92vw;
        }

        div.box_btns {
            width: 92vw;
            top: auto;
            right: auto;
            left: 50%;
            margin-top: auto;
            bottom: 23vw;
            margin-left: -46vw;
        }

        div.box_btns>ul {
            width: 100%;
            gap: 0 3vw;
            justify-content: center;
        }

        div.box_btns>ul>li {
            margin-left: 0;
        }

        /* bg stadium */
        /*背景の薄青スタジアムが入る枠*/
        #wrap_bg_mn {
            top: 0vw;
            left: 0;
            height: 100%;
            align-items: flex-start;
            background-color: #e5f6ff;
        }

        /*上下の斜めカット白オブジェクト*/
        #wrap_bg_mn::before,
        #wrap_bg_mn::after {
            height: 26vw;
        }

        #wrap_bg_mn::before {
            top: -18vw;
        }

        #wrap_bg_mn::after {
            bottom: -20vw;
            transform: skewY(3deg);
        }

        #wrap_bg_mn>img {
            max-width: initial!important;
            width: 250vw;
            margin-left: 0;
            top: -25vw;
        }

        /*nest-end*/
    }


    /*==== #wrap_mn_slider(sp) =====*/
    #wrap_mn_slider {
        margin-top: 5vw;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        overflow: hidden;
        padding: 28px 0 16px 0;
        position: relative;
        z-index: 10;
        /*nest-start*/

        /*season year(sp)*/
        ul.matches>li p.year {
            top: -1.1em;
            font-size: 4.375vw;
        }

        /*nest-end*/
    }

    /* ==== /#box_match_navi(sp) ==== */


    /* === #sec_home_info(sp) === */
    #sec_home_info {

        /*nest-start*/
        &>.inner {
            width: 92vw;
            min-height: initial;
            margin: 8vw auto 0 auto;
        }

        /*nest-end*/
    }

    /*pickup_info(sp)*/
    #box_pickup_info {
        margin-top: 6vw;

        /*nest-start*/
        &>ul {
            width: 92vw;
            gap: 2vw 3vw;
        }

        &>ul>li {
            width: calc((100% - 3vw) / 2);
        }

        li>a {
            padding-bottom: 3vw;
        }

        li>a>figure {
            height: 24.5vw;
        }

        li>a>figure p.tag_badge {
            font-size: 3.125vw;
            padding: 0.5em 0.7em 0.5em 0.7em;
            min-width: 5em;
        }

        li>a>figure>.inner {
            border-radius: 1.25vw;
        }

        li>a>.inner_text {
            margin-top: 3.5vw;
        }

        li>a>.inner_text>p:not(.date) {
            font-size: 3.75vw;
        }

        li>a>.inner_text>p:not(.date)>br {
            display: none;
        }

        li>a>.inner_text>p.date {
            font-size: 4.375vw;
        }

        /*nest-end*/
    }

    /*info_list main(sp)*/
    #box_info_list {
        margin-top: 4vw;
        padding-bottom: 6vw;

        /*nest-start*/
        #wrapper_tabs {
            margin-left: -4vw;
            width: 100vw;
            overflow-x: auto;
        }

        #wrapper_tabs::after {
            height: 1.5vw;
        }

        #wrapper_tabs>ul {
            width: 200vw;
            justify-content: flex-start;
            font-size: 3.75vw;
            flex-wrap: nowrap;
        }

        #wrapper_tabs>ul>li {
            margin: 0 3vw;
            white-space: nowrap;
        }

        #wrapper_tabs>ul>li>a {
            padding: 1em 0.2em 1em 0.2em;
        }

        #wrapper_tabs>ul>li>a::after {
            height: 1.5vw;
            margin-left: -0.5vw;
        }

        /*list*/

        .box_inner_info_list {
            padding-bottom: 6vw;
            /*inner-nest-start*/

            & dt {
                font-size: 5vw;
                margin-top: 0.5em;
                padding-top: 1em;
                padding-left: 0.1em;
            }

            & dt:first-of-type {
                padding-top: 0.5em;
            }

            & dd {
                font-size: 4.375vw;
                line-height: 1.4;
                margin-top: 1em;
                padding-left: 0.1em;
            }

            & dt+dd {
                margin-top: 0.2em;
            }

            & dd+dt {
                margin-top: 1em;
            }

            /*inner-nest-end*/
        }

        /*more btn*/
        p.btn_solid.blue {
            margin-top: 8vw;
        }

        p.btn_solid.blue>a {
            margin: 0 auto;
        }

        /*nest-end*/

    }


    /*----#sec_ck_today(sp)---*/

    #sec_ck_today {
        margin-top: -4vw;
        padding-top: 23vw;
        /*nest-start*/

        &>.inner {
            width: 100%;
            margin: 10vw 0 0 0;
            padding-bottom: 32vw;
        }

        h2>small {
            margin-top: 0.6em;
            font-size: 4vw;
        }

        .inner_header>.inner::after {
            width: 28vw;
            height: 40vw;
        }

        .wrapper_sp {
            display: block;
            overflow: scroll;
        }

        .wrapper_sp>.inner {
            width: 240vw;
            justify-content: flex-start;
        }

        .wrapper_sp>.inner>div[id^='box_'] {
            margin-left: 4vw;
        }

        #box_today_top {
            width: 84vw;
        }

        #box_club_facilities {
            width: 150vw;
        }

        /*nest-end*/
    }

    #wrapper_boxies {
        gap: 5vw 0;
        /*nest-start*/

        div[id^='box_']:not(#box_media_guide):not(#box_academy),
        #box_media_guide>.inner {
            border-radius: 2vw;
            padding: 4vw;
        }

        #box_academy {
            width: 92vw;
            margin: 0 auto;
            padding: 3vw 3vw 3vw 3vw;
            border-radius: 2vw;
        }

        #box_today_top>dl>dt,
        #box_club_facilities h3,
        #box_academy h3,
        #box_media_guide p.btn_txt {
            font-size: 1.8rem;
            line-height: 1;
            font-weight: bold;
            font-weight: 700;

            /*nest-inner-start*/
            a {
                display: inline-block;
                padding-right: 20px;
                position: relative;
                z-index: ;
            }

            a::after {
                content: "";
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -8px;
                width: 16px;
                height: 17px;
            }

            /*nest-inner-end*/
        }

        /*nest-end*/
    }

    /* #box_academy(sp) */
    #box_academy {
        display: block;
        padding-right: 0 !important;
        /*nest-start*/

        h3 {
            margin-right: 0;
            margin-top: 0;
        }

        #wrapper_tab_academy {
            margin-top: 3vw;
            border-right: none;
            border-bottom: 3px solid var(--main_kf_blue);
            width: 100%;
            overflow: scroll;

        }

        #wrapper_tab_academy>ul {
            display: flex;
            gap: 0 4px;
            width: 130vw;
        }

        li[id^="tab_"] {
            margin: 0 0 0 0;
            font-size: 4.063vw;
        }

        li[id^="tab_"]>a {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 0;
            border-top-right-radius: 3px;
        }

        .tab_contents {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 3vw 3vw 3vw 3vw;
        }

        .tab_contents>p {
            font-size: 4.063vw;
        }

        /*nest-end*/
    }

    /* /#box_academy(sp) */


    /*----#box_media_guide(sp)---*/

    #box_media_guide {
        /*nest-start*/

        .inner_header {
            width: 92vw;
            margin: 0 auto;
        }

        h3 {
            line-height: 1.2;
            font-size: 12.5vw;
            display: block;
            text-align: left;
        }

        h3>small[lang="ja"] {
            display: block;
            font-size: 3.75vw;
            margin-left: 0;
            padding-bottom: 1em;
            position: relative;
            margin-top: -0.25em;
        }

        p.btn_txt {
            font-size: 3.75vw !important;
            margin-top: -1.5em;
        }

        &>.inner {
            margin-left: 4vw;
            padding: 3vw 0 3vw 0 !important;
            overflow: scroll;
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

        &>.inner>ul {
            width: 230vw;
            justify-content: flex-start;
        }

        .inner>ul>li {
            width: 50vw !important;
        }

        /*nest-end*/
    }

    /*=== #sec_bnr_mid,
#sec_bnr_kawasaki (sp) ===*/

    #sec_bnr_mid,
    #sec_bnr_kawasaki {
        width: 100%;
        margin: 0 auto;

        /*nest-start*/

        &>.inner {
            width: 92vw;
            min-height: initial;
            padding-bottom: 8vw;
        }

        & ul.bnrs {
            margin-top: 6vw;
            gap: 5vw 0;
        }

        & ul.bnrs>li {
            width: calc((92vw - 4vw) / 2);
        }

        & ul.bnrs h3 {
            font-size: 4.375vw;
            line-height: 1.3;
            margin-top: 0.6em;
        }

        & ul.bnrs p {
            line-height: 1.5;
            width: 100%;
            margin: 0;
            margin-top: 0.5em;
            font-size: 3.438vw;
            text-align: left;
        }

        & ul.bnrs p>br {
            display: none;
        }

        & ul.bnrs figure {
            border-radius: 1.5vw;
        }

        /*nest-end*/
    }


    #sec_bnr_mid {
        margin-top: 3vw;
        z-index: 0;
    }

    #sec_bnr_kawasaki {
        margin-top: -5vw;

        /*nest-start*/
        &>.inner {
            padding: 20vw 0 28vw 0;
        }

        /*nest-end*/

    }


    /*=== /#sec_bnr_mid,
#sec_bnr_kawasaki (sp) ===*/


    body#home {
        main {
            padding-bottom: 4vw;
        }

        #box_top_partners_btm {
            margin-top: 0;
            padding-top: 8vw;
        }
    }


    /* #box_headline(sp) */

    #box_headline {
        margin-left: -48vw;
        border-radius: 2vw;
        bottom: calc(3svh);
        width: 60vw;
        height: 14vw;

        /*nest-start*/
        &>.inner {
            padding: 1em 3vw 1em 3vw;
            height: 100%;
        }

        & h3 {
            font-size: 3.75vw;
            padding-top: 0.25em;
            position: absolute;
			margin-top: 0;
            z-index: 10;
            top: -0.6em;
            left: -0.15em;
            display: inline-block;
            padding: 0.1em 0.5em 0.1em 0.5em;
            color: #fff;
        }

        & h3::after {
            position: absolute;
            width: 100%;
            height: 104%;
            z-index: -1;
            left: -0em;
            top: 2.5vw;
            background-color: var(--main_kf_blue);
            transform: rotate(0) skew(15deg);
        }

        & ul {
            margin-left: 0;
            line-height: 1.3;
        }

        & li {
            font-size: 3.438vw;
        }

        /*nest-send*/
    }

    /* /#box_headline(sp) */

    /* #box_yt(sp) */
    #box_yt {
        margin-left: 13vw;
        bottom: calc(3vh - 3px);
        z-index: 90;
        /*nest-start*/

        &>.inner {
            width: 15vw;
            height: 14vw;
            border-radius: 2vw;
            padding-left: 0;
            padding-top: 0;
            display: flex;
            align-items: center;
            box-sizing: border-box;
        }

        p.logo {
            width: 100%;
            height: auto;
            margin: 0 auto;
            text-align: center;
        }

        p.logo span {
            display: block;
            overflow: hidden;
            width: 9vw;
            height: 6vw;
            margin: 0 auto;
        }

        p.logo span img {
            max-width: initial;
            width: auto;
            height: 6vw;
            position: relative;
            left: 0;
        }

        p.logo>a {
            display: block;
        }

        p.logo small {
            display: block;
            text-align: center;
            width: auto;
            line-height: 0.9;
            font-size: 1.95vw;
            margin-left: 0;
            padding-top: 0.8em;
            width: 100%;
        }

        figure {
            top: -14vw;
            width: 140%;
            border-radius: 1.5vw;
            transform: scaleY(0%);
            left: -2.75vw;
        }

        /*nest-end*/
    }

    /*=========================*/
    /*mq-end*/
}