/* --------------------------------------------------- */
/* レスポンシブ設定 */
/* --------------------------------------------------- */

@media screen and (max-width: 749px) {
    /* --------------------------------------------------- */
    /* 共通設定 */
    /* --------------------------------------------------- */

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    body{
        min-width: auto;
        width: 100%;
    }

    div#content {
        width: 100%;
    }

    #content p{
        line-height: 1.7;
    }

    #content p.right{
        max-width: 35%;
        margin: 0px 0px 3% 3%;
    }

    #content p.left{
        max-width: 35%;
        margin: 0px 3% 0px 0px;
    }

    #content p.small{
      font-size: 12px;
    }

    div#wrapper {
        width: 95%;
        padding: 5% 3%;
        margin: 3% auto 7%;
        box-shadow: none;
        border-radius: 13px;
    }

    .home div#wrapper{
        margin-top: 3%;
    }

    html body {
        padding-top: 18%;
    }

    #content, #header_in, #main_visual_in, #wrapper, #footer_in, div#footer_in .box_left, div#footer_in .box_right, #global_navi_in, p.copyright {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        display: block;
    }

    #header_in, #global_navi_in {
        padding: 0 5%;
    }

    #global_navi_in ul li a {
        font-size: 14px;
    }

    #content p{
        font-size: 14px;
    }

    /* youtube、GoogleMapなどのiframe */
    iframe{
      width: 100%;
      height: 230px;
    }

    /* テーブル */
    table.table th{
        width: 30%;
        font-size: 13px;
        padding: 3%;
    }
    table.table td{
        font-size: 13px;
        padding: 3%;
    }

    /* テーブル 料金・メニュー */
    table.table_plan th{
        width: 28%;
        font-size: 13px;
        padding: 3%;
    }
    table.table_plan td{
        font-size: 13px;
        padding: 3% 0%; 
    }

    table.table_plan tr th:first-of-type {
        width: 30%;
    }
	
    table.table_plan.ins tr th:first-of-type {
        width: 16%;
    }

    table.table_plan tr th.sp_space:first-of-type {
        width: 35%;
    }

    table.table_plan tr th.sp_space2:first-of-type {
    width: 50%;
    }

    /* --------------------------------------------------- */
    /* ホーム */
    /* --------------------------------------------------- */

    .syorei ul li {
        width: 50%;
    }

    /*----------------------------------------------------*/
    /*初めての方へ*/
    /*----------------------------------------------------*/
    .point p.img{
        width: 100%;
    }
    .point p.txt{
        width: 100%
    }

    /* --------------------------------------------------- */
    /* 見出し */
    /* --------------------------------------------------- */

    #content h1 {
        font-size: 23px;
        padding: 3%;
        margin-bottom: 7%;
    }

    #content h2{
        font-size: 15px;
        padding: 7px 10px;
    }

    /* --------------------------------------------------- */
    /* ヘッダー */
    /* --------------------------------------------------- */

    div#main_visual_in {
        width: 100%;
    }

    div#main_visual_in_lp {
        width: 100%;
    }

    .sp-header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99;
        padding: 2% 0px 0%;
        background: #fff;
        border-bottom: 2px solid #76a359;
    }

    .sp-header-in {
        width: 100%;
        overflow: hidden;
        background-color: white;
        padding-bottom: 1%;
    }

    .sp-logo {
        width: 50%;
        float: left;
        padding: 3px 0;
    }

    .sp-logo a {
        display: block;
        padding: 0% 0px 0px 3%;
    }

    .sp-logo a img {
        margin: auto;
    }

    .sp-botan {
        width: 43%;
        float: right;
    }

    .sp-botan ul {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .sp-botan ul li {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin-right: 3%;
        width: 30%;
    }
    .sp-botan ul li:last-child{
        margin-right: 0px;
    }

    .sp-botan ul li label {
        display: block;
        background-size: 100%;
        transition: 0.2s;
    }

    .sp-botan ul li img {
        height: auto;
    }

	.corona{
	background: #76a359;
	text-align: center;
	padding: 1.1em 0.5em 1.4em;
}

    .corona_text{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
    }
    .corona a{
        position: relative;
        color: #FFF;
        font-size: 1.2em;
        font-weight: 900;
        padding-left: 1.5em;
        text-decoration: underline;
    }

    .corona a::before{
        position: absolute;
        font-size: 1.2em;
        left: 0;
        top: -0.15em;
        width: 1em;
        height: 1em;
        margin: auto;
        content: "⚠";
        font-family: "Ionicons";
    }

	.page-id-803 .corona00{
		display: none;
	}
	
    .page-id-12 .ryoukin_bnr,
    .page-id-104 .ryoukin_bnr,
    .page-id-290 .ryoukin_bnr,
    .page-id-601 .ryoukin_bnr{
        display: none;
    }
	
	.sp_kaigyou{
		display: none;
	}

	.coupon_bnr{
		padding: 3%;
	}
	
	.coupon_bnr img{
		width: auto;
	}
	
    /* --------------------------------------------------- */
    /* グローバルナビ */
    /* --------------------------------------------------- */

    .sp-menu {
        overflow: hidden;
        opacity: 0;
        height: 0;
        transition: 0.2s;
    }

    input#sp-menu:checked + .sp-header .sp-menu {
        opacity: 1;
        height: auto;
    }

    .sp-menu ul {
        width: 100%;
        overflow: hidden;
        border-left: 1px solid white;
        border-top: 1px solid white;
    }

    .sp-menu ul li {
        width: 50%;
        float: left;
    }

    .sp-menu ul li:last-of-type:nth-of-type(odd) {
        width: 100%;
    }

    .sp-menu ul li a {
        display: block;
        padding: 5% 5%;
        font-size: 14px;
        color: white;
        text-decoration: none;
        text-align: center;
        background-color: #426b33;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
    }

    /* --------------------------------------------------- */
    /* フッター */
    /* --------------------------------------------------- */

    div#footer_in{
        padding: 3%;
    }

    #footer .logo{
        float: none;
        margin-top: 0%;
    }
    #footer .logo img {
	margin:0 auto;
    }
    #footer .f_address{
        margin: 0px;
    }
    .footer_contact{
        float: none;
        display: block;
        margin-top: 5%;
    }
    .footer_contact_left{
        margin: 0px auto 3%;
    }
    .footer_contact p img{
        margin: 0px auto;
    }
    .footer_contact_right ul {
        display: inline-flex;
        margin: auto;
        text-align: center;
        width: 100%;
        justify-content: space-evenly;
    }

    #footer .menu-main-menu-container{
        display: none;
    }

    .f_address span{
        display: none;
    }

    .copyright {
        font-size: 3vw;
    }

    .copyright_out {
        padding: 3% 3% 17%;
    }

    /* フッターポップアップ */
    .footer-popup ul {
        width: 100%;
        height: 60px;
        display: table;
        background-color: white;
        table-layout: fixed;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 10;
    }

    .footer-popup ul li {
        display: table-cell;
        vertical-align: middle;
    }
    .footer-popup ul li:first-child {
        background: linear-gradient(to top left, #0f7299, #62c5ec);
    }
    .footer-popup ul li:nth-child(2) {
        background: linear-gradient(to top left, #cd3921, #ff7559);
    }
    .footer-popup ul li:nth-child(3) {
        background: linear-gradient(to top left, #41990f, #7fea35);
    }

    /* --------------------------------------------------- */
    /* サイドバー */
    /* --------------------------------------------------- */
    #sidebar{
        width: auto;
        float: none;
    }
    #sidebar .side_menu p a{
        font-size: 15px;
        padding: 5%;
    }
    #sidebar #widget-area .widget-container ul li a{
        background-size: 15px;
    }
	
	.widget-container:last-child p a img{
		    box-shadow: 0 3px 6px 0 rgb(74 92 75 / 35%);
	}

    /* --------------------------------------------------- */
    /* TOPページ */
    /* --------------------------------------------------- */

    /* お悩み */
    ul.trable{
        width: 100%;
    }
    ul.trable li {
        display: inline-block;
        margin: 0px 3% 2% 0px;
        width: 47%;
        text-align: center;
    }
    ul.trable li:nth-child(3), ul.trable li:nth-child(9){
        margin: 0px 3% 2% 0px;
    }
    ul.trable li:nth-child(even){
        margin-right: 0px;
    }
    ul.trable li img{
        display: inline-block;
    }

     /* ポイント */
     .point li p.img{
        text-align: center;
        float: none;
     }
     .point li p.img img{
        display: inline-block;
        max-width: 60%;
     }

     /* 施術の流れ */
     ul.flow li {
        display: inline-block;
        margin: 0px 3% 2% 0px;
        width: 47%;
        text-align: center;
    }
    ul.flow li:nth-child(3), ul.flow li:nth-child(9){
        margin: 0px 3% 2% 0px;
    }
    ul.flow li:nth-child(even){
        margin-right: 0px;
    }
    ul.flow li p.img{
        text-align: center;
    }
    ul.flow li p.img img{
        display: inline-block;
    }

    /* 料金表 */
    #content .plan_box p.img{
        float: none;
        max-width: 70%;
        margin: 3% auto 3%;
    }
	table.table_plan.josei {
    width: 100%;
}

    /* 院長挨拶 */
    .inchou{
        padding: 3%;
    }
    #content .inchou p {
        margin: 0px 3% 3% 0px;
    }

    /* 患者様の声ページ エリア */
    #content .voice .outer .inner p.img{
        width: auto;
        float: none;
    }
    .voice .outer .inner ul{
        width: auto;
        float: none;
    }

    /* よくある質問 */
    .faq ul li.faq_q{
        padding: 4% 3% 4% 17%;
        font-size: 15px;
        background-position: left 5% center;
        background-size: 30px;
    }
    .faq ul li.faq_a{
        font-size: 13px;
        background-position: left 5% center;
        background-size: 30px;
    }

    /* 下層症例 */
    .catch_list ul{
        width: 100%;
        float: none;
    }
    .catch_list li{
        font-size: 14px;
    }
    #content .conts .img_right{
        float: none;
        text-align: center;
        width: auto;
        max-width: 70%;
        margin:auto;
    }
    .conts .img_right img{
        margin: auto;
    }
	.sejutu_flow li {
    width: 50%;
}
	.nayami_list ul li {
    font-size: 4.8vw;
}
#content .nayami_list p.right {
    display: none;
}

    /*スタッフ紹介*/
    div.staff p.img img {
    margin: auto;
    max-width: 80%;
}
    div.staff .left {
    float: none;
    width: auto;
    margin: 10px;
    }
    div.staff .right {
    float: none;
    width: 100%;
    }

    /* --------------------------------------------------- */
    /* TOPメイン下メニュー */
    /* --------------------------------------------------- */
    .t_sp_menu{
      margin-bottom: 5%;
    }
    .t_sp_menu ul{
      overflow: hidden;
      margin: 0px 0px 0px;
      border: 1px solid #ccc;
    }
    .t_sp_menu ul li{
      display: inline-block;
      width: 50%;
      /* padding: 10px; */
      border-bottom: 1px solid #ccc;
      background: linear-gradient(to bottom, #fff 0%, #f8f8f8 50%, #f4f4f4 51%, #EEE 100%);
      float: left;
    }
    .t_sp_menu ul li:nth-child(odd){
      border-right: solid 1px #d5d5d5;
    }
    .t_sp_menu ul li:last-of-type:nth-of-type(odd) {
        width: 100%;
    }
    .t_sp_menu ul li a{
      color: #3b622b;
      text-decoration: none;
      font-size: 14px;
      position: relative;
      padding: 15px;
      padding-left: 38px;
      /* text-align: center; */
      display: block;
      font-weight: bold;
    }
    .t_sp_menu ul li.sp01 a{
      background: url("images/t_sp_menu_img01.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 30px;
    }
    .t_sp_menu ul li#menu-item-37 a{
      background: url("images/t_sp_menu_img02.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 20px;
    }
    .t_sp_menu ul li#menu-item-39 a{
      background: url("images/t_sp_menu_img03.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 20px;
    }
    .t_sp_menu ul li#menu-item-36 a{
      background: url("images/t_sp_menu_img04.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 20px;
    }
    .t_sp_menu ul li#menu-item-38 a{
      background: url("images/t_sp_menu_img05.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 20px;
    }
    .t_sp_menu ul li#menu-item-34 a{
      background: url("images/t_sp_menu_img06.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 20px;
    }
    .t_sp_menu ul li.sp07 a{
      background: url("images/t_sp_menu_img07.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 30px;
    }
    .t_sp_menu ul li#menu-item-35 a{
      background: url("images/t_sp_menu_img08.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 20px;
    }

    /* --------------------------------------------------- */
    /* その他 */
    /* --------------------------------------------------- */

    .page-contact {
        padding: 10px;
    }

    img.img-r {
        float: none;
        margin-left: 0;
        margin: auto;
        margin-bottom: 1em;
    }

    img.img-l {
        float: none;
        margin-right: 0;
        margin: auto;
        margin-bottom: 1em;
    }

    .menu-box {
        padding: 10px;
    }

    .syorei-box ul li {
        width: 50%;
    }

    .syorei-box ul li a span.syorei-botan {
        width: 100%;
    }

    .top-case ul li {
        width: 50%;
        padding: 5px;
    }

    .point-float img, .point-float img:last-of-type {
        float: none;
        margin-bottom: 1em;
    }

    table.table#contact_form,table.table#contact_form tbody, table.table#contact_form tr, table.table#contact_form th, table.table#contact_form td {
        display: block;
        margin-bottom: 1px;
        width: 100%;
        border: none;
    }

    /* iPhoneのスタイルをリセット */
    input[type="submit"],
    input[type="button"] {
      border-radius: 10px;
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      appearance: button;
      border: none;
      box-sizing: border-box;
      cursor: pointer;
    }
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
      display: none;
    }
    input[type="submit"]::focus,
    input[type="button"]::focus {
      outline-offset: -2px;
    }

    input[type="text"], input[type="tel"], input[type="email"], input[type="date"], select.wpcf7-select, textarea {
        padding: 10px;
        width: 100%;
        border: 1px solid #ccc;
        -webkit-border-radius: 0;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        min-height: 50px;
    }

    #footer ul.menu {
        display: none;
    }

/*--------------ここからpopupのcss--------------*/
 .modal,
 .modal__bg,
 .modal__content,
 div#popuptel_wrap div.popuptel_inner ul,
 .modal__content li,
 .modal__content li a {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

 .modal {
    display: flex;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    justify-content: center;
    align-items: center;
    width: 100vw;
    z-index: 99999999999999999999999999;
}
 .modal__bg {
    cursor: pointer;
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
 #popuptel_wrap {
    display: none;
	justify-content: center;
	align-items: center;
	width: 100vw;
	z-index: 99999999999999999999999999;
}
 div#popuptel_wrap div.popuptel_inner {
   background-color: #fff;
   border-radius: 8px;
   display: block;
   margin-bottom: 15vw;
   width: 84vw;
   height: auto;  
   padding: 5vw 0;
   z-index: 0;
	margin: auto
}
	div#popuptel_wrap div.popuptel_inner > p{
	  font-size: 4.5vw;
	  line-height: 1.35em;
	  font-weight: bold;
	  text-align: center;
	  display: block;
	  color: #5c2f0d;
	  font-family: "Noto Sans Japanese", "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
	}
	div#popuptel_wrap div.popuptel_inner ul{
	  width: 100%;
	  display: flex;
	  flex-wrap: nowrap;
	  align-items: center;
	  justify-content: center;
	  padding: 3.5vw 5vw;
	  background: #e6f3c9;
	  margin: 3.5vw 0 4vw;
	}
	div#popuptel_wrap div.popuptel_inner ul li{
	  width: 45%;
	  margin: 0 auto;
	  border-radius: 1.5vw;
	  padding-bottom: 3vw;
	}
	div#popuptel_wrap div.popuptel_inner ul li:nth-child(1) {
	  background: #1a7750;
	}
	div#popuptel_wrap div.popuptel_inner ul li:nth-child(2) {
	  background: #88b51b;
	}
	div#popuptel_wrap div.popuptel_inner ul li a{
	  display: block;
	  text-decoration: none;
	  color: #fff;
	  font-size: 3.75vw;
	}
	div#popuptel_wrap div.popuptel_inner ul li span{
	  width: 9vw;
	  background-color: #fff;
	  height: 9vw;
	  border-radius: 800px;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  margin: 3vw auto;
	}
	div#popuptel_wrap div.popuptel_inner ul li span i{
	  margin: 0 auto;
	  font-size: 4.2vw;
	}
	div#popuptel_wrap div.popuptel_inner ul li:nth-child(1) span i {
	  color: #1a7750;
	}
	div#popuptel_wrap div.popuptel_inner ul li:nth-child(2) span i {
	  color: #88b51b;
	}
	div#popuptel_wrap div.popuptel_inner ul li b{
	  text-align: center;
	  display: block;
	}
	div#popuptel_wrap div.popuptel_inner label{
	  background-color: #1a7750;
	  width: 80%;
	  border-radius: 5000px;
	  text-align: center;
	  display: block;
	  padding: 1.25vw;
	  position: relative;
	  color: #fff;
	  max-width: 280px;
	  margin: 0vw auto 0;
	}
	div#popuptel_wrap div.popuptel_inner label::before{
		border-left: 2px solid ;
		border-top: 2px solid ;
		border-color: #fff;
		content: "";
		height: 6px;
		position: absolute;
		right: 15px;
		top: 45%;
		-moz-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		width: 6px;  
	}

/*    labelCSS*/

    input#sp-popup:checked + #popuptel_wrap{
        display: flex; 
}

/* --------------------------------------------------- */
/* 交通事故LP */
/* --------------------------------------------------- */
/* 全体 */
#jiko-main_visual_in{
    max-width: 100%;
}

/* 見出し */
body.page-template-page-jiko #jiko-content h2{
    font-size: 5.5vw;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 30px;
    padding: 4% 3%;
    border-radius: 0px;
}
body.page-template-page-jiko #jiko-content h2:after {
    position: absolute;
    content: url("images/h2_jiko_after.png");
    bottom: -23px;
    left: 0;
    right: 0;
    top: auto;
}

/* お悩み */
.jiko-top_in{
    width: 95%;
}
.jiko-top_in .inner_title ul li:first-child{
    width: 100%;
    float: none;
    margin: 0px;
    font-size: 16px;
}
.jiko-top_in .inner_title ul li:last-child{
    width: 100%;
    float: none;
    margin: 0px;
    padding: 3% 3% 0px;
}
.jiko-top_in .inner{
    background: none;
    padding: 7% 3%;
}
.jiko-top_in .inner img{
    width: auto;
    float: none;
}

/* 選ばれる理由 */
p.dai-fon{
    font-size: 7.3vw;
    line-height: 1.3;
}
p.dai-fon strong{
    font-size: 9vw;
}
.jiko-white_in{
    width: 95%;
    padding: 7% 3%;
}
.jiko-white_in .inner ul li:first-child{
    width: 80%;
    float: none;
    margin: auto;
}
.jiko-white_in .inner ul li:last-child{
    width: 100%;
    float: none;
}
.jiko-white_in .inner ul li:last-child p {
    padding-left: 8px;
    line-height: 1.7;
    font-size: 14px;
}
.jiko-white_in .inner:last-child{
    margin-bottom: 0px;
}

/* 施術の流れ */
.jiko-flow_in{
    width: 95%;
    margin: 0px auto;
    margin-bottom: 7%;
    padding: 3%;
}
.jiko-flow_in .inner{
    margin-bottom: 0px;
}
.jiko-flow_in .inner ul li{
    width: 100%;
    margin: 0px auto 7%;
}
.jiko-flow_in .inner ul li.last {
    margin: 0px auto 7%;
}
.jiko-flow_in .inner ul li p.img img{
    max-width: 80%;
    margin: auto;
}

/* 事故の手続き */
.jiko-contact_bnr_box{
    width: 95%;
    margin: 0px auto;
    padding: 7% 3%;
}
.jiko-contact_bnr_box p{
    font-size: 15px;
}

/* お問い合わせ */
.jiko-contact_box{
    width: 95%;
    margin: 0px auto;
    padding: 7% 3%;
}
.jiko-contact_box .contact .inner_left{
    width: 100%;
    float: none;
}
.jiko-contact_box .inner_right{
    width: 100%;
    float: none;
    margin-top: 3%;
}

/*症例　頭痛　肩こり*/
#wor_main_visual_in {
    width: 100%;
}

	.worries_list{
		padding-bottom: 0;
	}

.worries_list ul{
	width: 100%;
}

.worries_list ul li{
	font-size: 16px;
}
	
.wor_img,.wor_img.shoulder_stf{
	float: none;
    width: 65%;
    margin: auto;
	padding-bottom: 10px;
}
	
/**/
}
/**/