/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/


/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px) {
    #headbox-bg {
        background: #fff !important;
        border-bottom: solid 1px #e9e9e9 !important;
    }
    /*-- ここまで --*/
}


/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 600px) and (max-width: 959px) {
    /*-- ここまで --*/
}


/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 600px) {
    /*-- ここまで --*/
}


/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/

@media print,
screen and (min-width: 960px) {
    /* 基本レイアウト---------------------------------------- */
    header {
        background: #fff;
    }
    #header-full {
        width: 1200px !important;
        margin: 0 auto;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    #headbox-bg {
        background: none !important;
    }
    #header-l {
        max-width: 300px;
    }
    #headbox {
        max-width: 1200px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    #st-menuwide {
        background: none !important;
        border: none !important;
    }
    header .smanone ul.menu li {
        border-right: none !important;
    }
    header .smanone ul.menu li a {
        font-size: 16px !important;
        font-weight: 700 !important;
        text-align: center;
    }
    #header-r .footermenust.st-menu-side span {
        display: inline-block !important;
    }
    header .smanone ul.menu li a:after {
        content: "\f105";
        margin-left: 15px;
        float: right;
        font-family: stsvg;
        padding: 0 5px !important;
    }
    .menu-contact a {
        background: #000;
        color: #fff !important;
        display: block;
        padding: 0 10px !important;
        margin-left: 20px !important;
    }
    .menu-contact a:after {
        content: "" !important;
    }
    #st-menuwide,
    #st-header-cardlink,
    #st-menuwide div.menu,
    #st-menuwide nav.menu,
    #st-header,
    #st-header-under-widgets-box {
        max-width: 1200px !important;
    }
    .st-content-width,
    nav.smanone,
    nav.st5,
    #content,
    #footer-in {
        max-width: 860px !important;
    }
    main {
        margin-right: 320px;
        margin-left: 0px;
        background-color: rgb(255, 255, 255);
        border-radius: 4px;
        padding: 30px !important;
    }
    #wrapper:not(.colum1) #content-w,
    header+#content-w {
        padding-top: 30px !important;
    }
    /*-- ここまで --*/
}


/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/

@media print,
screen and (max-width: 599px) {
    #content,
    main {
        padding: 3% !important;
    }
    .entry-content>* {
        clear: both;
        margin-bottom: 20px !important;
    }
    /*-- ここまで --*/
}