@CHARSET "UTF-8";

@media screen and (max-width: 768px){
    .header {
        padding-left: 10px;
        padding-top: 40px;
        background-size: cover;
        background-position: -30vw 0;
    }
    .header h1 {
        top: 10px;
        left: 10px;
        width: 84%;
    }
    .header .logo .nanatsuya {
        width: 60px;
    }
    .slider-wrap ul li .cover {
        /* background-image: url(../img/users/sp_main_visual_cover.png); */
        /* background-size: cover; */
        /* background-repeat: no-repeat; */
        left: 0;
        width: 100%;
        padding: 0 10px;
        top: 20%;
    }
    .slider-wrap ul li .cover h2 {
        font-size: 5vw;
        font-family: "RyuminBold";
    }
    .slider-wrap ul li .cover p.writer-name {
        font-size: 4vw;
        margin: 10px 0 0;
    }
    .slider-wrap ul li .cover p.writer-description {
        font-size: 4vw;
    }
    .slider-wrap ul li .cover table th p.writer-name {
        font-size: 3vw;
    }
    .slider-wrap ul li .cover table th p.writer-description {
        font-size: 2.5vw;
    }
    .concept-wrap {
        padding: 20px 10px;
    }
    .concept-wrap h3.concept-title {
        font-size: 30px;
        margin-left: -2vw;
    }
    .concept-wrap h3.concept-title .line {
        width: 250px;
        margin: -13px auto;
        left: 3vw;
    }
    .concept-wrap h3.concept-title span {
        font-size: 16px;
    }
    .kodawari-wrap {
        padding: 20px 10px;
    }
    .kodawari-wrap h3.kodawari-title {
        font-size: 30px;
    }
    .kodawari-wrap h3.kodawari-title .line {
        width: 190px;
        margin: -20px auto;
    }
    .kodawari-wrap h3.kodawari-title span {
        font-size: 16px;
    }
    .kodawari-wrap .kodawari-contents {
        margin: 0;
    }
    .kodawari-wrap .kodawari-contents .kodawari-text p.title {
        font-size: 4.5vw;
    }
    .kodawari-wrap .kodawari-contents .kodawari-text p.title span {
        margin-top: -3px;
    }
    .insta-wrap {
        padding: 20px 10px;
    }
    .insta-wrap .insta-contents .insta-list-wrap .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .insta-wrap .insta-contents .insta-list-wrap .row .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .insta-wrap .insta-contents .insta-list-wrap .insta-list-box {
        margin-bottom: 10px;
    }
    .insta-wrap .insta-contents .insta-list-wrap .insta-list-box img {
        height: 150px;
    }
    .insta-wrap .insta-contents .insta-list-wrap {
        margin-top: 10px;
    }
    .footer {
        padding: 20px 10px;
    }
    .footer .footer-menu a {
        margin: 0 2px;
    }
    .subpage-header {
        padding: 25px 0;
        padding-left: 4.5vw;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .subpage-header h2.subpage-title {
        font-size: 6vw;
    }
    .contact-wrap .contact-input-wrap table th, .contact-wrap .contact-input-wrap table td {
        display: block;
        width: 100%;
        padding: 10px;
    }
    .contact-wrap p.contact-notes {
        text-align: left;
    }
    .contact-wrap .contact-input-wrap {
        width: 100%;
    }
    .contact-wrap .contact-input-wrap table td .form-group .form-inline input {
        width: 12em;
        display: inline-block;
    }
    .contact-wrap .contact-submit-wrap button.contact-send {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .contact-wrap .contact-submit-wrap button.contact-reset {
        margin-left: 0;
    }
    .contact-wrap .contact-line-wrap {
        width: 100%;
    }
    .shop-list-wrap .shop-contents .shop-detail {
        padding: 20px;
    }
    .shop-list-wrap .shop-contents .shop-detail .service-contents {
        margin-bottom: 20px;
    }
    .shop-list-wrap .shop-contents .shop-detail .service-contents .service-image {
        margin-bottom: 15px;
    }
    .shop-list-wrap .shop-contents .shop-detail .service-contents .address-text .more-detail {
        width: 80%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .shop-list-wrap .menu-contents {
        padding: 20px;
    }
    .fc-contents-wrap .fc-main-image h3 {
        top: 0;
        font-size: 20px;
        width: 100%;
        padding: 5px 10px;
        position: relative;
    }
    .fc-contents-wrap .fc-main-image a {
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
    }
    .fc-contents-wrap .fc-contents {
        padding: 20px;
    }

    .fc-contents-wrap .fc-contents h3.fc-main-title {
        margin-bottom: 20px;
        font-size: 22px;
    }
    .fc-contents-wrap .fc-contents .fc-merit .merit-point-wrap .point {
        width: 50vw;
        height: 50vw;
        font-size: 7vw;
        padding-top: 10vw;
        padding-left: 4vw;
        padding-right: 4vw;
        margin-bottom: 20px;
    }
    .fc-contents-wrap .fc-contents .fc-merit .merit-point-wrap .point span {
        font-size: 4vw;
    }
    .fc-contents-wrap .fc-contents .fc-merit .merit-point-wrap .point p {
        margin-bottom: 10px;
    }
    .fc-contents-wrap .fc-contents .fc-merit .merit-point-wrap .message {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .fc-contents-wrap .fc-contents .owner-list .owner-box {
        padding: 15px;
    }
    .fc-contents-wrap .fc-contents .owner-list .owner-box .owner-image {
        margin-bottom: 15px;
    }
    .fc-contents-wrap .fc-contents .conditions-wrap .condition-contents table th {
        width: 10em;
    }
    .fc-contents-wrap .fc-contents .conditions-wrap .condition-contents {
        margin-bottom: 30px;
    }
    .daihyosha-contents {
        margin: 0;
    }
    .recruit-contents table th, .recruit-contents table td {
        display: block;
        width: 100%;
        font-size: 16px;
    }
    .enkaku-contents table th, .enkaku-contents table td {
        padding: 8px;
        display: block;
        width: 100%;
    }
    .enkaku-contents table th {
        border-bottom: none;
        padding-bottom: 0;
    }
    .company-contents table th, .company-contents table td {
        display: block;
        width: 100%;
        padding: 8px 10px;
    }
    .shop-list-wrap .shop-contents .shop-detail .service-contents .address-text p.address-main-body {
        text-align: left;
    }
    .shop-list-wrap .menu-contents .menu-title {
        width: 100%;
    }
    .concept-wrap p.concept-body {
        padding: 20px;
        font-size: 18px;
    }
    p.to-contact-detail {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px){
}