@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
* {
    margin: 0
}
html {
    font-size: 62.5%
}
body, html {
    -webkit-font-smoothing: antialiased
}
body {
    font-size: 14px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    letter-spacing: 0;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-rendering: optimizeLegibility;
    line-height: 1.5;
    color: #FFF;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict
}
article, aside, footer, header, main, nav, section {
    display: block
}
button, input, select, textarea {
    font: inherit
}
div a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a {
    max-width: 100%
}
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400;
    font-style: normal
}
ol, ul {
    list-style: none;
    padding: 0;
    margin: 0
}
img {
    vertical-align: bottom;
    border-style: none;
    max-width: 100%;
    display: inline-block;
    height: auto
}
input[type=email], input[type=tel], input[type=text] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none
}
input[type=checkbox], input[type=radio] {
    display: block;
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
    border-radius: 0
}
textarea {
    resize: none;
    border: 0;
    border-radius: 0
}
button, input[type=submit], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    background: transparent
}
button, input[type=submit] {
    border: none;
    border-radius: 0
}

/* ------------------------------------------------------------
 * footer
------------------------------------------------------------ */
@media screen and (max-width:959px){/*タブレット用指定*/

    .footer__box_s1 {
        display: flex;
        flex-flow: column wrap;
        flex-direction: column-reverse;
        justify-content: space-between;
        margin: 0 auto;
    }

    /* footernav のレイアウト */
    #footer .footernav_box {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: flex-start;
    }
    #footer .sp-home {
        padding-right: 16px;
        width: 86px;
    }

    #footer .footernav {
        display: flex;
        flex-flow: row wrap;
        justify-content: left;
        align-items: flex-start;
        margin-bottom: 60px;
    }
    
    .footernav > li {
        padding-right: 16px;
        padding-left: 16px;
    }

    #footer .pc { display:none; }
}
@media print, screen and (min-width:960px){/*PC用指定*/

    .footer__box_s1 {
        display: flex;
        justify-content: space-between;
        width: 900px;
        margin: 0 auto;
    }


    #footer .footernav_box {
        text-align: center;
    }
    #footer .item-home {
        display: inline-block;
        padding-right: 16px;
    }
    #footer .footernav {
        display: inline-block;
    }

    .footernav > li {
        padding-right: 16px;
        padding-left: 16px;
    }

}

/* ------------------------------------------------------------
 * globalnav
------------------------------------------------------------ */
.globalnav .gnav__link__text,
.globalnav-u .gnav__link__text {
    margin-left: 6px
}

@media screen and (min-width:769px) and (max-width:1250px) {

    .globalnav .gnav__link__text,
    .globalnav-u .gnav__link__text {
        display: none
    }
}


/* ------------------------------------------------------------
 * side
------------------------------------------------------------ */
#side .sidemenu__title {
    padding-bottom: 30px;
}

#side .sidemenu-search .sidemenu-search__slct {
    background: #3F3F3F;
    color: #fff;
    font-size: 16px;
    padding: 8px 16px;
    height: unset;
    border-radius: 3px;
}
#side .sidemenu-search .sidemenu-search__input {
    background: #fff;
    color: #000;
    height: 48px;
    font-size: 16px;
    width: calc(100% - 54px);
    max-width: 210px;
    border-radius: 3px;
    padding: 8px 16px;
}
#side .sidemenu-search .sidemenu-search__btn {
    height: 48px;
    width: 49px;
    box-sizing: ;
    background: #E4201E;
    border: 1px solid #E4201E;
}