@charset "utf-8";
/* CSS Document */

html {
    -webkit-text-size-adjust: none;
}

img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

#wakoku_header,
#wakoku_main,
#wakoku_footer{
    color: #0e0f0f;
    letter-spacing: 0.12em;
    /* font-family: 'Noto Sans JP', sans-serif; */
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
}

/*===================================
clearfixの設定
=====================================*/

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/*===================================
flexboxの設定
=====================================*/

[class*="flex"] {
    display: flex;
    flex-wrap: wrap;
}

/*===================================
sectionBOXの設定
=====================================*/

[class*="inbox"] {
    width: 960px;
    margin: 0 auto;
}

[class*="inbox02"] {
    width: 980px;
    margin: 0 auto;
}

[class*="inbox03"] {
    width: 1280px;
    margin: 0 auto;
}


/*===================================
pcの時の設定
=====================================*/

@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }

    .pc_none {
        display: none !important;
    }
}

/*===================================
spの時の設定
=====================================*/

@media screen and (max-width: 767px) {
    .sp_none {
        display: none !important;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    [class*="inbox"],
    [class*="inbox02"],
    [class*="inbox03"] {
        width: calc(100% - 25px);
        margin: 0 auto;
    }
}

/*========================================
e404の設定
==========================================*/

.e404_txt a {
    color: #e63a3a;
}