@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
@media screen and (max-width: 480px) {

    /*フッター用CSS*/
    .footer-section {
        /*        display: flex;*/
        width: calc(100vw);
        padding: calc(2.5vw) calc(5vw);
        background-color: #f8f8f8;
        margin-bottom: 0;
    }

    .footer-logo {
        display: flex;
        width: calc(90.0vw);
        padding-right: calc(3.5vw);
    }

    .footer-logo>div:nth-child(1) {
        width: calc(20.0vw);
    }

    .footer-logo>div:nth-child(2) {
        width: calc(70.0vw);
        padding-left: calc(10.0vw);
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(3.0vw);
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .footer-menu {
        width: calc(90vw);
        margin: 0 auto;
    }

    .footer-menu>div:nth-child(1) {
        background-color: #21603A;
    }

    .footer-menu>div:nth-child(1)>div {
        color: white;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(4.0vw);
        margin: 0 auto;
        padding: calc(0.8vw) 0;
        width: calc(80.0vw);
    }

    .footer-menu>div:nth-child(2) {
        display: flex;
        width: calc(90.0vw);
    }

    .footer-menu>div:nth-child(2)>div:nth-child(1) {
        width: calc(50.0vw);
    }

    .footer-link {
        list-style: none;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(4.0vw);
        padding-left: 0 !important;
        margin-top: calc(2vw);
    }

    .footer-link>li:nth-child(4) {
        line-height: 1.2;
    }

    .footer-menu>div:nth-child(2)>div:nth-child(2) {
        width: calc(37.0vw);
    }

    .footer-button {
        margin-top: calc(1.8vw);
        display: flex;
        width: calc(39.0vw);
        border: 1px black solid;
        padding-top: calc(3.0vw);
        padding-bottom: calc(2.0vw);
    }

    .footer-button>div:nth-child(1) {
        width: calc(4.0vw);
        font-size: calc(3.0vw);
        text-align: center;
        padding-left: calc(1vw);
    }

    .footer-button>div:nth-child(2) {
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(3.0vw);
        width: calc(30vw);
        text-align: center;
        font-weight: 500;
    }

    .footer-button>div:nth-child(3) {
        width: calc(5.0vw);
        font-size: calc(3.0vw);
        font-weight: 500;
    }

    .footer-link>li>a {
        text-decoration: none;
        color: black;
    }

    /*
.footer-link>li>a:active, .footer-link>li>a:link, .footer-link>li>a:hover, .footer-link>li>a:visited {
    color: black;
}
*/
    .footer-menu>div>div>a {
        color: black;
        text-decoration: none;
    }

    .footer-blackbelt {
        color: white;
        background-color: black;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(2.4vw);
        text-align: center;
        padding:calc(2.0vw) 0;
    }

    .footer-blackbelt a {
        color: white;
        text-decoration: none;
    }

}

@media screen and (min-width: 481px) {

    /*フッター用CSS*/
    .footer-section {
        display: flex;
        width: calc(100vw);
        padding: calc(2.5vw) calc(13.5vw);
        background-color: #f8f8f8;
        margin-bottom: 0;
    }

    .footer-logo {
        width: calc(19.5vw);
        padding-right: calc(6.5vw);
    }

    .footer-logo>div:nth-child(2) {
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(0.8vw);
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .footer-menu {
        width: calc(53.5vw);
    }

    .footer-menu>div:nth-child(1) {
        background-color: #21603A;
    }

    .footer-menu>div:nth-child(1)>div {
        color: white;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(1.8vw);
        margin: 0 auto;
        padding: calc(0.8vw) 0;
        width: calc(35vw);
    }

    .footer-menu>div:nth-child(2) {
        display: flex;
    }


    .footer-link {
        list-style: none;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(1.3vw);
        padding-left: 0;
        width: calc(30.5vw);
        margin-top: calc(2vw);
    }

    .footer-link>li:nth-child(4) {
        line-height: 1.2;
    }

    .footer-button {
        margin-top: calc(1.8vw);
        display: flex;
        width: calc(23vw);
        border: 1px black solid;
        padding-top: calc(1vw);
    }

    .footer-button>div:nth-child(1) {
        width: calc(4vw);
        font-size: calc(1.6vw);
        text-align: center;
    }

    .footer-button>div:nth-child(2) {
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(1.5vw);
        width: calc(16vw);
        text-align: center;
        font-weight: 500;
    }

    .footer-button>div:nth-child(3) {
        width: calc(3vw);
        font-size: calc(1.5vw);
        font-weight: 500;
    }

    .footer-link>li>a {
        text-decoration: none;
        color: black;
    }

    /*
.footer-link>li>a:active, .footer-link>li>a:link, .footer-link>li>a:hover, .footer-link>li>a:visited {
    color: black;
}
*/
    .footer-menu>div>div>a {
        color: black;
        text-decoration: none;
    }

    .footer-blackbelt {
        color: white;
        background-color: black;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(1vw);
        text-align: center;
    }

    .footer-blackbelt a {
        color: white;
        text-decoration: none;
    }

}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
    /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
    /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
    /*必要ならばここにコードを書く*/
}