@media screen and (max-width:767px) {
    /*共通*/
    h1 {}
    h2 {}
    h3::before {
        ;
    }
    a {
        text-decoration: none;
    }
    a:visited {
        /*        color: black;*/
    }
    .header {
        width: 100%;
    }
    .header img {
        width: 100%;
    }
    .headbtn {
        width: 50%;
        /*        margin-top: 25px;*/
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .headbtn a {
        font-size: 15px;
    }
    .headbtn p {
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .wrapper {
        width: 100% !important;
        margin: 0 auto;
    }
    .tenpo {
        font-size: 12px !important;
        padding-top: 20px;
        font-weight: bold;
    }
    .kakunin03 a {}
    .kakunin03 a:hover {
        background: #DADADA;
        color: #FFFFFF;
        border: 3px solid #FFFFFF;
        box-shadow: none;
    }
    .step {
        line-height: 40px;
        font-size: 18px;
    }
    .top_1 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 25px;
        justify-content: space-around;
    }
    .top_1 p {
        font-weight: bold;
    }
    .top_1_1 {
        width: 33px;
        height: 33px;
        color: #ffff;
        font-weight: 100;
        font-size: 20px !important;
    }
    .top_1_2 {
        width: 33px;
        height: 33px;
        font-weight: 100;
        font-size: 20px !important;
        color: #ffff;
    }
    .top_1_3 {
        width: 33px;
        height: 33px;
        font-weight: 100;
        font-size: 20px !important;
        color: #ffff;
    }
    .top_1_4 {
        width: 33px;
        height: 33px;
        font-weight: 100;
        font-size: 20px !important;
        color: #ffff;
    }
    .top_2 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /*ログインページ*/
    /*マイページ*/
    .menu_btn {
        width: 65%;
        line-height: 40px;
    }
    .menu_btn a {
        color: #FFFFFF !important;
        font-size: 15px;
    }
    .menu_btn a:hover {
        color: #0099FF !important;
    }
    .mb15:hover .arrow_box {
        width: 290px;
        display: inline-block;
        top: -100px;
        left: 0px;
    }
    .arrow_box {}
    .mb19 {
        width: auto;
    }
    .mb19:hover .arrow_box2 {
        top: -120px;
        left: 18%;
        width: 60%;
    }
    .arrow_box2 {
        width: 175px;
        margin-left: 0;
    }
    .logout {
        width: 65%;
        line-height: 40px;
    }
    .logout a {
        font-size: 15px;
    }
    /*    新規登録*/
    .new_account {
        width: 80%;
    }
    .mb17 label {
        font-size: 16px;
    }
    /*ボタン*/
    .kakunin2 a {
        border: solid 2px #4da6ff !important;
        color: #ffffff !important;
    }
    /*メニュー*/
    .menu {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #000;
    }
    .menu-content {
        width: 100%;
        display: none;
        margin: 0 auto;
        margin-top: -35px;
    }
    .menu .name {
        margin-left: 0px;
        margin-right: 0px;
    }
    .name {
        padding-bottom: 5px !important;
        font-size: 15px !important;
        border-bottom: solid 2px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .staff_li .staff_name {
        display: flex;
        position: relative;
        margin: 0;
        padding: 0.625em 0.625em 0.625em 1em;
        font-size: 1.25em;
        font-weight: normal;
        color: gray;
        cursor: pointer;
    }
    .staff_name:after {
        right: 25px;
        top: 35% !important;
    }
    .staff_2_blank {
        font-size: 15px;
        line-height: 3;
    }
    label {
        /* display: block; */
        margin: 0 0 4px 0;
        /*    padding: 5px;*/
        line-height: 2;
        cursor: pointer;
    }
    .tab-label {
        width: 30%;
    }
    .tab-wrap {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0;
        margin-right: 15px;
        margin-left: 15px;
        justify-content: space-between;
    }
    .tab-switch:checked+.tab-label+.tab-content {
        padding: 0;
    }
    input {
        /*        display: none;*/
    }
    .menu ul {
        margin: 0;
        padding: 0;
        background: #f4f4f4;
        list-style: none;
    }
    .menu li {
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    #menu_bar01:checked~#links01 li,
    #menu_bar02:checked~#links02 li {
        height: 54px;
        opacity: 1;
    }
    .checkbox-parts {
        padding-left: 0;
        line-height: 1;
        position: relative;
        font-size: 17px;
        padding-top: 0px;
        left: 25px;
    }
    .checkbox-parts::before {}
    .checkbox-parts::before {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        margin-left: -45px;
        width: 25px;
        height: 25px;
        border: 1px solid #999;
    }
    .menu_name:checked+.checkbox-parts::after {
        left: -45px;
        width: 21px;
        height: 21px;
        font-size: 15px;
        padding-top: 6px;
        padding-left: 6px;
    }
    .price {
        margin-left: 27px;
        font-size: 17px;
        line-height: 1.1;
        margin-top: -18px;
    }
    .yen {
        letter-spacing: 10px;
    }
    .price_1 {
        line-height: 0;
        font-size: 24px !important;
    }
    /*クーポン*/
    .coupon_ti {
        padding-bottom: 5px;
        font-size: 15px;
        border-bottom: solid 2px;
        margin-right: 0;
        margin-left: 0;
    }
    .coupon {
        border: solid 1px;
        border-radius: 5px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .coupon_content {
        display: flex;
    }
    .coupon_content_1 {
        width: 30%;
    }
    .coupon_content_2 {
        width: 80%;
        margin: 0 auto;
        margin-left: 15px;
    }
    .coupon_content_1 img {
        width: 100%;
    }
    .genre::after {
        content: "";
        display: block;
        width: 0px;
    }
    .coupon_name {
        line-height: 25px;
        font-size: 13px;
        letter-spacing: -1px;
        margin-top: 11px;
    }
    .coupon_price {
        display: flex;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .coupon_price_1 {
        font-size: 17px;
    }
    .coupon_price_1 span {
        font-size: 12px;
    }
    .right {
        line-height: 0;
        font-size: 20px;
        padding: 0 10px 0 10px;
    }
    .coupon_price_2 {
        color: red;
        font-weight: bold;
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .coupon_price_2 span {
        font-size: 13px;
    }
    .coupon_coment p {
        font-size: 10px;
        margin-top: -16px;
    }
    .coupon_btn {
        margin-bottom: 10px;
    }
    .coupon_btn_1 {
        width: 100%;
        display: inline-block;
        font-size: 10px;
        padding: 0px;
        line-height: 40px;
    }
    .coupon_btn_1 {
        width: 100%;
        display: inline-block;
        font-size: 10px;
        padding: 0px;
        line-height: 40px;
    }
    .coupon_btn_2 {
        width: 100%;
        display: inline-block;
        font-size: 10px;
        padding: 0;
    }
    .coupon_btn_5 {
        width: 45%;
    }
    .coupon_btn_3 {
        width: 100%;
        display: inline-block;
        font-size: 12px;
        padding: 0px;
    }
    .no_coupon a {
        width: auto;
        font-size: 15px;
    }
    .visit {
        padding-bottom: 10px;
    }
    .visit p {
        font-size: 15px;
        font-weight: bold;
    }
    .visit_history {
        padding: 5px 10px 0px 15px;
    }
    .visit_history label {
        display: inline;
        cursor: pointer;
    }
    .visit_history input[type=radio] {
        display: none;
    }
    .visit_history input[type=radio]+label {
        font-size: 1rem;
    }
    .visit_history input[type=radio]+label:before {
        display: inline-block;
        width: 35px;
        font-family: 'Font Awesome 5 Free';
        content: "\f111";
        font-size: 20px;
        color: #666;
    }
    .visit_history input[type=radio]:checked+label:before {
        font-family: 'Font Awesome 5 Free';
        content: "\f058";
        font-weight: 900;
        color: #666;
        font-size: 20px;
        border-radius: 32px;
    }
    .staff_1 {
        color: #f16c6f;
        margin-top: 20px;
        font-size: 12px;
    }
    .staff_2 {
        line-height: 1;
        margin-top: 15px;
        font-size: 14px !important;
    }
    .profile {
        width: 63%;
        margin: 0 auto;
        margin-left: 105px;
        font-size: 12px;
    }
    .shimei {
        width: 39%;
        margin: 0 auto;
        display: flex;
    }
    .menu-content a {
        display: inline-block;
        border-radius: 5px;
        margin-left: 35%;
        font-size: 12px;
        text-align: center;
        border: 2px solid #4da6ff;
        cursor: pointer;
        padding: 0px 20px;
        line-height: 30px;
        background: #4da6ff;
        color: #ffffff;
        opacity: 1;
        transition: .3s;
        -webkit-appearance: none;
    }
    /*スタッフページ
    .staff_li {
        width: 100%;
        margin: 0 auto;
    }

    .staff_1 {
        font-size: 15px;
        color: #f16c6f;
    }

    .profile {
        width: 60% !important;
        margin: 0 auto !important;
        margin-left: 27% !important;
    }

    .profile p {
        word-break: break-all !important;
        line-height: 22px !important;
        font-size: 15px !important;
    }

    .staff_img img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-position: bottom;
        display: inline-block;
        background-size: 210px;
        background-repeat: round;
    }

    .menu-content a {
        display: inline-block;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        background: #4da6ff;
        color: #ffffff;
        transition: .3s;
        padding: 10px 20px;
    }

    /*日付選択*/
    .calender {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .calender_top {
        display: flex;
        justify-content: space-between;
    }
    .calender_top a {
        margin-top: 5px;
        line-height: 1.5;
    }
    .calender_top p {
        margin-top: 0px;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 10px;
    }
    table {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .li {}
    tbody {
        height: 325px;
    }
    td {
        height: 20px;
        font-size: 0.7rem !important;
    }
    th {
        background: #f0e6cc;
    }
    .even {
        background: #fbf8f0;
    }
    .odd {
        background: #fefcf9;
    }
    .data {
        font-size: 13px;
    }
    .data td {
        padding: 0px;
    }
    .holiday {
        font-size: 16px !important;
        background: #888;
        letter-spacing: 4px;
        color: #ffffff;
        line-height: 22px;
    }
    /*確認*/
    .verifi {
        width: 90%;
        margin: 0 auto;
    }
    .verifi h3 {
        font-size: 15px;
    }
    .verifi_1 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .verifi_1_1 p {}
    .notes {
        text-align: center;
        font-size: 10px;
    }
    .verifi_1_2 {}
    .verifi_1_2 p {}
    .verifi_1_3 {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-left: 0;
        margin-bottom: 40px;
    }
    .naiyou {
        width: 40%;
        margin: 0 auto;
    }
    .naiyou_1 {
        font-size: 13px;
        line-height: 30px;
    }
    .verifi_1_3 p {
        font-size: 20px;
        text-align: center;
    }
    .verifi_2 {
        margin-bottom: 40px;
    }
    .verifi_2_1 p {}
    .verifi_2_2 {
        display: block;
        line-height: 1;
    }
    .verifi_2_2 p {}
    .verifi_2_2_1 {
        display: flex;
    }
    .verifi_2_2_1 p {
        line-height: 1.5;
        margin-left: 20px;
        padding-top: 0px;
        font-size: 75%;
    }
    .verifi_3 {
        margin-bottom: 40px;
    }
    .verifi_price {
        line-height: 0 !important;
        color: #f16c6f;
        font-size: 26px;
        font-size: 130% !important;
        margin-left: 0 !important;
    }
    .menu_ti {
        font-size: 80%;
        font-weight: bold;
    }
    /*戻る*/
    .modoru {
        width: 100%;
        line-height: 40px;
    }
    .modoru a {
        display: block;
        width: 40%;
        /* height: 55px; */
        margin: 0 auto;
        /* line-height: 50px; */
        color: #888;
    }
    .modoru a:hover {
        background: #DADADA;
        color: #FFFFFF;
        border: 2px solid #FFFFFF;
        box-shadow: none;
    }
    /*送信*/
    .tsugie {
        display: flex;
        text-align: center;
        justify-content: space-between;
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .soushin {
        width: 45%;
        display: inline-block;
        font-size: 11px;
        text-align: center;
        cursor: pointer;
        background: #4da6ff;
        color: #ffffff;
        transition: .3s;
    }
    .tsugie a {
        width: 45%;
        font-size: 11px;
    }
    .modoru_2 {
        width: 40%;
        font-size: 15px;
    }
    .plan {
        display: inline-block;
        border-radius: 5px;
        margin-left: 35%;
        font-size: 12px;
        text-align: center;
        border: 2px solid #4da6ff;
        cursor: pointer;
        padding: 0px 20px;
        line-height: 30px;
        background: #4da6ff;
        color: #ffffff;
        opacity: 1;
        transition: .3s;
        -webkit-appearance: none;
    }
    /*確認画面用*/
    .kakunin {
        width: 90%;
        margin: 0 auto;
        line-height: 40px;
        justify-content: space-between;
    }
    .kakunin a {
        display: block;
        width: 35%;
        height: 40px;
        /* line-height: 0; */
        color: #888;
        font-size: 15px;
        border: 1px solid #C0C0C0;
    }
    .kakunin a:hover {
        background: #DADADA;
        color: #FFFFFF;
        border: 2px solid #FFFFFF;
        box-shadow: none;
    }
    .kakunin_1 {
        width: 95%;
        justify-content: space-evenly;
    }
    .kakutei {
        width: 60%;
        display: inline-block;
        border-radius: 5px;
        font-size: 15px;
        text-align: center;
        cursor: pointer;
        /* padding: 9px 50px; */
        background: #529ad4;
        color: #ffffff;
        line-height: 1em;
        transition: .3s;
        height: 40px;
        border: 2px solid #529ad4;
    }
    .kakutei:hover {
        color: #529ad4;
        /* 背景色     */
        background: #ffffff;
        /* 文字色     */
    }
    .kakutei_1 {
        font-size: 15px;
        line-height: 3em;
    }
    .cancel {
        font-size: 15px;
        line-height: 3em;
    }
    /*予約完了*/
    .regi_conp {
        text-align: center;
    }
    .regi_conp_1 {}
    .regi_conp_1 p {
        font-size: 15px;
        margin-top: 40px;
    }
    .seni {
        width: 50%;
        margin: 0 auto;
        padding-bottom: 10%;
        line-height: 40px;
        justify-content: space-between;
    }
    .maipage {
        width: 100%;
        height: 40px;
        display: inline-block;
        border-radius: 5%;
        font-size: 18px;
        text-align: center;
        cursor: pointer;
        /*  padding       : 9px 50px;*/
        background: #529ad4;
        color: #ffffff;
        line-height: 1em;
        transition: .3s;
        border: 2px solid #529ad4;
    }
    .maipage:hover {
        color: #529ad4;
        /* 背景色     */
        background: #ffffff;
        /* 文字色     */
    }
    /*フッター*/
    footer {
        width: 100%;
        margin: 0 auto;
    }
    .list {}
    .list_li {}
    .list_li a {
        font-size: 12px;
    }
    /*スタッフ詳細*/
    .staff_shousai {
        display: block;
        margin-top: 20px;
    }
    .staff_images {
        width: 100%;
    }
    .staff_images img {
        width: 60%;
        padding-top: 0px;
    }
    .staff_info {
        width: 95%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .staff_info_1 {
        margin-left: 0px;
        font-size: 10px;
    }
    .staff_info_2 {
        margin-left: 0px;
        font-size: 20px;
    }
    .staff_info_3 {
        width: 100%;
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 0px;
        font-size: 14px;
    }
    .staff_info_4 {
        margin-left: 0px;
    }
    .staff_yoyakubtn {
        width: 70%;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .staff_yoyaku {
        line-height: 50px;
    }
    .staff_yoyaku {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        background: #0099FF;
        text-align: center;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        transition: all 0.3s ease;
        -webkit-appearance: none;
    }
    .staff_yoyaku:hover {
        background: #FFFFFF;
        color: #0099FF;
        margin-left: 0px;
        margin-top: 0px;
        border: 1px solid #0099FF;
        box-shadow: none;
    }
}

.btn-reset {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}


/*モーダル*/

.tuika-btn {
    width: 55%;
    margin: 0 auto;
    cursor: pointer;
}

.js-modal__main {
    padding: 17px;
}