@charset "utf-8";

/**タブレット　&　スマホ**/
@media (max-width: 980px) {
	.modalMain {
		width: 90vw;
		min-width: unset;
	}
	.question_area h2 {
		height: auto;
	}
	
	/*<次へ>等のボタン*/
	.button_area3{
		width: auto;
	}
	.button_area3 button{
		width: 27%;
	}
	
	/*複数店舗のタブ*/
	.tub_topic {
		font-size: 14px;
	}
	
	/*アプリデザインのサンプル画像*/
	.flex1 {
		display: unset;
	}
	.iphone_img {
		display: none;
	}
	.images1{
		width: 50%;
		margin: 20px auto;
	}
	.app_img {
		position: unset;
		width: 100%;
		box-shadow: #636363 0 0 6px 2px;
	}
	
	/*サンプル画像*/
	img.sample1{
		width:100%;
	}
	.fa-search-plus{
		display: none !important;
	}
	/*page6*/
	table.defaultContents {
		width: auto;
	}
	/*ポイントランク*/
	.pointColor, ul.pointColor {
		width: 100%;
	}
}

/*スマホ表示（タブレット＆スマホ用も生きてる）　-ここから-
---------------------------------------------------------------------------*/
@media (max-width: 736px) {
    .spoff {
        display: none;
    }

    body {
        font-size: 4.2vmin;
        color: #626262;
    }

    .image_check {
        width: 100%;
    }

    .headerback {
        height: 50px;
    }

	/* TOPページ
	---------------------------------------------------------------------------*/
    .site_name {
        width: 60%;
        margin: 20px auto;
    }

    .information {
        margin: 15px;
        margin-bottom: 30px;
    }

    .main {
        margin-bottom: 0px;
    }

    .hamburgerarea img {
        width: 14%;
        float: right;
        margin: 1%;
    }

    .progress_li2 {
        border-bottom: 1px solid #626262;
        padding: 5px;
        background-color: #d6f5d5;
    }

    .progress_li_title {
        background-color: #626262;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }

    .now {
        background: #3ca91f;
        color: #fff;
    }

    .start_button {
        margin: 0;
        position: fixed;
        bottom: 0;
    }

    .information2 {
        width: 98%;
    }

	/* POP/チラシ/アイコン
	---------------------------------------------------------------------------*/
    .typeCss {
        width: 100%;
    }

    .sidebar4 {
        display: none;
    }

    .ans_area {
        padding: 0;
    }

    .slide_area {
        position: unset;
    }

    .radioclub168 label {
        float: none;
        width: auto;
    }

    .flex2 {
        display: unset;
    }

    .fixed {
        position: fixed !important;
        top: unset !important;
        bottom: 0;
    }

    .radioclub150 label {
        width: 50%;
        box-sizing: border-box;
    }

    .font_box {
        width: 100%;
        padding: 0.5em 0;
    }

    .fontImage img {
        width: 100%;
    }

    .sidebar2 {
        width: 100%;
    }

	/* おすすめ設定
	---------------------------------------------------------------------------*/
    table.defaultContents {
        width: 100%;
        font-size: 3vw;
    }

    .radioclub350 label {
        width: 100%;
        font-size: 3vw;
        box-sizing: border-box;
    }

    table.shopTime {
        border: solid 1px;
        border-collapse: collapse;
        margin: 15px auto 0px auto;
        width: 100%;
        font-size: 3.5vw;
    }

    td.businessHours {
        width: 100%;
    }

    td.businessHours select {
        font-size: 16px;
        height: auto;
    }
	/* 回答画面設定
	---------------------------------------------------------------------------*/

    .form_button {
        margin: 0;
        position: fixed;
        bottom: 0;
    }

    .answer_area {
        width: 100%;
        margin: 0;
        margin-top: 20px;
        padding: 5px;
    }

    .pb150 {
        padding-bottom: 150px;
    }

    button {
        width: 100vw;
        height: 60px;
        border-radius: 0;
    }

    button:hover {
        border-radius: 0;
    }

    button.two:hover {
        border-radius: 0;
    }

    button.no:hover {
        border-radius: 0;
    }

    .ml60 {
        margin-left: 0;
    }

    sp_2column {
        width: 50vw;
    }

    .button_area {
        position: fixed;
        bottom: 0;
    }

    .button3 {
        width: 100vw
    }

    .radioclub {
        margin: 0;
        position: fixed;
        bottom: 60px;
    }

    .radioclub label {
        width: 44.5vw;
        height: 30px;
        padding-top: 20px;
    }

    .radioclub2 label {
        width: 28vw;
    }

    .answer_area2 {
        width: 100vw;
    }

    .form_button2 {
        width: 100%;
        margin: 0;
        position: fixed;
        bottom: 0;
    }

    .menu_adj {
        height: 180px;
    }

    .addbutton button {
        width: 100%;
        margin-top: 15px;
    }

    .ques_check button {
        width: 100%;
    }

    .answer52_4 select {
        width: 100%;
    }

    .answer_area .a-head input[type="text"] {
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
        margin: 0;
    }

    .answer_area .a-head2 input[type="text"] {
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
    }

    .answer_area .a-head4 input[type="text"] {
        width: 20vw;
        font-size: 16px;
    }

    .answer_area .a-head4 .pointColors input[type="text"] {
        width: 10vw;
    }

    .answer_area .a-head input.answer52text[type="text"] {
        width: 90%;
    }

    .answer_area .a-head input[type="url"] {
        width: 85vw;
        font-size: 16px;
    }

    .answer_area .a-head input[type="email"] {
        width: 100%;
        font-size: 16px;
        margin: 0;
        box-sizing: border-box;
    }

    .answer_area .a-head input[type="tel"] {
        width: 85vw;
        font-size: 16px;
    }

    .answer_area .radioclub2 label {
        width: 78vw;
        padding: 15px;
    }

    .answer_area .radioclub3 label {
        width: 78vw;
        padding: 15px;
    }

    .answer_area .radioclub4 label {
        width: 78vw;
        padding: 15px;
    }

    .button_area2 {
        width: 75vw;
        margin: 10px auto;
    }

    li.progress_li2 {
        width: 100vw;
        position: relative;
        top: 0px;
    }

    .button_area1 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
    }

    .button_area2 {
        margin: 0;
        width: 100%;
        text-align: unset;
    }

    .button_area3 {
        width: 100vw;
        margin: 0;
    }

    .button_area4 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
    }

    .button_area5 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
    }

    .button_area5 button {
        width: 100%;
    }

    .radioclub3 label {
        width: 78vw;
        padding: 15px;
    }

    .sbutton {
        bottom: 60px;
        position: static;
        width: 100%;
    }

    .suggest_button {
        width: 100%;
        border-radius: 5px;
        margin: 0;
    }

    #quest_zone41 .a-head {
        margin-bottom: 70px;
    }

    .popup .button_area2 {
        position: static;
    }

    .popup_content2 {
        width: 100vw;
        font-size: 14px;
    }

    .checkClub label {
        width: 78vw;
        padding: 15px;
    }

    .radioclub2 label {
        width: 78vw;
        padding: 15px;
    }

    input#domainRightOther1 {
        width: 80vw;
    }

    .button_area4 button {
        width: 100vw;
    }

    .top_head {
        width: 100%;
        float: none;
    }

    span#text4 {
        position: static;
    }

    span#text5 {
        position: static;
    }

    span#text6 {
        right: 0px;
        bottom: 80px;
    }

    textarea {
        width: 60vw;
        font-size: 16px;
    }

    .reqtext {
        width: 100%;
    }

    .reqtext textarea {
        width: 83vw;
    }

    .radioclub2 label {
        width: 25vw;
    }

    .checkClub .days {
        width: 48px;
    }

    .button_area2_2 {
        width: 100vw;
    }

    .prev_section4 {
        width: 99%;
        float: left;
        border: 1px solid;
        margin-right: 1%;
        background-color: #fff;
    }

    .answer_area3 label {
        width: 85%;
    }

    .gkv {
        margin-left: 0;
        width: 100%;
        margin-bottom: 5px;
    }

    .onamae {
        width: 95%;
        margin: 0 9px;
        text-align: center;
    }

    .saggest_btn button {
        width: 50%;
        float: left;
        font-size: 4vw;
    }

    #check1 {
        background: url(/images/page_tag/page_menu_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check2 {
        background: url(/images/page_tag/page_menu_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check3 {
        background: url(/images/page_tag/page_staff_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check4 {
        background: url(/images/page_tag/page_gallery_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check5 {
        background: url(/images/page_tag/page_schedule_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check6 {
        background: url(/images/page_tag/page_voice_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check7 {
        background: url(/images/page_tag/page_faq_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check8 {
        background: url(/images/page_tag/page_news_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check1_h:checked + .switch7{
        background: url(/images/page_tag/page_menu_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check2_h:checked + .switch7{
        background: url(/images/page_tag/page_menu_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check3_h:checked + .switch7{
        background: url(/images/page_tag/page_staff_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check4_h:checked + .switch7{
        background: url(/images/page_tag/page_gallery_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check5_h:checked + .switch7{
        background: url(/images/page_tag/page_schedule_on.jpg);
        background-size: 100px;
        height: 56px;;
    }

    .checkClub input[type="checkbox"]#check6_h:checked + .switch7{
        background: url(/images/page_tag/page_voice_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check7_h:checked + .switch7{
        background: url(/images/page_tag/page_faq_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check8_h:checked + .switch7{
        background: url(/images/page_tag/page_news_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check1, #check2, #check3, #check4, #check5, #check6, #check7, #check8 {
        width: 70px;
    }

    .theme_zone .a-head {
        width: 95%;
    }

    .theme_zone .a-head input[type="text"] {
        width: 94%;
    }

    .pb290 {
        padding-bottom: 290px;
    }

    .checkClub3 label {
        font-size: 3vw;
        box-sizing: border-box;
        width: 100%;
    }

    .pointCalculation p {
        font-size: 3vw;
    }

    .point1 {
        font-size: 4vw;
    }

    .a-head6 input[type="text"] {
        width: 40px;
        height: auto;
        font-size: 16px;
    }

    .point2 {
        font-size: 4vw;
    }

    .pointCalculation {
        padding: 0;
    }

    .pointCalculation2 {
        width: 25%;
    }

    .a-head6 input[type="text"] {
        width: 50%;
    }

    .pointCalculation {
        height: auto;
    }

    .pointColor {
        width: 100%;
        font-size: 16px;
    }

    .pointfont {
        font-size: 2vw;
    }

    .symbol {
        font-size: 3vw;
        height: 60px;
        display: table;
    }

    .symbol2 {
        display: table-cell;
        vertical-align: middle;
    }

    .pulldown1 {
        padding-left: 0;
        font-size: 4.2vmin;
    }

    div.pulldown1 select {
        font-size: 16px;
    }

    div.pulldown1 option {
        padding: 0 1px 1px;
    }

    .pulldown2 {
        padding-left: 0;
        font-size: 4.2vmin;
    }

    div.pulldown1 select {
        font-size: 16px;
    }

    div.pulldown2 option {
        padding: 0 1px 1px;
    }

    .answer_area .a-head4 input[type="text"].yubin {
        width: 20vw;
    }

    .caution3 {
        padding: 0;
    }

    .birthDisplay .pulldown2, .pointset .pulldown2 {
        font-size: 4vw;
        padding-left: 10px;
    }

    .question_area2 p {
        font-size: 4vw;
    }

    .update {
        width: 100%;
    }

    button {
        width: 100%;
        margin: 0;
    }

    .button_area3 button {
	 width: 100%; 
    }
    /* table */
    table.tbl-r05 {
        width: 100%;
    }
    .tbl-r05 .thead {
        display: none;
    }
    .tbl-r05 tr {
        width: 100%;
    }
    .tbl-r05 td {
        display: block;
        text-align: right;
        width: 100%;
    }
    .tbl-r05 td:first-child {
        background: #789c9a;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .tbl-r05 td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        font-size: 3vw;
    }

    .staffName input[type="text"] {
        width: 60%;
    }

    .treatmentMenu input[type="text"] {
        width: 60%;
        box-sizing: border-box;
    }

    .tbl-r05 .dayWeek td:nth-child(n+2):nth-child(-n+6) {
        border-top: none;
        border-bottom: 1px dashed;
    }

    .tbl-r05 .dayWeek td:nth-child(n+7) {
        border-top: none;
    }

    td.businessHours {
        font-size: 2vw;
    }

	/* 確認画面
	---------------------------------------------------------------------------*/
    .kotae {
        width: 65%;
    }

    .gazou {
        width: 35%;
        padding-left: 10px;
        margin: 0;
    }

    .gazou img {
        width: 100%;
        height: auto;
        max-height: 215px;
    }

    .question_area3 {
        font-size: 3.5vw;
    }

    .kotae2 {
        width: 50%;
    }

    .gazou2 {
        width: 50%;
        padding-left: 5px;
    }

    .gazou2 img {
        width: 100%;
        height: auto;
        max-height: 370px;
    }

    .gazou3 {
        width: 50%;
        padding-left: 5px;
        margin: 0;
    }

    .logo_preview {
        width: 150px;
        height: 150px;
    }

    img.iconImage2 {
        top: unset;
        right: 10%;
        width: 80%;
        height: 80%;
        bottom: 5px;
    }

    img.iconImage {
        top: 10px;
        right: 15px;
    }

	/* ポップアップ
	---------------------------------------------------------------------------*/
    .popup_content {
        width: 98vw;
        height: 90vh;
    }

    .accent_kome {
        font-size: 10px;
    }

    .popup_content {
        color: #fff;
    }

    .popup_content5 {
        width: 95vw;
    }

    .radioclub430 label {
        box-sizing: border-box;
        width: 100%;
        font-size: 2vw;
    }

    .a-head5 input[type="text"] {
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
        margin: 0;
    }

    li.customerQuestion {
        font-size: 3vw;
    }
	
    .modal_display {
        top: 5%;
        left: unset;
        width: 100%;
        height: 90vh;
    }

    .modal_display p {
        width: 100%;
        font-size: 5vw;
        margin: 10px auto;
    }

    .modal_display i {
        top: -20px;
        right: 9px;
        background-color: #e28888;
    }

    .modal_topic {
        width: 100%;
        height: 78vh;
        box-sizing: border-box;
    }

    .modal_topic label {
        width: 98%;
        height: auto;
        box-sizing: border-box;
        padding: 10px;
        margin: 1%;
        font-size: 3vw;
    }

    .modal_display1 {
        position: absolute;
        top: 5%;
        left: unset;
        width: 100%;
        height: 90vh;
    }

    .modal_title1{
        width: 100%;
        font-size: 5vw;
        margin: 10px auto;
    }

    .modal_display1 i {
        top: -20px;
        right: 9px;
        background-color: #e28888;
    }

    .modal_topic1 {
        width: 100%;
        height: 78vh;
        box-sizing: border-box;
    }

    .modal_topic1 label {
        width: 98%;
        height: auto;
        box-sizing: border-box;
        padding: 10px;
        margin: 1%;
        font-size: 4vw;
    }

    .modal_topic1 p {
        font-size: 3vw;
        padding: 5px 0 0;
    }

    .a-head4 .pointColors > div {
        width: 100%;
        padding: 10px;
    }

    .pointGold2 {
        width: 100%;
    }

    .pointGold3 {
        width: 100%;
    }

	/* 全体プレビュー画面
	---------------------------------------------------------------------------*/
    .prev_section {
        padding-top: 0;
    }

    .preview_area2 {
        height: 80vh;
        overflow: scroll;
    }

    /* ヘッダー
    -----------------------------------------------------------------------*/
    .prev_header_sp {
        background-color: #fff;
        height: 53px;
    }

    .prev_logo_area {
        padding: 2%;
    }

    .prev_logo_area img {
        height: 40px;
    }

    .prev_hum_area {
        padding: 2%;
    }

    .prev_hum_area img {
        height: 40px;
    }

    .mv1 {
        height: 75vh;
    }

    .mv_cap.mv_text {
        margin: 0;
        position: relative;
        top: 25%;
        padding: 15px;
    }

    .mv_cap.mv_text {
        width: 100%;
    }

    .mv_text_L {
        font-size: 6.9vw;
    }

    .mv_text_M {
        font-size: 6.9vw;
    }

    /* コンセプト
    -----------------------------------------------------------------------*/
    .poparea {
        padding: 0;
    }

    .heading p {
        font-size: 34px;
        text-align: left;
    }

    .heading_text h2 {
        font-size: 20px;
        text-align: left;
    }

    .heading_text h3 {
        font-size: 18px;
        text-align: left;
    }

    .text_h {
        margin-top: 30px;
        text-align: left;
    }

    .img_1 {
        width: 100%;
    }

    .text_1 {
        width: 100%;
    }

    .prev_h3 {
        font-size: 5vmin;
        margin-top: -7px;
    }

    .more_btn {
        width: 100%;
    }

    .more_btn p {
        padding: 20px 5px;
        font-size: 4vw;
    }

    /* サービス
    -----------------------------------------------------------------------*/
    .servicelist {
        width: 100%;
        margin: 0;
    }

    .js-matchHeight_inner2 {
        margin-bottom: 15px;
    }

    .prev_h4 {
        font-size: 5vmin;
        padding: 15px;
        margin-top: -7px;
    }

    li.column3 {
        width: 100%;
    }

    .servise_text h4 {
        font-size: 4vw;
    }

    .servise_text p {
        font-size: 4vw;
    }

    /* スケジュール
    -----------------------------------------------------------------------*/
    .servicelist h4 {
        font-size: 3.5vmin;
        padding: 15px;
        margin-top: -7px;
    }

    .heading span {
        font-size: 8vw;
    }

    .schedule_table {
        width: 90%;
    }

    /* メニュー
    -----------------------------------------------------------------------*/
    .table_bdr th {
        width: 70%;
    }

    td.price {
        width: 100%;
    }

    .heading {
        font-size: 4.5vw;
    }

    .img_1 img {
        width: 100%;
        height: auto;
    }

    .img_1 {
        width: 100%;
        height: auto;
    }

    .common_table {
        margin-top: 20px;
    }

    /* スタッフ
    -----------------------------------------------------------------------*/
    .heading_type1 h3 {
        margin: 0;
    }

    .infolist2 {
        width: 47%;
        height: 145px;
        margin-bottom: 5%;
    }

    .staff_image {
        height: 110px;
    }

    .staff_image img {
        height: 110px;
    }

    .spmr5 {
        margin-right: 5%;
    }

    .spmr0 {
        margin: 0%;
    }

    /* ギャラリー
    -----------------------------------------------------------------------*/
    .blogarea2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .infolist3 {
        width: 47%;
        height: 145px;
        margin-bottom: 5%;
    }

    .infolist3 .staff_image {
        height: 145px;
    }

    .infolist3 .staff_image img {
        height: 145px;
    }

    /* 採用情報
    -----------------------------------------------------------------------*/
    .text_3 {
        width: 100%;
    }

    tr.table_bdr {
        width: 100%;
    }

    .table_bdr2 th {
        width: 100%;
        display: block;
    }

    .table_bdr td {
        display: block;
    }

    td.price2 {
        border: none;
        width: 100%;
        padding: 6px;
    }

    .recruit_positon img {
        position: static;
        right: 0;
    }

    /* 新着情報
    -----------------------------------------------------------------------*/
    .infolist {
        width: 100%;
    }

    .news_body {
        margin-top: 20px;
    }

    /* Q&A
    -----------------------------------------------------------------------*/
    .q_contents {
        width: 25%;
        height: 60px;
    }

    .q_contents img {
        width: 30px;
        position: relative;
        top: 15px;
        left: 25px;
    }

    .q-cont {
        line-height: 1.2;
        position: static;
        padding: 20px 10px;
        font-size: 4vw;
    }

    .a_contents {
        width: 25%;
        height: 112px;
    }

    .a_contents img {
        width: 30px;
        position: relative;
        top: 40px;
        left: 25px;
    }

    .a-cont {
        position: static;
        width: 75%;
        padding: 20px 10px;
    }

    /* お客様の声
    -----------------------------------------------------------------------*/
    .chara_area2 {
        height: 100%;
    }

    .img_7 {
        height: auto;
    }

    .img_7 img {
        height: auto;
        width: 100%;
    }

    .text_voice {
        padding: 0 20px;
    }

    .voice_more_btn {
        width: 100%;
        height: 70px;
        margin-bottom: 60px;
    }

    .text_voice h3 {
        margin-top: 20px;
    }

    /* ブログ
    -----------------------------------------------------------------------*/
    .blogarea {
        width: 100%;
        margin-bottom: 30px;
    }

    .blog_area2 {
        width: 95%;
        background-color: #fff;
        text-align: center;
        height: auto;
        margin: 0 auto 40px;
    }

    /* イメージ
    -----------------------------------------------------------------------*/
    .image_section {
        height: 300px;
    }

    /* アクセス
    -----------------------------------------------------------------------*/
    .access_area {
        width: 100%;
    }

    .access_text {
        margin-bottom: 20px;
    }

    .access_area h3 {
        font-size: 6vw;
    }

    .access th {
        font-weight: bold;
        text-align: left;
        padding: 5px 0;
        display: block;
        width: 100%;
        font-size: 5.5vw;
    }

    .access td {
        width: 100%;
        display: block;
        padding-bottom: 20px;
        font-size: 4.5vw;
    }

    .map {
        width: 95%;
    }

    .map_btn {
        width: 85vw;
    }

    /* 特徴
    -----------------------------------------------------------------------*/
    .chara_area {
        height: auto;
    }

    .text_characteristic p {
        font-size: 15px;
    }

    .img_2 {
        width: 100%;
        height: 500px;
    }

    .text_2 {
        width: 100%;
        height: auto;
    }

    .more_btn_img {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    /* SEOテキスト
    -----------------------------------------------------------------------*/
    .textArea {
        width: 100%;
        padding: 70px 20px;
    }

    /* フッター
    -----------------------------------------------------------------------*/
    .footer_access {
        padding: 20px;
    }

    .footer_logo {
        width: 50vw;
        margin-top: 150px;
        margin-bottom: 40px;
    }

    .footer_address {
        font-size: 5vw;
    }

    .footer_tel {
        font-size: 8vw;
    }

    .blackarea2 {
        height: 200px;
    }

    .more_btn2 p {
        font-size: 5vw;
    }

    .copyright {
        margin-top: 40px;
        padding-top: 5px;
        font-size: 2vw;
    }

    .foot_area {
        width: 100%;
    }

    .end_tel {
        font-size: 5vw;
    }

    .more_btn3 {
        width: 100%;
    }

    .more_btn3 p {
        padding: 5px 10px;
        font-size: 3.5vw;
        height: auto;
    }

    /* タイプ選択
    -----------------------------------------------------------------------*/
    .typepreview_area {
        height: 100%;
    }

    p.typ_info {
        height: auto;
    }

    .prev_section2, .prev_section3 {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .type_prev2 {
        overflow: scroll;
        height: 350px;
    }

    div.type_select2 {
        width: 80vw;
        margin-bottom: 20px;
    }

    .type_select2 label.switch5 {
        width: 30vw;
    }

    div.type_select3 {
        width: 87vw;
        margin-bottom: 20px;
    }

    .service_a {
        font-size: 12px;
        padding: 0;
        margin: 0;
    }

    .more_btn5 {
        width: 35%;
    }

    td.price3 {
        width: 30%;
    }

    .common_table2 {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .blogarea3 {
        width: 30%;
        margin-top: 5px;
    }

    .type_select3 label.switch5 {
        width: 20vw;
    }

    .button_area2_3 {
        width: 100%;
    }

    .servicelist2 {
        width: 100%;
        margin-bottom: 25px;
    }

    .typekome {
        font-size: 3.8vw;
    }

    .tagarea {
        width: 100%;
    }

    .tagli div {
        width: 23vw;
    }

    .img_4 {
        width: 100%;
    }

    .text_4 {
        width: 100%;
    }

    h3.voice_type_title.pcoff {
        background-color: #c41a41;
        color: #fff;
        padding: 15px;
        margin-top: -7px;
    }

    /* カラー選択設定
    -----------------------------------------------------------------------*/
    .popup_content2 {
        position: absolute;
        z-index: 30;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        width: 95vw;
        height: 95vh;
        border-radius: 5px;
    }

    .color_choice_area_title2 h2 {
        color: #fff;
    }

    .color_zone3 button {
        width: 58px;
    }

    .color_zone3 {
        height: 50vh;
        overflow: scroll;
    }

    .button5 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .button5 .color_button {
        width: 50%;
        margin-top: 30px;
    }

    .button5 .form_area {
        display: block;
    }

    /* ローディング設定
    -----------------------------------------------------------------------*/
    .loading_area {
        width: 100%;
        margin: 15px auto;
    }

    .loading_text h2 {
        font-size: 7vw;
    }

    .loading_text p {
        font-size: 5vw;
    }

    .ml15 {
        margin: 0;
    }

    /* リザルト画面設定
    -----------------------------------------------------------------------*/
    .color_prev {
        width: 94vw;
    }

    .result_type_prev {
        width: 100%;
    }

    .check_button {
        width: 100%;
    }

    .prev_area_bottom {
        height: 130px;
    }

    .return_button {
        float: none;
    }

    .google_evaluation {
        width: 97%;
    }

    .site_image {
        width: 94vw;
        border-radius: 5px;
    }

    .ques_check {
        margin-top: 10px;
    }

    .address_gr {
        padding: 0;
    }

    .question_area h2 {
        width: 100%;
/*        height: 100%;*/
        font-size: 5vw;
    }

    .question_area .sh {
        font-size: 4vw;
    }

    .question_area p {
        font-size: 3.5vw;
    }

    .radioclub200 label {
        width: 100%;
        box-sizing: border-box;
    }

    .instagramUser, .instagramPass, .wifiId, .wifiPassword {
        width: auto;
        float: none;
        padding: 0;
        margin: 0;
    }

    .slide {
        overflow-x: scroll;
        display: flex;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    .tub_topic {
        flex: 0 0 20%;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-text-orientation: upright;
        text-orientation: upright;
        height: 70px;
        width: auto;
        margin: 10px 1% -5px 0;
        padding: 10px 1% 10px 0;
        border-radius: 20px 20px 0 0;
        border-left: 3px solid #cbc8c8;
        border-top: 3px solid #cbc8c8;
        border-right: 3px solid #cbc8c8;
        color: #dfdfdf;
        background-color: #acacac;
        display: block;
        float: left;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        font-size: 3.7vw;
    }

    .copy_btn_area button {
        width: 18%;
        height: 40px;
        margin-bottom: 1%;
        font-size: 2vw;
    }

    .a-head {
        padding: 5px;
    }

    .copy_btn_area {
        margin: 10px;
    }

    .time_sp {
        display: block;
        padding-bottom: 5px;
    }

    .staffName input[type="text"]{
        font-size: 16px;
    }

    .treatmentTime input[type="text"]{
        font-size: 16px;
    }

    .staffComment input[type="text"]{
        font-size: 16px;
    }

    /*イメージ拡大*/
    .popImgBack {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 100;
    }

    img.popImg {
        transform: rotate(90deg);
        height: auto;
        width: 90vh;
        margin: 0;
        position: absolute;
        top: 0;
        right: -32%;
        bottom: 0;
        margin: auto;
    }

    .closedBtn {
        width: 10%;
        height: 5%;
        background-color: #efb8b8;
        position: absolute;
        top: 3%;
        right: 5%;
        border-radius: 5px;
        z-index: 10;
    }

    /*page4:メニュー入力欄全体の設定*/
    .treatmentMenu input[type="text"]{
        font-size: 16px;
    }

    .actuallyTime input[type="text"]{
        font-size: 16px;
    }

    .visibleTime input[type="text"]{
        font-size: 16px;
    }

    .menuPrice input[type="text"]{
        font-size: 16px;
    }

    button:hover {
        border-radius: 0;
    }

    .logo_preview {
        top: 0;
        left: 0;
        height: 150px;
        color: #4c4c4c;
        text-align: center;
        opacity: 1;
        transition: .5s linear;
        transform: translateY(0%) translateX(0%);
        -webkit-transform: translateY(0%) translateX(0%);
    }

    .headline:hover {
        background-color: #c8d2d2;
    }

    .logo_preview_none {
        height: 0;
        opacity: 0;
        padding: 0;
    }

    #page_top {
		display: none !important;
    }

    .sidebar3 .fixed {
        width: 100%;
        box-sizing: border-box;
        left: 0;
    }

    .move {
        margin: 15px 25px;
        border: 5px solid #714119;
        padding: 15px;
        background-color: #fffef4;
    }

    .description {
        left: 0;
    }

    .question_area {
        margin-top: 0;
    }

    .typeCss3 {
        width: 31%;
        margin: 5px 1% 0 0;
    }

    .tempEx2 {
        width: 100%;
    }

    .main2 {
        width: 100%;
    }

    .change_all_time {
	width: 100%;
	text-align: center;
	}
	
    /**アプリ画像表示**/
    .images1{
	width:100%;
    }
    .app_img {

    }
    .iphone_img {

    }
	
	/*携帯表示 -ここまで-
	---------------------------------------------------------------------------*/
}


/*携帯以外指定　-ここから-
---------------------------------------------------------------------------*/
@media (min-width: 736px){
    .pcoff {
        display: none;
    }

	/*携帯以外指定　-ここまで-
	---------------------------------------------------------------------------*/
}