@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

@media screen and (max-width: 640px) {
    #header, #footer, #splash, #head-navi, .section, .wrap {
        width: 100%;
        min-width: 100%;
        font-family: メイリオ, Meiryo, "Hiragino Sans", ヒラギノ角ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
}
@media screen and (max-width: 640px) {
    #header .inner {
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    #header .h-left, #header .h-right {
        width: calc(100% - 12px);
    }
}
@media screen and (max-width: 640px) {
    #header h1 {
        font-size: 10.5px;
        margin-bottom: 2px;
    }
}
@media screen and (max-width: 640px) {
    #header h2 {
        width: 46%;
    }
}
@media screen and (max-width: 640px) {
    #header p.attent {
        width: 24%;
        line-height: 28px;
    }
}
@media screen and (max-width: 640px) {
    #header #toggle {
        img {max-width: 40px;}
    }
}
@media screen and (max-width: 640px) {
    #header p.info {
        width: 75%;
        font-size: 15px;
    }
}
@media screen and (max-width: 640px) {
    #header p.hour {
        width: 60%;
        font-size: 10px;
    }
}
@media screen and (max-width: 640px) {
    #header .tel-num {
        width: 40%;
        font-size: 18px;
        line-height: 22px;
    }
}
@media screen and (max-width: 640px) {
    #header .tel-num:before {
        width: 12px;
        height: 16px;
        background-size: 10px;
    }
}
@media screen and (max-width: 640px) {
    #head-navi ul li a:nth-child(odd) {
        width: 50%;
        font-size: 21px;
        line-height: 21px;
    }
}
@media screen and (max-width: 640px) {
    #pagetop {
        width: 52px;
        bottom: 40px;
        right: 13px;
        margin: 0;
    }
}
@media screen and (max-width: 640px) {
    #footer .copy {
        padding: 12px 0;
    }
}
@media screen and (max-width: 640px) {
    #footer .copy p {
        font-size: 10px;
    }
}
@media screen and (max-width: 640px) {
    #footer #foot-navi ul li a {
        height: 40px;
        padding: 10px 0;
        font-size: 20px;
        font-weight: normal;
        line-height: 20px;
        color: #525252;
    }
}