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

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

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

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

    div#content {
        width: 100%;
    }

    div#wrapper {
        width: 100%;
        padding: 10px;
    }

    div#footer_in {
        width: 100%;
        padding: 0 10px;
    }

    html body {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    #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;
    }

    #wrapper {
        padding: 5%;
    }

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

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

    .copyright_out {
        padding-bottom: 10%;
    }

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

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

    .syorei ul li {
        width: 50%;
    }

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

    #content h1{
        font-size: 20px;
        padding: 7px 11px;
    }

    #content h2{
        font-size: 16px;
        padding: 7px 11px;
    }

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

    div#main_visual_in {
        width: 100%;
    }

    .sp-header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99;
    }

    .sp-header-in {
        width: 100%;
        overflow: hidden;
        border-bottom: 2px solid #277b27;
        background-color: white;
    }

    .sp-logo {
        width: 53%;
        float: left;
    }

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

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

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

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

    .sp-botan ul li {
        display: table-cell;
        vertical-align: top;
        text-align: center;
    }

    .sp-botan ul li label {
        display: block;
        background-image: url(images/sp-head-close.jpg);
        background-size: 100%;
        transition: 0.2s;
    }

    .sp-botan ul li label img {
        transition: 0.2s;
    }

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

    /* --------------------------------------------------- */
    /* グローバルナビ */
    /* --------------------------------------------------- */

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

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

    input#sp-menu:checked + .sp-header label img {
        opacity: 0;
    }

    .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: 15px;
        font-weight: bold;
        color: white;
        text-decoration: none;
        text-align: center;
        background-color: #0e9b13;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
    }

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

    div#footer_in .box_left, div#footer_in .box_right {
        width: 100%;
        float: none;
    }

    p.copyright {
        width: 100%;
    }

    div#footer_in {
        background: none;
    }

    p.footer-title {
        font-weight: bold;
        color: #5c2f0d;
        font-size: 16px;
        border-bottom: 1px solid #5c2f0d;
        padding: 5px 0;
    }

    .footer-menu ul {
        width: 100%;
        overflow: hidden;
        border-left: 1px solid #ef9700;
        border-top: 1px solid #ef9700;
        margin: 1em 0;
    }

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

    .footer-menu ul li a {
        display: block;
        border-right: 1px solid #ef9700;
        border-bottom: 1px solid #ef9700;
        background-color: white;
        color: #5c2f0d;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px;
        padding: 15px;
    }

    .footer-menu ul li a::before {
        content: " ";
        display: inline-block;
        border: 5px solid transparent;
        border-left-color: #ef9700;
        margin-right: 10px;
    }

    ul.footer-company-sp {
        width: 100%;
        overflow: hidden;
        margin: 1em 0;
    }

    div#footer_in .box_left {
        padding: 10px 0;
    }

    ul.footer-company-sp li {
        margin-bottom: 1em;
    }

    ul.footer-company-sp li span {
        display: block;
        color: #5c2f0d;
        font-size: 14px;
    }

    ul.footer-company-sp li span:first-of-type {
        font-weight: bold;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px dotted #5c2f0d;
    }

    .footer-popup ul {
        width: 100%;
        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-of-type{
        background: linear-gradient(to top left, #a81010, #db4141);
    }

    .footer-popup ul li:last-of-type {
        background: linear-gradient(to top left, #0f7299, #62c5ec);
    }
	#footer_in .box_left img {
    margin: auto;
}

    /* --------------------------------------------------- */
    /* サイドバー */
    /* --------------------------------------------------- */
    #sidebar{
        width: auto;
        float: none;
    }
	li.widget_text.widget-container img {
    margin: auto;
}

    /* --------------------------------------------------- */
    /* 施術の流れ */
    /* --------------------------------------------------- */
    .flow .inner .img_box{
        width: auto;
        float: none;
        margin-bottom: 7%;
    }
    .flow .inner .img_box img{
        width: auto;
    }
    .flow .inner ul{
        width: auto;
        float: none;
    }

    /* --------------------------------------------------- */
    /* スタッフ紹介 */
    /* --------------------------------------------------- */
    div.staff .left {
        float: none;
        width: auto;
        margin-bottom: 7%;
        padding-bottom: 7%;
    }
    div.staff .left p.img img{
        max-width: 70%;
    }
    div.staff .right {
        float: none;
        width: auto;
    }

    /* --------------------------------------------------- */
    /* 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%);
    }
    .t_sp_menu ul li:nth-child(odd){
      border-right: solid 1px #d5d5d5;
    }
    .t_sp_menu ul li a{
      color: #000;
      text-decoration: none;
      font-size: 14px;
      position: relative;
      padding-left: 23px;
    }
    .t_sp_menu ul li.sp01 a{
      background: url("images/t_sp_menu_img01.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }
    .t_sp_menu ul li.sp02 a{
      background: url("images/t_sp_menu_img02.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }
    .t_sp_menu ul li.sp03 a{
      background: url("images/t_sp_menu_img03.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }
    .t_sp_menu ul li.sp04 a{
      background: url("images/t_sp_menu_img04.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }
    .t_sp_menu ul li.sp05 a{
      background: url("images/t_sp_menu_img05.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }
    .t_sp_menu ul li.sp06 a{
      background: url("images/t_sp_menu_img06.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }
    .t_sp_menu ul li.sp07 a{
      background: url("images/t_sp_menu_img07.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }
    .t_sp_menu ul li.sp08 a{
      background: url("images/t_sp_menu_img08.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px;
    }

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

    .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;
    }

}