@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 {
        width: calc(20vw);
        padding-right: calc(3.5vw);
    }

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

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

    .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(2.7vw);
        margin: 0 auto;
        padding: calc(0.8vw) 0;
        width: calc(60vw);
    }

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


    .footer-link {
        list-style: none;
        font-family: "Noto Sans JP", sans-serif;
        font-size: calc(2vw);
        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(40vw);
        border: 1px black solid;
        padding-top: calc(1vw);
    }

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

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

    .footer-button>div:nth-child(3) {
        width: calc(5vw);
        font-size: calc(2.4vw);
        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;
    }

}

@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) {
    /*必要ならばここにコードを書く*/
}