@charset "UTF-8";
/**
 *
 * レイアウト、共通コンテンツ
 *
**/

/**
 * フロート
**/

.fl {
    float: left;
}

.fr {
    float: right;
}

/**
 * クリア関連
**/

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px !important;
}

* html .clearfix {
    height: 1px !important;
}

/**
 * フッター
**/

#footer {
    font-family: Roboto;
    padding: 50px 0 50px 0;
    width: 100%;
    text-align: center;
    color: #000000;
    background: #FFD940;
    overflow: hidden;
    font-weight: 400;
}

#footer img {
    width: 100%;
    height: auto;
    display: block;
}

#footer .wrap_new {
    margin: 0 auto;
    width: 92%;
    max-width: 1100px;
    text-align: left;
    overflow: hidden;
}

#footer .wrap_new .footer_navi {
    width: 50%;
    float: left;
}

#footer .wrap_new .footer_navi ul {
    width: 50%;
    line-height: 1.4em;
    font-size: 16px;
    float: left;
}

#footer .wrap_new .footer_navi ul:nth-of-type(1) {
    max-width: 250px;
}

#footer .wrap_new .footer_navi ul li {
    padding: 15px 0 0 0;
}

#footer .wrap_new .footer_navi ul li a {
    color: #000;
}

#footer .wrap_new .right {
    width: 50%;
    max-width: 198px;
    text-align: right;
    float: right;
}

#footer .wrap_new .right .sns {
    margin: 0 0 30px 0;
}

#footer .wrap_new .right .sns li {
    margin: 0 0 0 19px;
    width: 43px;
    display: inline-block;
}

#footer .wrap_new .right .logo {
    margin: 0 0 15px 0;
}

#footer #copyright {
    line-height: 1.4em;
    font-size: 16px;
    font-weight: 400;
}

/**
 *
 * レスポンシブウェブデザイン用
 *
**/

/**
 * SP表示
**/

.sp_disp {
    display: none !important;
}

/**

/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 768px) {
    /**
 * SP表示
**/
    .sp_disp {
        display: block !important;
    }
    .pc_disp {
        display: none !important;
    }
    /**
 * フッター
**/
    #footer {
        padding: 40px 0 30px 0;
        width: 100%;
        text-align: center;
        color: #000000;
        background: #FFD940;
        overflow: hidden;
    }
    #footer img {
        width: 100%;
        height: auto;
        display: block;
    }
    #footer .wrap_new {
        margin: 0 auto;
        width: 100%;
        max-width: 1100px;
        text-align: left;
        overflow: hidden;
    }
    #footer .wrap_new .footer_navi {
        padding: 0 0 35px 0;
        width: 100%;
        float: none;
    }
    #footer .wrap_new .footer_navi ul {
        width: 100%;
        line-height: 1.4em;
        font-size: 3.9vw;
        text-align: center;
        float: none;
    }
    #footer .wrap_new .footer_navi ul:nth-of-type(1) {
        max-width: 100%;
    }
    #footer .wrap_new .footer_navi ul li {
        padding: 10px 0 0 0;
    }
    #footer .wrap_new .right {
        width: 100%;
        max-width: 100%;
        text-align: right;
        float: none;
    }
    #footer .wrap_new .sns {
        margin: 0 0 15px 0;
        text-align: center;
    }
    #footer .wrap_new .sns li {
        margin: 0 9px;
        width: 9.8vw;
        display: inline-block;
    }
    #footer .wrap_new .right .logo {
        margin: 0 auto 15px auto;
        width: 45.36vw;
    }
    #footer #copyright {
        line-height: 1.4em;
        font-size: 3.9vw;
        font-weight: 400;
        text-align: center;
    }
}