@charset "UTF-8";
@media screen and (max-width: 768px) {
    /* base
--------------------------- */
    body {
        font-size: 16px;
    }
    .sp_only {
        display: block;
    }
    .pc_only {
        display: none;
    }
    a:hover {
        text-decoration: none;
    }
    /* font
--------------------------- */
    @font-face {}
    /* #header
--------------------------- */
    #header {}
    #header .header {
        height: 200px;
    }
    #header .header .mainlogo {
        padding-top: 40px;
    }
    #header .header .mainlogo a {
        width: 160px;
    }
    .sitelogo {}
    .sitelogo h1 {}
    .sitelogo h1 a {}
    .reservation {
        display: none;
    }
    .sp_menu {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 11;
    }
    .sp_menu .menu_btn {
        padding: 15px;
        background: #F77825;
    }
    .sp_menu .menu_btn i {
        font-size: 35px;
        font-weight: 100;
        color: #FFF;
    }
    /* #globalnavi
--------------------------- */
    #globalnavi .sitemenu {
        display: none;
    }
    /* #menupanel
--------------------------- */
    #menupanel {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #F77825;
        height: 110% !important;
        z-index: 12;
        padding-bottom: 140px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #menupanel .mainlogo {
        text-align: center;
        padding: 25px 0;
    }
    #menupanel .mainlogo img {
        width: 25%;
    }
    #menupanel ul {
        overflow: hidden;
        height: auto;
        padding: 0 2%;
    }
    #menupanel ul li {
        text-align: center;
        width: 46%;
        float: left;
        padding: 0 2%;
        margin-bottom: 4%;
    }
    #menupanel ul li a {
        color: #FFF;
        display: block;
        font-size: 14px;
        padding: 14px 0;
        border: 1px solid #FFF;
        /* margin-bottom: 4%; */
    }
    #menupanel .menu_btn {
        color: #FFF;
    }
    #menupanel .menu_btn {
        width: 100%;
    }
    #menupanel .menu_btn a {
        padding: 20px 0px;
        display: block;
        width: 60%;
        max-width: 300px;
        margin: 0 auto;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        text-align: center;
        line-height: 0;
        height: 40px;
        color: #F77825;
        background: #FFF;
    }
    /* #container
--------------------------- */
    /* #contents
--------------------------- */
    #contents #main {
        padding-top: 50px;
    }
    /* .common
--------------------------- */
    .page_title {}
    .page_title h2 {
        margin-bottom: 50px;
    }
    .page_title h2 span {}
    .page_title h2::before {}
    .page_title h2 .en {}
    .page_title h2 .jp {}
    #under_access {
        padding-top: 60px;
    }
    #under_access h2 {
        margin-bottom: 60px;
    }
    #under_access #map_canvas {
        margin-bottom: 20px;
        height: 350px;
    }
    #under_access #map_canvas iframe {
        height: 350px;
    }
    #under_access .infomation .call {
        display: none;
    }
    #under_access .infomation .contact {
        display: none;
    }
    #under_access .infomation .address dl {
        width: 100%;
        float: none;
    }
    #under_access .infomation .address .attention {
        text-align: left;
        line-height: 1.6;
        font-size: 14px;
    }
    /* top page */
    #visual {
        height: 500px;
    }
    #visual #slide_text {
        top: 50px;
    }
    #visual #slide_text .inner {
        padding-top: 50px;
    }
    #visual #slide_text .inner p {
        line-height: 1.6;
    }
    #visual #slide_text .inner .catchy {
        font-size: 30px;
    }
    #visual #slide_text .inner .leading {
        font-size: 18px;
        padding: 0 1em;
    }
    #top #contents #main {
        padding-top: 40px;
    }
    #top #intro {
        margin-bottom: 20px;
        padding: 0 20px;
    }
    #top #intro h2 {
        margin-bottom: 40px;
        line-height: 1.4;
    }
    #top #intro p br {
        display: none;
    }
    #top #service {
        margin-bottom: 60px;
    }
    #top #service .service_box .item {
        width: 50%;
    }
    #top #service .service_box .item a {
        display: block;
        padding: 10px;
    }
    #top #instagram {
        margin-bottom: 60px;
    }
    #top #instagram h2 {
        margin-bottom: 60px;
    }
    #top #instagram ul li {
        width: 33.333%;
    }
    #top #news {
        margin-bottom: 60px;
    }
    #top #news h2 {
        margin-bottom: 60px;
    }
    #top #news .news_list .item {
        margin-bottom: 20px;
        width: 50%;
    }
    /* news page */
    #news .news_box .item .date {
        font-size: 14px;
        margin-bottom: 10px;
    }
    #news .news_box .item h3 {
        font-size: 18px;
    }
    #news .news_box .item {
        margin-bottom: 30px;
    }
    /* flow page
--------------------------- */
    #flow {}
    #flow .flow {}
    #flow .flow .intro {}
    #flow .flow .intro p {}
    #flow .flow .item {
        margin-bottom: 40px;
    }
    #flow .flow .arrow {}
    #flow .flow .arrow::before {}
    #flow .flow .inner {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    #flow .flow .inner h3::before {
        width: 50%;
    }
    #flow .flow .inner h3 {
        font-size: 24px;
    }
    #flow .flow .inner h3 i {}
    #flow .flow .inner p {
        padding: 0 1em;
    }
    #flow .flow .inner p .attention {}
    #flow .flow .inner ol {}
    #flow .flow .inner ol li {}
    #flow .flow .inner ol li .attention {}
    #flow .flow .inner ol .next {}
    #flow .flow .inner ol .next i {
        margin-left: 45%;
        font-size: 24px;
    }
    #flow .flow figure {
        float: none;
        margin: 0 auto;
        width: 50%;
    }
    /* menu page
--------------------------- */
    #menu {}
    #menu .menu_nav {
        margin-bottom: 20px;
        width: 80%;
    }
    #menu .menu_nav ul {}
    #menu .menu_nav ul li {}
    #menu .menu_nav ul li.active {
        padding: 0;
    }
    #menu .menu_nav ul li .image {
        width: 100%;
        margin: 0;
    }
    #menu .menu_nav ul li .image img {
        line-height: 0;
    }
    #menu .menu_nav ul li .en {
        display: none;
    }
    #menu .menu_nav ul li .en::before {}
    #menu .menu_nav ul li .jp {
        position: absolute;
        width: 100%;
        background: #FFF;
        padding: 15px 0;
        bottom: 0;
    }
    #menu .supplement {
        padding: 0 2em;
        margin-bottom: 20px;
    }
    #menu .supplement p {
        line-height: 1.8;
    }
    #menu .supplement p span {}
    #menu .menu_content {}
    #menu .menu_content.active {}
    #menu .menu_content .item {
        margin-bottom: 40px;
    }
    #menu .menu_content .item h3 {}
    #menu .menu_content .item h3::before {}
    #menu .menu_content .item figure {
        display: none;
    }
    #menu .menu_content .item figure figcaption {}
    #menu .menu_content .item table {
        width: 100%;
    }
    #menu .menu_content .item table tr:nth-child(2n+1) {}
    #menu .menu_content .item table th {}
    #menu .menu_content .item table td {}
    #menu .aside {
        margin: 0 15px 40px;
    }
    #menu .aside h4 {}
    #menu .aside h4::before {}
    #menu .aside h4 span {}
    #menu .aside ul {}
    #menu .aside ul li {}
    /* eyelashes page
--------------------------- */
    #eyelashes {}
    #eyelashes .eyelashes {
        margin-bottom: 40px;
    }
    #eyelashes .eyelashes h3 {
        font-size: 24px;
        letter-spacing: 2px;
        line-height: 1.6;
    }
    #eyelashes .eyelashes h3::after {}
    #eyelashes .eyelashes .inner {}
    #eyelashes .eyelashes h4 {
        margin-bottom: 20px;
        line-height: 1.6;
        font-size: 20px;
        letter-spacing: 2px;
    }
    #eyelashes .eyelashes ul {
        width: 100%;
        float: none;
    }
    #eyelashes .eyelashes ul li {}
    #eyelashes .eyelashes ul li:before {}
    #eyelashes .eyelashes figure {
        float: none;
        width: 60%;
        margin: 0 auto;
    }
    #eyelashes .eyelashes dl {}
    #eyelashes .eyelashes dl dt {}
    #eyelashes .eyelashes dl dd {}
    #eyelashes .eyelashes p {}
    #eyelashes .price {
        font-size: 24px;
    }
    #eyelashes .price .yen {
        display: block;
    }
    #eyelashes .price .once {
        margin: 0;
    }
    /* voice page
--------------------------- */
    #voice {}
    #voice .intro {
        text-align: left;
        margin-bottom: 40px;
        padding: 0 20px;
        line-height: 1.6;
    }
    #voice .intro p {}
    #voice .voice_box {}
    #voice .voice_box .item {
        width: 100%;
        position: static !important;
        padding: 10px;
    }
    #voice .voice_box .item .inner {}
    #voice .voice_box .item .inner::before {}
    #voice .voice_box .item .inner .head {
        padding: 5px;
    }
    #voice .voice_box .item .inner .head figure {
        width: 12%;
    }
    #voice .voice_box .item .inner .head .customer {
        padding: 0;
        width: 85%;
    }
    #voice .voice_box .item .inner .head .customer p {
        font-size: 12px;
        margin-bottom: 10px;
    }
    #voice .voice_box .item .inner .head .customer h3 {
        font-size: 16px;
    }
    #voice .voice_box .item .inner .head .customer h3 .name {
        font-size: 18px;
    }
    #voice .voice_box .item .inner .head .customer h3 .permission {}
    #voice .voice_box .item .inner .explain {
        padding: 10px;
    }
    #voice .voice_box .item .inner .explain p {}
    /* about page
--------------------------- */
    #waxer {}
    #waxer h3 {
        margin-bottom: 60px;
    }
    #waxer h3::after {}
    #waxer .waxer_visual {
        margin-bottom: 40px;
    }
    #waxer .waxer_visual {}
    #waxer .waxer_visual figure {}
    #waxer .waxer_visual figure figcaption {
        left: 10px;
        top: 30px;
        font-size: 30px;
        text-align: center;
        font-weight: 500;
    }
    #waxer .interview {
        margin-bottom: 40px;
    }
    #waxer .interview .comment {}
    #waxer .interview .comment.left {
        width: 100%;
        float: none;
        border-right: none;
        padding: 0 1em;
    }
    #waxer .interview .comment.right {
        width: 100%;
        padding: 0 1em;
    }
    #waxer .interview .comment h4 {
        font-size: 18px;
    }
    #waxer .interview .comment h4::before {
        font-size: 10px;
    }
    #waxer .interview .comment h4::after {
        font-size: 10px;
    }
    #waxer .interview .comment p {
        margin-bottom: 20px;
    }
    #waxer .profile {
        margin-bottom: 40px;
    }
    #waxer .profile figure {
        width: 50%;
        float: none;
        margin: 0 auto 20px;
    }
    #waxer .profile figure figcaption {}
    #waxer .profile .explain {
        width: 100%;
    }
    #waxer .profile .explain p {}
    #waxer .profile .explain dl {}
    #waxer .profile .explain dl dt, #waxer .profile .explain dl dd {}
    #waxer .profile .explain dl dt {
        float: none;
        font-weight: 500;
        text-align: center;
        width: 100%;
    }
    #waxer .profile .explain dl dt i {}
    #waxer .profile .explain dl dd {
        padding-left: 0;
    }
    /* quality page
--------------------------- */
    #quality {}
    #quality .quality {}
    #quality .quality .intro {}
    #quality .quality .intro p {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    #quality .quality .intro figure {
        float: none;
        width: 50%;
        margin: 0 auto 20px;
    }
    #quality .quality .intro figure img {}
    #quality .quality .quality_box {}
    #quality .quality .quality_box p {}
    #quality .quality .quality_box ul {}
    #quality .quality .quality_box ul li {
        line-height: 1.6;
    }
    #quality .quality .quality_box ul li::before {}
    #quality .quality .quality_box ul li span {}
    #quality .quality .quality_box .images ul {}
    #quality .quality .quality_box .images ul li {}
    #quality .quality .quality_box .images ul li::before {}
    /* about page
--------------------------- */
    #about {}
    #about h3 {}
    #about .intro {
        margin-bottom: 40px;
    }
    #about .intro p {}
    #about .intro .mainlogo {
        width: 40%;
        margin: 0 auto 20px;
    }
    #about .intro ul {
        margin-bottom: 40px;
    }
    #about .intro ul li {}
    #about .intro ul li img {}
    #about .wax {
        margin-bottom: 40px;
    }
    #about .wax h3 {}
    #about .wax h3::after {}
    #about .wax figure {
        width: 60%;
        float: none;
        margin: 0 auto 40px;
    }
    #about .wax .explain {
        width: 100%;
        float: none;
    }
    #about .wax .explain p {}
    /* contact page
--------------------------- */
    #contact {}
    #contact h3 {
        font-size: 24px;
    }
    #contact h3::after {}
    #contact .intro {
        margin-bottom: 40px;
    }
    #contact .intro p {
        text-align: left;
        line-height: 1.8;
    }
    #contact .intro p span {}
    #contact .tel {
        margin-bottom: 40px;
    }
    #contact .tel p {}
    #contact .tel .phone {}
    #contact .tel .phone i {}
    #contact .tel .attention {
        text-align: left;
    }
    #contact .mailform {}
    #contact .mailform dl {}
    #contact .mailform dl dt, #contact .mailform dl dd {
        padding: 10px;
        width: 100%;
        float: none;
    }
    #contact .mailform dl dt {}
    #contact .mailform dl dt span {}
    #contact .mailform dl dt .must {}
    #contact .mailform dl dt .any {}
    #contact .mailform dl dd {
        border-bottom: none;
    }
    #contact .mailform dl dd:last-child {}
    #contact .mailform dl dd .wpcf7-quiz-label {}
    #contact .mailform dl dd input[type="text"], #contact .mailform dl dd input[type="email"], #contact .mailform dl dd input[type="tel"], #contact .mailform dl dd textarea {
        width: 90%;
    }
    #contact .mailform .btn {}
    #contact .mailform .btn input[type="submit"] {
        padding: 10px 20px;
        width: 200px;
    }
    #contact .mailform .btn:hover input[type="submit"] {}
    #contact .mailform .screen-reader-response {}
    #contact .mailform .wpcf7-not-valid-tip {}
    #contact .mailform .wpcf7-response-output {}
    #contact .mailform .wpcf-7-mail-sent-ok {}
    #contact .mailform .wpcf7-mail-sent-ng {}
    #contact .mailform .wpcf7-validation-errors {}
    /* single page
--------------------------- */
    #single {}
    #single #post {}
    #single #post h3 {}
    #single #post .date {}
    #single #post .post {
        padding: 40px 0;
    }
    #single #post .post p {}
    #single #post .post img {}
    #single #arrival {
        padding: 0;
    }
    #single #arrival .article_box {
        border-top: 1px solid #FFF;
    }
    #single #arrival .article_box .item {
        width: 100%;
        float: none;
        clear: both;
        overflow: hidden;
        height: auto;
        display: block;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #FFF;
    }
    #single #arrival .article_box .item a {
        overflow: hidden;
        height: auto;
    }
    #single #arrival .article_box .item .image {
        width: 25%;
        float: left;
        margin: 0;
    }
    #single #arrival .article_box .item .image img {}
    #single #arrival .article_box .date {
        padding-left: 27%;
        text-align: left;
        padding-top: 10px;
    }
    #single #arrival .article_box h4 {
        text-align: left;
        padding-left: 27%;
    }
    /* 404 page
--------------------------- */
    #notfound {
    }
    #notfound .post {
        padding-bottom: 40px;
    }

    /* #footer
--------------------------- */
    #footer {
        padding-bottom: 70px;
    }
    /* #scroll
--------------------------- */
    #scroll {
        bottom: 10px;
        right: 10px;
    }
    #scroll a {
        width: 50px;
        height: 50px;
        z-index: 11;
    }
    #scroll a i {
        font-size: 24px;
        line-height: 48px;
    }
    /* #fix_foot
--------------------------- */
    #fix_foot {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 11;
        background: #F77825;
        height: 70px;
    }
    #fix_foot ul {
        overflow: hidden;
        height: auto;
    }
    #fix_foot ul li {
        width: 30%;
        float: left;
        wi;
        display: block;
        padding: 5px 0;
    }
    #fix_foot ul li a {
        display: block;
        text-align: center;
        color: #FFF;
        border-right: 1px solid #FFF;
    }
    #fix_foot ul li:last-child a {
        border-right: none;
    }
    #fix_foot ul li a i {
        display: block;
        font-size: 40px;
        margin-bottom: 5px;
    }
    #fix_foot ul li a span {
        display: block;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 2px;
    }
}
