/*
Theme Name: Lightning Child 0.6.0
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
    --ss-pink: #ff008c;
    --ss-hover-pink: #ff00be;
    --ss-lightblue: #00c9ff;
    --ss-clearblue: #BFF0FE;
    --ss-yellow: #ffff81;
    --ss-lightgray: #f4f4f4;
    --ss-white: #fff;
    --ss-black: #000;

    --vk-color-text-body: var(--ss-black);
    --vk-color-border-blue: var(--ss-lightblue);
    --vk-color-background-blue: var(--ss-lightblue);


}

* {
    font-family: "M PLUS 1p", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.device-mobile {

    & .sp {
        display: block;
    }

    & .pc {
        display: none;
    }
}

.page,
.single {
    & .site-body {
        background-color: var(--ss-lightgray);
    }
}

.home .site-body {
    background-color: var(--ss-white);
}

/* header */
.site-header {
    position: fixed;
    width: 90%;
    z-index: 2050;
    margin: 20px 5% 0;
    background-color: unset;
    box-shadow: none;
    opacity: 0.95;

    & .site-header-container {
        background-color: var(--ss-white);
        border-radius: 50px;
        padding-left: 35px;
        padding-right: 35px;

        & .site-header-logo {
            width: initial;

            & a {
                display: block;
                max-width: 120px;
            }

            & img {
                width: 100%;
                margin-left: 0;
            }
        }
    }
}

/* /header */

/* globalnav */
.global-nav-list>li:before {
    border-bottom: 3px solid var(--vk-color-primary);
}

.global-nav-list>li .global-nav-name {
    font-size: 1rem;
}

.global-nav-list>li a {
    font-size: 1rem;
}


.header_scrolled {
    & .site-header {
        background-color: unset;
        box-shadow: none;
        margin-top: 0;

    }

    & .site-header-logo {
        display: block;
    }
}

.vk-mobile-nav {
    background-color: var(--ss-lightblue);
}

.vk-mobile-nav .widget_nav_menu ul li a,
.vk-mobile-nav nav ul li a {
    color: var(--ss-white);
    font-weight: 700;
}

.vk-mobile-nav-menu-btn {
    background: url("./images/spmenu_on.webp");
    width: 106px;
    height: 25px;
    background-size: cover;
    border: none;
    top: 40px;
    margin-right: 50px;
}

.header_scrolled .vk-mobile-nav-menu-btn {
    top: 20px;
}

.vk-mobile-nav-menu-btn.menu-open {
    background: url("./images/spmenu_off.webp");
    background-size: cover;
    border: none;

}

#block-11 {
    margin-top: 60px;

    & .bn_box {
        display: flex;
        justify-content: space-evenly;

        & .box {
            width: 45%;
            background-color: var(--ss-white);
            border: 3px solid var(--ss-pink);
            border-radius: 25px;
            display: flex;
            justify-content: center;

            & a {
                color: var(--ss-pink);
                font-weight: 900;
                font-family: "Noto Sans JP", sans-serif;
                padding: 1.5rem 0;
                text-align: center;

                & span {
                    font-size: 1.5rem;
                }

                ;

            }

        }
    }
}

.global-nav-list>li>ul.sub-menu {
    background-color: var(--ss-white);

    & a {
        color: var(--ss-black);
        font-weight: 700;
    }
}

.global-nav-list .sub-menu li a:hover {
    background-color: var(--ss-white);
    color: var(--ss-hover-pink);
}

/* /globalnav */

/* footer */
.site-footer {
    background-color: var(--ss-white);
    border: none;
}

.footer-banner-area {
    padding-top: 90px;
    padding-bottom: 90px;

    & .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;

        & figure {
            width: 100%;

            & img {
                width: 100%;
                height: 100%;
            }
        }
    }
}

.footer-contact-area {
    color: var(--ss-white);
    background-color: var(--ss-pink);
    position: relative;
    height: 200px;

    & a.contact-btn {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        &:hover {
            background-color: var(--ss-hover-pink);
        }

        & span {
            font-size: 2rem;
            font-weight: 900;
            color: var(--ss-white);
            text-align: center;
            position: relative;
            display: flex;
            align-items: center;

            &::after {
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                content: "\f061";
                color: var(--ss-white);
                font-size: 1rem;
                position: absolute;
                left: -3em;
                background-color: var(--ss-lightblue);
                border-radius: 50%;
                width: 2em;
                height: 2em;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }


    }

}

.footer-btn-area {
    color: var(--ss-white);
    position: relative;

    &::before {
        position: absolute;
        bottom: 0;
        content: "";
        background-image: url("./images/footer_bg.webp");
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;


    }

    & .container {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 6rem;
        padding-bottom: 6rem;

        & .btn-box {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            margin-bottom: 1em;

            & .footer-btn {
                width: 100%;
                height: 100%;
                padding: 2em;
                background-color: var(--ss-white);
                border: solid 5px var(--ss-lightblue);
                border-radius: 20px;

                &:hover {
                    background-color: var(--ss-yellow);
                }
            }

            & .footer-btn-text {
                font-size: 1rem;
                color: var(--ss-lightblue);
                text-align: center;
            }

            & .footer-btn-name {
                display: flex;
                justify-content: center;

                & span {
                    font-size: 1.2rem;
                    font-weight: 900;
                    color: var(--ss-black);
                    text-align: center;
                    position: relative;
                    display: flex;
                    align-items: center;

                    &::after {
                        font-family: "Font Awesome 6 Free";
                        font-weight: 900;
                        content: "\f061";
                        color: var(--ss-white);
                        font-size: 1rem;
                        position: absolute;
                        left: -3em;
                        background-color: var(--ss-lightblue);
                        border-radius: 50%;
                        width: 2em;
                        height: 2em;
                        text-align: center;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                }
            }

        }

    }

}

#site-footer-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;

}

/* /footer */

/* page */
.page-header {
    position: relative;
    background-color: unset;

    &::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100px;
        top: 0;
        background: url("./images/news/header_bg.webp");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    & .title_box {
        margin-top: 120px;
        width: 100%;
        margin-bottom: 40px;

        & .txt01 {
            margin: 0;
            width: 100%;
            text-align: center;
            text-transform: capitalize;
            font-size: 1.5em;
            color: var(--ss-lightblue);
            line-height: 40px;
            font-weight: 900;
            font-family: 'Noto Sans Japanese', sans-serif;
        }

        & .page-header-title {
            color: var(--ss-black);
            font-size: 2rem;
        }

        & .txt03 {
            color: var(--ss-black);
            line-height: 2;
            margin-top: 1em;

        }
    }
}



/* /page */

/* toppage */


.toku_box {
    padding: 35px 15px;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #999;
    background-color: #fff;
    border-radius: 5px;
    z-index: 99;
    position: relative;
    top: -100px;
    margin-bottom: 40px;

    & h2 {
        border: none;
        text-align: center;
    }

    & .toku_box_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        & .box {
            width: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            text-align: center;
            margin-bottom: 40px;

            & img {
                width: 48%;
                margin-bottom: 20px;
            }

            & h3 {
                border: none;
                color: var(--ss-pink);
                margin-bottom: 0;

                &::after {
                    content: none;
                }

                &.ptxt01 {
                    font-size: 1.6em;
                }

                &.ptxt02 {
                    font-size: 1.1rem;
                }
            }

            & .txt2 {
                font-size: 0.8em;
            }

            & .btn {
                width: 100%;

                & a {
                    display: block;
                    width: 100%;
                    background-color: var(--ss-lightgray);
                    font-size: 0.8rem;
                    line-height: 3em;
                    border-radius: 1.5em;
                    font-family: "M PLUS 1p", sans-serif;
                    background-image: url("./images/lbn02.webp");
                    background-repeat: no-repeat;
                    background-position: right 1em center;
                    color: var(--ss-black);
                    font-weight: bold;
                    text-align: left;
                    text-indent: 2em;

                    &:hover {
                        opacity: 0.5;
                    }
                }
            }
        }
    }

}

.btn_yellow {
    width: 100%;

    & a {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        background-color: var(--ss-yellow);
        border: 3px solid var(--ss-lightblue);
        font-size: 1.2rem;
        line-height: 3em;
        border-radius: 1.5em;
        font-family: "M PLUS 1p", sans-serif;
        background-image: url("./images/lbn02.webp");
        background-repeat: no-repeat;
        background-position: right 1em center;
        color: var(--ss-black);
        font-weight: bold;
        text-align: left;
        text-indent: 2em;

        &:hover {
            opacity: 0.5;
        }
    }

    &.guide_btn01 {
        margin-top: -100px;
        margin-bottom: 60px;
    }
}

.con01_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;


    & .box {
        width: 100%;
        padding: 350px 30px 40px;
        margin-bottom: 40px;

        &.box01 {
            background: url("./images/index/con01_bg01.webp");
            background-repeat: no-repeat;
            background-size: 100%;
        }

        &.box02 {
            background: url("./images/index/con01_bg02.webp");
            background-repeat: no-repeat;
            background-size: 100%;
        }

        &.box03 {
            background: url("./images/index/con01_bg03.webp");
            background-repeat: no-repeat;
            background-size: 100%;
        }



        & .txt01 {
            text-align: center;
            font-size: 1.6rem;
            font-weight: 900;
            font-family: 'Noto Sans JP', sans-serif;
            border: none;
            text-align: center;
            margin-bottom: 0.5em;

            &::after {
                border: none;
            }

        }

        & .txt02 {
            line-height: 1.6;
        }

        & .txt03 {
            margin-top: 1rem;
            line-height: 1.6;
            color: var(--ss-pink);
            font-size: 1.4rem;
            text-align: center;
            font-weight: 900;
            font-family: 'Noto Sans JP', sans-serif;

            & span {
                font-size: 1.6rem;
                font-weight: 900;
                font-family: 'Noto Sans JP', sans-serif;

            }
        }
    }
}

.cre_box {
    margin-bottom: 100px;

    & .bl_title {
        text-align: center;
        color: var(--ss-lightblue);
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.2;
        font-family: "M PLUS 1p", sans-serif;
    }

    & .spbr::before {
        content: "\A";
        white-space: pre;
    }

    & a {
        display: block;
        width: 100%;
        margin: 20px auto;
    }

}

.home {
    & span.bl {
        color: var(--ss-lightblue);
    }

    & span.pink {
        color: var(--ss-pink);
    }

    & .con02_box {
        padding-bottom: 4rem;
        position: relative;
        z-index: 1;

        & h2 {
            font-size: 2rem;
            border: none;
            font-weight: 900;
            font-family: 'Noto Sans JP', sans-serif;

            & span {
                color: var(--ss-lightblue);
                font-weight: 900;
                font-family: 'Noto Sans JP', sans-serif;
            }
        }

        & .con02_inner {
            position: relative;
            z-index: 1;
        }

        &::before {
            position: absolute;
            content: "";
            bottom: 0;
            width: 100vw;
            height: 100%;
            background-color: var(--ss-clearblue);
            clip-path: polygon(8% 10%, 100% 10%, 100% 100%, 8% 100%);
            z-index: 0;
        }
        & .article_list{
            list-style: none;
            padding-left: 0;
            display: flex;
            flex-direction: column;
            & li{
                width: 100%;
                background-color: var(--ss-white);
                & figure{
                    & a{
                        display: block;
                        width: 100%;
                        & img{
                            width: 100%;
                        }
                    }
                }
                & span{
                    margin-left: 1rem;
                    margin-right: 1rem;
                    background-color: var(--ss-black);
                    padding: 0.5em;
                    & a{
                        color: var(--ss-white);
                    }
                }
                & h3{
                    font-size: 1.2rem;
                    border: none;
                    padding: 1rem;
                    & a{
                        color: var(--ss-black);
                    }
                    &::after{
                        content: "";
                        border: none;
                    }
                }
            }
        }

    }

    & .con05_box {
        position: relative;
        z-index: 1;

        &::before {
            content: "";
            position: absolute;
            z-index: 0;
            background-color: var(--ss-lightblue);
            top: 0;
            left: calc(50% - 50vw);
            width: 100vw;
            height: 100%;

        }

        &>* {
            position: relative;
            z-index: 1;
        }
    }

    & .con04_box,
    .con03_box {
        padding-top: 2rem;
        padding-bottom: 4rem;

        & h2 {
            font-size: 2rem;
            border: none;
            font-weight: 900;
            text-align: center;
            font-family: 'Noto Sans JP', sans-serif;

            & span {
                color: var(--ss-lightblue);
                font-weight: 900;
                font-family: 'Noto Sans JP', sans-serif;
            }
        }

        & .box {
            display: flex;
            flex-wrap: wrap;

            & .sbox {
                display: flex;
                width: 100%;
                flex-direction: column;
                align-items: center;
                justify-content: space-between;
                padding: 40px;
                background-color: var(--ss-lightgray);
                border-radius: 15px;
                margin-bottom: 2rem;

                & h3 {
                    border: none;
                    font-weight: 900;
                    font-family: 'Noto Sans JP', sans-serif;

                    & span {
                        font-weight: 900;
                        font-family: 'Noto Sans JP', sans-serif;
                    }

                    &::after {
                        content: "";
                        border: none;
                    }
                }

                & .txt {
                    line-height: 1.8;
                    margin-bottom: 2rem;
                }


            }
        }
    }

    & .con03_box {
        position: relative;
        z-index: 1;

        &::before {
            position: absolute;
            content: "";
            left: calc(50% - 50vw);
            bottom: 0;
            width: 100vw;
            height: 100%;
            background-color: var(--ss-lightgray);
            z-index: 0;
        }

        &>* {
            position: relative;
            z-index: 1;
        }

        & .box {
            & .sbox {
                background-color: var(--ss-white);
            }
        }

    }

    & .con06_box {
        padding-top: 2rem;
        padding-bottom: 4rem;

        & h2 {
            font-size: 2rem;
            border: none;
            font-weight: 900;
            text-align: center;
            font-family: 'Noto Sans JP', sans-serif;

            & span {
                font-weight: 900;
                font-family: 'Noto Sans JP', sans-serif;
            }
        }

        & .phrase {
            display: flex;
            justify-content: center;
            flex-direction: column;

            & p {
                font-size: 1.5rem;
                font-weight: 900;
                font-family: 'Noto Sans JP', sans-serif;
                margin-bottom: 0.5em;
            }

        }


        & .vbox {
            border: 5px solid var(--ss-lightblue);
            background-color: var(--ss-clearblue);
            border-radius: 40px;
            padding: 30px 40px;
            margin-top: 20px;

            & figure {
                & img {
                    width: 100%;
                }
            }

            & .commentbox {
                & h3 {
                    color: var(--ss-pink);
                    border: none;
                    margin-bottom: 0;

                    &::after {
                        content: "";
                        border: none;
                    }
                }

                & a {
                    color: var(--ss-pink);

                    &:hover {
                        color: var(--ss-hover-pink);
                    }
                }

                & .txt03 {
                    font-size: 1.4rem;
                    margin-bottom: 0.5em;
                    display: flex;
                    flex-direction: column;
                }

                & .txt04 {
                    line-height: 1.8;
                    margin-bottom: 1rem;
                }
            }
        }

    }

    & .con07_nbox {
        padding-top: 2rem;
        padding-bottom: 4rem;

        & h2 {
            display: block;
            text-align: center;
            color: var(--ss-white);
            font-weight: bold;
            box-sizing: border-box;
            background-color: var(--ss-lightblue);
            border-radius: 2em;
            padding-left: 2em;
            padding-right: 2em;
            font-family: 'Noto Sans JP', sans-serif;
        }
        & .article_list{
            list-style: none;
            padding-left: 0;
            display: flex;
            flex-direction: column;
            & li{
                width: 100%;
                background-color: var(--ss-white);
                & figure{
                    & a{
                        display: block;
                        width: 100%;
                        & img{
                            width: 100%;
                        }
                    }
                }
                & span{
                    margin-left: 1rem;
                    margin-right: 1rem;
                    background-color: var(--ss-black);
                    padding: 0.5em;
                    & a{
                        color: var(--ss-white);
                    }
                }
                & h3{
                    font-size: 1.2rem;
                    border: none;
                    padding: 1rem;
                    & a{
                        color: var(--ss-black);
                    }
                    &::after{
                        content: "";
                        border: none;
                    }
                }
            }
        }
    }

    & .con07_box {
        padding-top: 2rem;
        padding-bottom: 4rem;

        & h2 {
            display: block;
            text-align: center;
            color: var(--ss-white);
            font-weight: bold;
            box-sizing: border-box;
            background-color: var(--ss-lightblue);
            border-radius: 2em;
            padding-left: 2em;
            padding-right: 2em;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 900;
        }

        & h3 {
            color: var(--ss-lightblue);
            border: none;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 900;
            text-align: center;
            line-height: 1.8;

            &::after {
                content: "";
                border: none;
            }
        }

        & .m_box {
            display: flex;
            justify-content: space-evenly;
            flex-wrap: wrap;
            align-content: flex-start;

            & .box {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 40%;
                aspect-ratio: 1 / 1;
                justify-content: center;
                border-radius: 50%;
                border: 5px solid var(--ss-lightblue);
                margin-bottom: 2rem;

                & span {}

                & div {
                    color: var(--ss-pink);
                    font-size: 1.5rem;
                    text-align: center;
                    font-weight: 700;


                }
            }

            & .box04 {
                border: 5px solid #8cc63f;
            }

        }

        & .txt02 {
            line-height: 1.8;
            margin-bottom: 4rem;
        }

        & .txt03 {
            font-size: 1.2rem;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 900;
            text-align: center;
            margin-bottom: 2rem;
        }

        & .tel_box {
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            border: 1px solid var(--ss-black);
            padding: 1.5rem;

            & .tel {
                text-align: center;

                & a {
                    color: var(--ss-pink);
                    font-size: 2rem;
                    font-family: 'Noto Sans JP', sans-serif;
                    font-weight: 900;

                    &:hover {
                        color: var(--ss-hover-pink);
                    }
                }
            }

            & .txt {
                text-align: center;
            }

        }
    }

    & .con08_box {

        padding-top: 8rem;
        padding-bottom: 8rem;
        position: relative;
        z-index: 1;

        &::before {
            position: absolute;
            z-index: 0;
            top: 0;
            left: calc(50% - 50vw);
            width: 100vw;
            height: 100%;
            background-size: cover;
            content: "";
            background-image: url("./images/index/con08_bg.webp");

        }

        &>* {
            position: relative;
            z-index: 1;
        }

        & .brandbox {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            margin-bottom: 2rem;

            & .lbox {}

            & .rbox {
                color: var(--ss-white);
                font-size: 1.5rem;
                line-height: 1.8;
                font-family: 'Noto Sans JP', sans-serif;
                font-weight: 700;
            }
        }

        & .imagebox {
            display: flex;
            flex-direction: column;


            & .box {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 2rem;

                & figcaption {
                    color: var(--ss-white);
                    font-weight: bold;
                    margin-top: 1rem;
                }
            }
        }

    }



    & .con09_box {
        padding-top: 2rem;
        padding-bottom: 4rem;

        & a {

            & img {}
        }
    }

}

/* /toppage */

/* single */
.entry-header {
    padding: 2rem 3rem;
    display: block;
    box-sizing: border-box;
    background-color: var(--ss-lightblue);
    border-radius: 4rem;

    & h1 {
        color: var(--ss-white);
    }

}

.entry-meta-item-author {
    display: none;
}

.veu_autoEyeCatchBox {
    display: flex;
    justify-content: center;
}

.single {
    & .entry-body {
        & a {
            color: var(--ss-pink);

            &:hover {
                color: var(--ss-hover-pink);
            }
        }

        & h2 {
            display: block;
            text-align: left;
            color: var(--ss-white);
            font-weight: bold;
            box-sizing: border-box;
            background-color: var(--ss-lightblue);
            border-radius: 2em;
            padding-left: 2em;
            padding-right: 2em;
        }

        & h3 {
            border: none;
            margin-left: 2rem;
            margin-right: 2rem;
            padding-left: 2rem;
            position: relative;

            &::after {
                border: none;
                font-size: 1.5rem;
                line-height: 1.4;
                position: absolute;
                top: 0;
                left: 0;
                content: "●";
                color: var(--ss-lightblue);
            }
        }

        & p {
            line-height: 2.4;
            padding-left: 2rem;
            padding-right: 2rem;
        }

        &>p {
            padding-left: 4rem;
            padding-right: 4rem;
        }
    }

    .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
        background-color: var(--ss-clearblue);

    }
    .wp-block-table.is-style-stripes tbody tr:nth-child(even){
        background-color: var(--ss-white);

    }
    .vk_borderBox_body{
        background-color: var(--ss-white);
        & h2{
            color: var(--ss-pink);
            border-radius: unset;
            background-color: unset;
            font-size: 1.2rem;
            border: none;
        }
    }
}

/* /single */

/* archive */
.category-selecter {
    & select {
        border-radius: 2rem;
        padding-left: 2rem;

    }
}

.vk_post .vk_post_title a {
    color: var(--ss-lightblue);
}

/* /archive */

/* results */
.results{
    & .xo-slider{
        width: 60%;
        margin: 0 auto 40px;
        & img{
            aspect-ratio: 1 / 1;
        }
    }
}
/* /results */

@media (min-width: 576px) {
    :root {
        --vk-width-container: 576px;
    }

    .container {
        max-width: 576px;
    }



}

@media (min-width: 768px) {
    :root {
        --vk-width-container: 768px;
    }

    .container {
        max-width: 768px;
    }

}

@media (min-width: 992px) {
    :root {
        --vk-width-container: 992px;
    }

    .device-pc {

        & .sp {
            display: none;
        }

        & .pc {
            display: block;
        }
    }

    .site-header {
        width: 100%;
        margin: 50px auto 0;

        & .site-header-container {
            height: 100px;
            padding-left: 50px;
            padding-right: 50px;

            & .site-header-logo {
                & a {
                    max-width: unset;
                }
            }
        }
    }

    .device-pc .global-nav-list>li>a {
        padding: 0.5em 1em;
    }

    .header_scrolled .site-header .global-nav {
        display: flex;
        align-items: center;

        & ul {
            height: unset;
        }
    }

    .device-pc #menu-item-236 {

        background-color: var(--ss-pink);
        border-radius: 15px;
        margin-left: 5px;
        margin-right: 10px;

        & a {
            color: var(--ss-white);

        }

        &::before {
            border-bottom: none;
        }

        & ul.sub-menu {
            background-color: var(--ss-white);

            & a {
                color: var(--ss-black);
                font-weight: 700;
            }
        }

        & .sub-menu li a:hover {
            background-color: var(--ss-white);
            color: var(--ss-hover-pink);
        }
    }

    .device-pc #menu-item-70 {

        background-color: var(--ss-lightblue);
        border-radius: 15px;

        & a {
            color: var(--ss-white);

        }

        &::before {
            border-bottom: none;
        }

        & ul.sub-menu {
            background-color: var(--ss-white);

            & a {
                color: var(--ss-black);
                font-weight: 700;
            }
        }

        & .sub-menu li a:hover {
            background-color: var(--ss-white);
            color: var(--ss-hover-pink);
        }
    }

    .ltg-slide picture img {
        height: 700px;
        object-fit: cover;
    }

    .container {
        max-width: 992px;
    }

    .footer-banner-area {
        & .container {
            & figure {
                width: 40%;
            }
        }
    }

    .footer-btn-area {
        & .container {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;

            & .btn-box {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 30%;

            }
        }
    }

    .page-header {
        &::before {
            height: 180px;
        }

        & .title_box {
            margin-top: 200px;

            & .page-header-title {
                font-size: 3rem;
            }
        }
    }

    /* toppage */
    .toku_box {
        & .toku_box_inner {

            & .box {
                width: 33%;
                padding-left: 5%;
                padding-right: 5%;
            }
        }
    }

    .btn_yellow {
        & a {
            width: 40%;
        }
    }

    .con01_box {

        & .box {
            width: 32%;
            padding: 285px 30px 60px;

            & .txt01 {
                font-size: 1.2rem;
            }


        }
    }

    .cre_box {
        & .spbr::before {
            content: none;
        }

        & a {
            width: 80%;
        }
    }

    .home {
        & .con02_box{
            & .article_list{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                & li{
                    width: 30%;
                    
                }
            }

        }
        & .con05_box{
            & .box{
                display: flex;
                & figure{
                    width: 50%;
                }
                & .rbox{
                    width: 50%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    & .txt01{
                        font-size: 3rem;
                        font-weight: 900;
                        color: var(--ss-white);
                    }
                    & h2{
                        font-size: 2.5rem;
            font-weight: 900;
            font-family: 'Noto Sans JP', sans-serif;
                        border: none;
                        & span{
                            color: var(--ss-white);
                        }

                    }
                    & .txt03{
                        line-height: 1.8;
                        margin-bottom: 2rem;
                    }
                    & .btn_yellow a{
                        width: 60%;
                        margin-left: unset;
                    }
                }
            }
        }

        & .con04_box,
        .con03_box {
            & .box {
                display: flex;
                flex-direction: row;
                justify-content: space-between;

                & .sbox {
                    width: 48%;
                }
            }
        }

        & .con06_box {
            & .phrase {
                flex-direction: row;
            }

            & .vbox {
                display: flex;
                justify-content: space-between;
                align-items: stretch;
                flex-direction: row;
                position: relative;
                margin-top: 120px;

                &:nth-child(odd) {
                    & .commentbox {
                        margin-left: auto;
                    }
                }

                &:nth-child(even) {
                    flex-direction: row-reverse;

                    & .commentbox {
                        margin-right: auto;
                    }
                }

                & figure {
                    width: 35%;
                    position: absolute;
                    bottom: 0;

                }

                & .commentbox {
                    width: 57%;

                    & .txt03 {
                        flex-direction: row;
                    }
                }
            }


        }
        & .con07_nbox{
            & .article_list{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                & li{
                    width: 30%;
                    
                }
            }
        }

        & .con07_box {
            & .m_box {
                & .box {
                    width: 18%;
                }
            }
            

        }

        & .con08_box {
            & .brandbox {
                flex-direction: row;
            }

            & .imagebox {
                flex-direction: row;
                justify-content: space-between;

                & .box {
                    margin-bottom: 4rem;
                }
            }

        }

        & .con09_box {
            & a {
                display: block;
                width: 80%;
                margin-left: auto;
                margin-right: auto;

                & img.pc {
                    width: 100%;

                }
            }
        }
    }

    /* /toppage */

    /* archive */
    .category-selecter {
        width: 30%;
    }

    /* /archive */

}

@media (min-width: 1200px) {
    :root {
        --vk-width-container: 1200px;
    }

    .container {
        max-width: 1200px;
    }

    .page-header {
        &::before {
            height: 210px;
        }

        & .title_box {
            margin-top: 230px;
        }
    }


}