/*
Theme Name: Yuimaru 
Author: （株）ゆいまーる
Description: WEB集客に強い、治療院・美容サロン向けのテンプレートです。PC、スマホ、タブレットに対応したレスポンシブデザイン。
Tags: 整骨院、整体院、エステ、美容、きれい、シンプル
Version: 1.0
*/


/*全体の設定---------------------------------------------------------------------------*/

body {
    color: #444444;
    background: none 0% 0% / auto auto repeat scroll padding-box border-box white;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
	font-size: 18px;
    letter-spacing: 0.05em;
    font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: justify;
    counter-reset: number 0;
}

@media screen and (max-width : 767px){
 html,
 body {
 overflow-x: hidden!important;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 }
}

/* Material iconsを利用する------------------------------------------------------------*/
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* 推奨サイズ */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;

    /* WebKitブラウザサポート */
    -webkit-font-smoothing: antialiased;
    /* Chrome、Safariサポート */
    text-rendering: optimizeLegibility;

    /* Firefoxサポート */
    -moz-osx-font-smoothing: grayscale;

    /* IEサポート */
    font-feature-settings: 'liga';
}

a:hover img {
    /opacity: .5;
}

#menu {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#hajimete {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#tennai {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#voice {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#access {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

div#pagetop-scroll {
    display : none;
    padding : 20px 20px;
    background : #949191;
    color : #ffffff;
    border-radius : 5px;
    box-shadow : 0 0 7px rgba( 0, 0, 0, 0.3 );
    position : fixed;
    right : 50px;
    bottom : 50px;
}

div#pagetop-scroll:hover {
    cursor : pointer;
    background : #666666;
    color : #ffffff;
}
@media screen and (max-width:640px){
div#pagetop-scroll {
    display : none;
}
    }



.block {
    display: block;
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される-------------------------------------------*/

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure {
    margin: 0px;
    padding: 0px;
}

h2 a {
    color: #fff;
    text-decoration: none;
}

h2 a:hover {
    color: #8BC34A
}

h4{
  border-bottom: solid 1px #fc913a;
    margin-bottom: 0.5em;  
}

ul {
    list-style-type: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

ol {
    list-style-type: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

img {
    border: none;
    vertical-align: bottom;
}

input,
textarea,
select {
    font-size: 1em;
}

form {
    margin: 0px;
}



b {
    font-weight: bold;
}

section {
    margin-left: auto;
    margin-right: auto;
}

section #thanks {
    padding-top: 60px !important;
    margin-top: -60px !important;
}

#main .blog-body ul li {
    margin: 1em auto 0.5em;
}


#wrap {
    overflow: hidden;
}

#sub p {
    margin-bottom: 0.8em;
    padding: 0.5em 1em;
}

.close {
    display: none;
}


/*改行---------------------------*/
.kaigyo{
    display: none!important;
}
@media only screen and (max-width: 768px){
    .kaigyo{
    display: block!important;
}
}


/* Breadcrumb NavXT
 ========================================================================== */

.breadcrumbs {
    width: 90%;
    margin: 24px 0 16px;
}

/* 余白
 ========================================================================== */


.space_s {
    height: 10px;
}

.space_m {
    height: 20px;
}

.space_l {
    height: 30px;
}

/* 表
 ========================================================================== */


table {
    width: 100%;
	max-width: 1080px;
    margin: 0 auto;
}

td {
    padding: 10px;
    line-height: 2em;
}

tr {
    padding: 10px;
}




.tableBasic01 table th {
	text-align: center;
    padding: 10px 5px;
    color: #FF5722;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.6;
	border-bottom: 1px solid #e1e1e1;
}

.tableBasic01 table td {
    background: #fff;
    text-align: center;
    padding: 10px 5px;
    text-align: left;
	font-size: 1rem;
	border-bottom: 1px solid #e1e1e1;
}

.taC {
    text-align: center !important;
}

.w25per {
    width: 25% !important;
}

.w50per {
    width: 50% !important;
}

.tableBasic01 .square_btn {
	padding: 0.2em 1em;
    width: 40%;
    display: block;
    background: #45c000;
    border-radius: 1.9rem;
    color: #fff;
    text-align: center;
    border: solid 1px;
    text-decoration: none;
    font-size: 1rem;
    margin: .5rem auto;
}


@media (max-width:480px){
.tableBasic01 .square_btn {
    width: 100%;
    box-sizing: border-box;
    padding: .5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
}
}


/* 中央寄せ
 ========================================================================== */

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/* ボタン
 ========================================================================== */

.square_btn {
    display: inline-block;
    padding: 0.75em 1em;
    border-radius: 3px;
    width: 100%;
    max-width: 380px;
    background: #f06d1f;
    border-radius: 2.9rem;
    color: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    margin-top: 1em;
    font-size: 24px;
	line-height: 1.2;
}

.square_btnTel {
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 3px;
    width: 100%;
    max-width: 350px;
    display: block;
    background: #00b900;
    border-radius: 1.9rem;
    color: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    margin-top: 0;
    margin: 0 auto 16px;
    font-size: 24px;
}

@media (max-width: 763px) {
    .square_btnTel {
        max-width: 286px;
    }

}

@media (max-width: 320px){
.square_btnTel {
    max-width: 230px;
}
}

.square_btnWeb {
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 3px;
    width: 100%;
    max-width: 350px;
    display: block;
    background: #ff5600;
    border-radius: 1.9rem;
    color: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    margin-top: 0;
    margin: 0 auto 16px;
    font-size: 24px;
}

@media (max-width: 763px) {
    .square_btnWeb {
        max-width: 286px;
    }

}

@media (max-width: 320px) {
    .square_btnWeb {
        max-width: 230px;
    }

}

.square_btnLine {
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 3px;
    width: 100%;
    max-width: 350px;
    display: block;
    background: #fff;
    border-radius: 1.9rem;
    color: #40c558;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    margin-top: 0;
    margin: 0 auto 16px;
    font-size: 24px;
}

@media (max-width: 763px) {
    .square_btnLine {
        max-width: 286px;
    }

}

@media (max-width: 320px) {
    .square_btnLine {
        max-width: 230px;
    }

}

@media (max-width: 763px) {
    .square_btn {
        font-size: 17px;
        font-weight: bold;
    }
        .square_btn {
        width: 96%;
        padding: 0.75em 0.5em;
    }
}

@media (max-width: 320px){
.square_btn {
    font-size: 17px;
    line-height: 1em;
}}


/* 文字色
 ========================================================================== */

.red_moji {
    color: #F44336;
}

.red2_moji {
    color: #D32F2F;
}

.pink_moji {
    color: #E91E63;
}

.purple_moji {
    color: #9C27B0;
}

.purple2_moji {
    color: #7B1FA2;
}

.navy_moji {
    color: #3F51B5;
}

.blue_moji {
    color: #2196F3;
}

.skyblue_moji {
    color: #03A9F4;
}

.green_moji {
    color: #4CAF50;
}

.yellowgreen_moji {
    color: #8BC34A;
}

.yellow_moji {
    color: #ffeb3b;
}

.orange_moji {
    color: #F57C00;
}

.deeporange_moji {
    color: #FF5722;
}

.brown_moji {
    color: #795548;
}

.bold {
    font-weight: bold;
}

.mojis {
    font-size: small;
}

.mojil {
    font-size: large;
}

.mojill {
    font-size: x-large;
}

.mojilll {
    font-size: xx-large;
}

.yoyaku_kotei {
    position: fixed;
    bottom: 10px;
    right: 10px;
}


/* 蛍光マーカー
 ========================================================================== */

.highlight {
    background: linear-gradient(transparent 50%, #fdfe01 0%);
    line-height: 1.3em;
    font-weight: bold;
}


/* 資格
 ========================================================================== */

.shikakuBox {
    width: 100%;
    padding: 2em;
}

.shikakulist {
    margin: 0em 0;
    background: #FFF;
    width: 40%;
    float: left;
}

.shikakulist .box-title {
    font-size: 1.2em;
    background: #FFB74D;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 8px 0px;
}

#main .shikakulist p {
    padding: 15px 20px;
    margin: 0;
}

.shikakugazou {
    width: 50%;
    padding: 8px;
    float: left;
}



/* 初めての方へ
 ========================================================================== */

.hajimeteCheck {
    margin: 0em 0;
    background: #fffbf4;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width:736px) {
    .hajimeteCheck {
        margin: 0em 0;
        background: #fffbf4;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 3px;
    }
}


.hajimeteCheck .hajimeteCheck-title {
    font-size: 24px;
    background: #ffc778;
    padding: 4px;
    text-align: center;
    color: #555555;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 16px 0px;
}

#main .hajimeteCheck p {
    padding: 15px 20px;
    margin: 0;
}

.abstract {
    position: relative;
    display: inline-block;
    padding: 25px 0 5px;
    margin: 20px 8px 0 16px;
    color: #373737;
    font-size: 20px;
    text-align: left;
    line-height: 1.7;
    font-weight: bold;
}

@media (max-width: 763px){
.hajimeteCheck .hajimeteCheck-title {
    font-size: 16px;
}
}

@media (max-width: 320px){
    .hajimeteCheck .hajimeteCheck-title {
    font-size: 21px;
}
}

.privacy ul li {
    list-style-type: disc;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
    margin-top: 0.8em;
}

.privacy ol li {
    list-style-type: decimal;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
    margin-top: 0.8em;
}

.next {
    width: 40%;
    float: right;
    text-align: right;
}

.prev {
    width: 40%;
    float: left;
    text-align: left;
}

.paging {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}

/*相互リンク*/

.link_list {
    margin: 0 auto 15px;
    width: 95%;
    max-width: 610px;
    border: solid 1px #5fb3f5;
}

.link_list dt,
.link_list dd {
    padding: 8px 15px;
}

.link_list dt {
    border-top: solid 1px #5fb3f5;
    border-bottom: dotted 1px #5fb3f5;
    background: #dcefff;
    text-align: center;
}

.link_list :first-child {
    border-top: none;
}

.link_list ul {
    margin-left: 20px;
    list-style: disc;
}

.link-bt {
    margin: 0 auto 15px;
    width: 95%;
    max-width: 620px;
}

.link-bt li {
    background-color: #FFEED5;
    padding: 10px;
    font-size: 14px;
    margin: 10px;
}

#main .link-title a {
    font-weight: bold;
    color: #4caf50;
}

#main .link-title a:hover {
    font-weight: bold;
    color: #4caf50;
}

#main p .link-title {
    padding: 0.5em 16px 0;
}

.link-text {
    margin: 5px;
}


/*ボックス全体*/

.accbox {
    margin: 2em auto;
    padding: 0 0px;
    width: 95%;
}


/*ラベル*/

.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 13px 12px;
    color: #fffbf5;
    font-weight: bold;
    background: #ffa951;
    cursor: pointer;
    transition: all 0.5s;
    padding: 20px;
    line-height: 1.8em;
}


/*アイコンを表示*/

.accbox label:before {
    content: '\f128';
    font-family: 'FontAwesome';
    padding-right: 8px;
}


/*ラベルホバー時*/

.accbox label:hover {
    background: #ffc285;
}


/*チェックは隠す*/

.accbox input {
    display: none;
}


/*中身を非表示にしておく*/

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


/*クリックで中身表示*/

.cssacc:checked+label+.accshow {
    height: auto;
    padding: 5px;
    background: #fff5eb;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px
}


/*アイコンを入れ替える*/

.cssacc:checked+label:before {
    content: '\f078';
}

/*区切り線*/

.sen {
    border-bottom: dotted 8px #EFEBE9;
    padding-top: 1em;
margin: 2em 0px 3em;
}

/*付箋*/

.fusen {
    position: relative;
    background: #ffedd2;
    box-shadow: 0px 0px 0px 5px #ffedd2;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.fusen:after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #ff9800;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}



.stepBar {
    display: flex;
    max-width: 400px;
    position: relative;
    margin: 0px auto 20px;
    text-align: center;
}

.stepBar li {
    font-size: 12px;
    list-style: none;
    position: relative;
    width: 100%;
}

.stepBar li:after {
    background: #e6e6e6;
    content: "";
    width: calc(100% - 24px);
    height: 4px;
    position: absolute;
    left: calc(-50% + 12px);
    top: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4caf50+0,4caf50+50,e6e6e6+50,e6e6e6+100 */
    background: #4caf50;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4caf50 0%, #4caf50 50%, #e6e6e6 50%, #e6e6e6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4caf50 0%, #4caf50 50%, #e6e6e6 50%, #e6e6e6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4caf50 0%, #4caf50 50%, #e6e6e6 50%, #e6e6e6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4caf50', endColorstr='#e6e6e6', GradientType=1);
    /* IE6-9 */
}


.stepBar li:first-child:after {
    display: none;
}

.stepBar li span {
    background: #e6e6e6;
    color: #ffffff;
    display: inline-block;
    height: 24px;
    margin-bottom: 5px;
    line-height: 24px;
    width: 24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.stepBar .visited:after {
    background: #4caf50;
}

.stepBar .visited span {
    background: #4caf50;
}



.stepBar2 {
    display: flex;
    max-width: 400px;
    position: relative;
    margin: 20px auto;
    text-align: center;
}

.stepBar2 li {
    font-size: 12px;
    list-style: none;
    position: relative;
    width: 100%;
}

.stepBar2 li:after {
    background: #e6e6e6;
    content: "";
    width: calc(100% - 24px);
    height: 4px;
    position: absolute;
    left: calc(-50% + 12px);
    top: 10px;
}


.stepBar2 li:first-child:after {
    display: none;
}

.stepBar2 li span {
    background: #e6e6e6;
    color: #ffffff;
    display: inline-block;
    height: 24px;
    margin-bottom: 5px;
    line-height: 24px;
    width: 24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.stepBar2 .visited:after {
    background: #4caf50;
}

.stepBar2 .visited span {
    background: #4caf50;
}

/* 必須マーク */
.must {
    color: #fff;
    margin-right: 10px;
    padding: 6px 10px;
    background: #F92931;
    border-radius: 20px;
}

/* 任意マーク */
.free {
    color: #fff;
    margin-right: 10px;
    padding: 6px 10px;
    background: #03a9f4;
    border-radius: 20px;
}

/* 項目名を太字にする */
form p {
    font-weight: 600;
}

#main .wpcf7 p {
    margin: 0 0 4em 0
}
@media (max-width: 763px){
#main .wpcf7 p {
    margin: 0 0 4em 0;
    font-size: 10px;
}}

#main .wpcf7 table {
    border: none;
    width: 98%;
    margin: 2em auto;
}

.form_koumoku {
    font-weight: bold;
    margin: 2em 0px 16px 30px;

}

.contactform input.wpcf7c-conf,
.contactform textarea.wpcf7c-conf {
    border: 0;
    padding: 0;
    background: #fff;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 90%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #d0d5d8;
    border-radius: 3px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
}

/* 必須項目の入力欄を黄色にする 
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: rgba(255, 255, 142, 0.46);
}*/

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
    width: 100%;
    height: 80px;
    background: #27c038;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 600;
}


/* Contact Form 7カスタマイズ */
.inquiry th {
    text-align: left;
    font-size: 13px;
    color: #444;
    padding: 8px 16px;
    width: 30%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7;
	line-height: 1.5;
}

.inquiry td {
    font-size: 13px;
    border: solid 1px #d7d7d7;
    background: #fff;
}

/* 必須の調整 */
.haveto {
    font-size: 7pt;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 2px;
}

/* 任意の調整 */
.any {
    font-size: 7pt;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 2px;
}

/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
    display: block;
}

/* 送信ボタンのデザイン変更 */
.soushinbtn {
    padding: 20px !important;
    width: 40%;
    background: #ffaa56 !important;
    color: #fff;
    font-size: 18px !important;
    border-radius: 2px !important;
}

.soushinbtn:hover {
    background: #fff !important;
    color: #ff870f;
    border: 2px solid #ffa042;
}

/* スマホContact Form 7カスタマイズ */
@media screen and (max-width: 700px) {

    .inquiry th,
    .inquiry td {
        display: block;
        width: 90% !important;
        border-top: none !important;
        padding: 16px 16px;
    }

    .inquiry tr:first-child th {
        border-top: 1px solid #d7d7d7 !important;
    }

    .soushinbtn {
        width: 80% !important;
    }
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/

a {
    color: #212121;
    text-decoration: none;
    /*リンクテキストの色*/
}

a:hover {
    text-decoration: none;
    /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}



/*h1タグの設定
---------------------------------------------------------------------------*/

h1 {
    width: 100%;
    color: #494949;
    margin: 0px auto 0px;
    font-size: 14px;
    line-height: 32px;
    font-weight: normal;
    text-align: left;
    display: block;
    padding: 0 0 0 14px;
}



/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/

#top_bg {
    width: 100%;
    /*幅*/
    margin-left: auto;
    margin-right: auto;
    background-attachment: scroll;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
    background-position: top, center 0px;
    background-repeat: no-repeat;
    overflow: hidden;
}

#header_in {
	max-width: 1140px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
}


#container {
    width: 100%;
    /*コンテナー幅*/
    margin-left: auto;
    margin-right: auto;
    background-attachment: scroll;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
    /*ボックス内の余白*/
    background-color: #fff;
    overflow: hidden;
    line-height: 180%;
}



/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/


/*ヘッダーブロック*/

header {
    width: 100%;
    margin: 0px auto;
    text-align: left;
    position: relative;
    z-index: 2;
    background-color: #fff;
	height: 180px;
}



/*サイトロゴの設定*/

.site_logo {
    float: left;
    width: 37%;
}



/*ヘッダーバナー（２つ並び）*/

.head_bunner {
    float: right;
    width: 60%;
    text-align: right;
}

.clear {
    clear: both;
}



/*電話番号の文字設定*/

header address .tel {
    font-size: 18px;
    /*文字サイズ*/
    color: #ff9c16;
    /*文字色*/
    font-weight: bold;
    /*太字に*/
    display: block;
}



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

#menubar {
background: #fc913a;
    color: #ffffff;
}

nav#menubar ul {
    overflow: hidden;
    width: 100%;
	display: flex;
}



/*メニュー１個ごとの設定*/

nav#menubar ul li {
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-right: 1px solid #fff;
    /*幅*/
    /*右側への線の幅、線種、色*/
}

@media (max-width: 1170px){
nav#menubar ul li {
    float: left;
    width: 144px;
    border-right: 1px solid #fff;
}
}

nav#menubar ul li2 {
    float: left;
    width: 199px;
    /*幅*/
    /*右側への線の幅、線種、色*/
}

nav#menubar ul li a {
    height: 46px;
    padding-top: 12px;
    line-height: 2.6;
    text-decoration: none;
    display: block;
    font-size: 15px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    /*文字間隔を少し広めにとる設定。*/
    text-align: center;
    /*文字をセンタリング*/
    color: #fff;
    /*文字色*/
    -webkit-transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    transition: 0.5s;
    /*同上*/
    font-weight: bold;
}

nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #fb7609;
    color: #fff;
}


.searchform {
    position: relative;
    margin:0 0 2em;
}

.searchfield {
    font-size: 14px;
    width: 90%;
    margin: 3px;
    padding: 10px;
    border: solid 1px #bbb;
    border-radius: 4px;
    background-color: #f3f3f3;
    margin-left: 22px;
}

.searchsubmit {
    font-family: FontAwesome;
    font-size: 1.4em;
    position: absolute;
    top: 0;
    right: 8%;
    margin-top: 10px;
    padding: 0;
    cursor: pointer;
    color: #6297f5;
    border: none;
    background: transparent;
}

.searchsubmit:hover {
    opacity: .6;
}



/*最初のメニューの設定*/

nav#menubar ul li:first-child {
    border-left: 1px solid #ffffff;
    /*左側への線の幅、線種、色*/
}



/*マウスオン時と、current(表示中のメニュー)の設定*/

nav#menubar ul li a:hover,
nav#menubar ul li.current a {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #fff
color:#ff5600;
}



/*英語表記の設定*/

nav#menubar ul li a span {
    font-size: 8px;
    /*文字サイズ*/
    display: block;
    opacity: 0.5;
    /*50%の透明度で表示*/
    letter-spacing: 0.4em;
    /*文字間隔を少し広めにとる設定。*/
}

.nav_menu_home {
    content: "HOME";
    font-size: 8px;
    /*文字サイズ*/
    display: block;
    opacity: 0.5;
    /*50%の透明度で表示*/
    letter-spacing: 0.4em;
    /*文字間隔を少し広めにとる設定。*/
}

.nav_fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.checkbox ul li {
    margin-left: 8px;
    line-height: 12px;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 10px;
}

.box {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}


.tyui {
    margin: 2em;
	background: #ffebee;
    width: 100%;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 2rem;
}

.tyui .tyui_title {
	font-size: 1.2em;
    background: #ef5350;
    padding: 10px 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0em;
	line-height: 1.2;
}

.tyui p {
    margin-bottom: 0;
    font-size: 18px;
}

.tyui_title:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    background: #ffffff;
    color: #ef5350;
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    content: "\f12a";
}


@media (max-width: 736px){
.tyui {
    width: 96%;
	padding-bottom: 1.5rem;
}
	
.tyui_title {
    margin-bottom: 5px;
    font-size: 1em;
    font-weight: bold;
}

.tyui_title:before {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;
    content: "\f12a";
}

.tyui p {
	line-height: 1.75;
    padding: 0 16px;
}

}

@media (max-width: 320px){
.tyui .tyui_title {
    font-size: 1em;
    letter-spacing: 0;
}
}


.erabareru_title {
    margin: 2em 0 0 0;
    color: #fff;
    overflow: hidden;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 16px 16px;
    background-image: linear-gradient(to right, #ffc3a0 0%, #ffafbd 100%);
}


.erabarerubox {
    margin: 2em 0;
    background: #dcefff;
}



.cb {
    margin: 1.6em 0;
}

@media (max-width: 736px){
.cb {
    margin: 0.5em 0;
}
}

.cb ul {
    background: #fffbf4;
    margin-top: 0;
    padding: 1em 1.3em 1em 1.3em;
    line-height: 3;
    box-sizing: border-box;
}

.cb ul li {
    position: relative;
    padding-left: 25px;
    word-wrap: break-all;
    box-sizing: border-box;
    word-wrap: break-word;
    border-bottom: dotted 1px #D7CCC8;
}

.cb ul li:before {
    left: 0;
    position: absolute;
    font-family: FontAwesome;
    content: '\f00c';
    color: #ffba9f;
}


.kariyoyaku{
        width: 100%;
    max-width: 880px;
   margin: 4em auto 6em;
}
@media (max-width: 763px){
.kariyoyaku {
    margin: 0em auto 6em;
}}

.kariyoyakuMidashi{
    font-size: 54px;
    margin: 1em 0 1em 0px;
}

@media (max-width: 763px){
.kariyoyakuMidashi{
    font-size: 30px;
}
}

@media (max-width: 320px){
.kariyoyakuMidashi {
    font-size: 24px;
}
}

#main .kariyoyaku p{
        padding: 0 95px 0px;
}

@media (max-width: 763px) {
#main .kariyoyaku p{
        padding: 0 16px 0px;
}

    }

/* Widget
   ========================================================================== */

.widget {}

.widget h3 {
    border-left: 5px #ffe0c1 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 14px;
}

.widget ul {
    padding: 0;
    list-style: none;
}

.widget ul li {
    margin-bottom: 5px;
}

.widget ul li a {
    color: ;
}

.widget table {
    border-collapse: collapse;
}

.widget table caption {
    font-weight: 800;
}

.widget table thead th,
.widget table tbody td {
    border: 1px #cccccc solid;
    text-align: center;
}



/*　カレンダーマーク下線なしに　*/

.calendar-mark a {
    text-decoration: none;
}

.monthly-calendar caption {
    font-size: 1.8rem;
    text-align: center;
    padding: 10px;
}


/*——————–
 吹き出しを作る
——————–*/
/* 全体のスタイル */
.kaiwa {
margin-bottom: 25px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 763px){
.kaiwa {
    width: 100%;
    margin-top: 2em;
}}

/* 左画像 */
.kaiwa-img-left {
    margin: 0;
    float: left;
    width: 100px;
    height: 100px;
    margin-right: -70px;
}

/* 右画像 */
.kaiwa-img-right {
    margin: 0;
    float: right;
    width: 100px;
    height: 100px;
    margin-left: -100px;
}

.kaiwa figure img {
    width: 100%;
    height: 100%;
    margin: 0;
}

/* 画像の下のテキスト */
.kaiwa-img-description {
    padding: 5px 0 0;
    font-size: 10px;
    text-align: center;
    position: relative;
    bottom: 15px;
}

/* 左からの吹き出しテキスト */
.kaiwa-text-right {
    position: relative;
    margin-left: 90px;
    padding: 10px;
    border-radius: 10px;
    background: #f5f5f5;
    margin-right: 12%;
    float: left;
}

/* 右からの吹き出しテキスト */
.kaiwa-text-left {
    position: relative;
    margin-right: 120px;
    border-radius: 10px;
    background-color: #85e349;
    margin-left: 20%;
    float: right;
}

@media (max-width: 763px){
	.kaiwa-text-right {
		margin-left: 80px;
		margin-right: 10%;
	}
	
	.kaiwa-text-left {
		margin-right: 80px;
		margin-left: 10%;
	}
		
	.kaiwa-text-right p {
		padding: 0;
		margin: 10px;
		line-height: 1.3;
	}
	
	.kaiwa-text-left p {
		padding: 0;
		margin: 10px;
		line-height: 1.3;		
	}
}

#mian p.kaiwa-text {
    margin: 0 0 20px;
}

#mian p.kaiwa-text:last-child {
    margin-bottom: 0;
}

/* 左の三角形を作る */
.kaiwa-text-right:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    top: 15px;
    left: -20px;
}

.kaiwa-text-right:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #f5f5f5;
    top: 15px;
    left: -19px;
}

/* 右の三角形を作る */
.kaiwa-text-left:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    top: 15px;
    right: -20px;
}

.kaiwa-text-left:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #85e349;
    top: 15px;
    right: -19px;
}

/* 回り込み解除 */
.kaiwa:after,
.kaiwa:before {
    clear: both;
    content: "";
    display: block;
}

dl {
    margin: 2em 1em;
}

dt {
    border-bottom: dotted 2px #D7CCC8;
    margin: 1em 0;
}

/*トップページ
---------------------------------------------------------------------------*/

#mainimg {
    clear: left;
    width: 100%;
    position: relative;
    background-image: url(image/head_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: -2px;
}


/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/

#contents {
    clear: left;
    overflow: hidden;
}



/*メインコンテンツ
---------------------------------------------------------------------------*/

#main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



/*mainコンテンツのh2タグの設定*/

h2 {
	clear: both;
	font-size: 1.75rem;
	color: #fff;
	padding: 1rem;
	text-align: center;
	line-height: 1;
	background: #fc913a;
	border-radius: 4px;
	margin: 1.5rem auto;
}

@media (max-width:736px) {
    h2 {
		font-size: 1.25rem;
	}
}

@media (max-width:320px) {
    h2 {
		font-size: 1.25rem;
	}
}


.wrpNews h2 {
    clear: both;
    font-size: 32px;
    margin: 0em 0em 0em;
    color: #f06d1f;
    padding: 16px 24px;
    text-align: center;
}

@media (max-width: 763px) {
    .wrpNews h2 {
        padding: 16px 0;
            font-size: 28px;
    }
}

.brog-wrap #main h2{
    margin: 1em 0;
}

/*おすすめ*/
.osusumeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #000;
    border-radius: 3px;
    line-height: 1.75;
}

#main .osusumeBox p {
    position: relative;
    z-index: 1;
    width: 256px;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
}

.osusumeBox ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px;
    width: 15%;
    height: 100px;
    text-align: center;
    float: left;
}


/*吹き出し見出し*/

.wrpMedia h2 {
    margin-top: 0em;
	background: unset;
}

.fukidashiWaku h2:before {
    position: absolute;
    left: 50%;
    top: 56px;
    display: block;
    width: 0;
    height: 0;
    border-width: 9px 10px 0;
    border-style: solid;
    border-color: #f06d1f transparent transparent;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 763px) {
    .wrpMedia h2 {
        font-size: 24px;
    }
	
	.fukidashiWaku h2:before {
		top: 48px;
	}
}
.fukidashiWaku h2 span {
    background: #f06d1f;
    padding: 8px 32px;
    color: #fff;
    border-radius: 30px;
}


.h2img {
    border: none;
    background: none!important;
    padding: 0;
}

.wrpSub1 .h2img{
    clear: both;
    font-size: 32px;
    margin: 1em 0em 0em;
    color: #ff5600;
    padding: 0;
    text-align: center;
}

.nanamesen:before,
.nanamesen:after {
    position: absolute;
    top: 5px;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 1px;
    height: 38px;
    background-color: #ff5600;
    content: '';
}

.nanamesen:before {
    left: -35px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.nanamesen:after {
    right: -35px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.erabareruTitle {
    position: relative;
    display: inline-block;
}

h2 .erabareruTitle span {
    background: none;
    padding: 0 0em;
}


@media (max-width: 763px) {
#main h2 .erabareruTitle span {
    font-size: 24px;
    line-height: 1;
}
	
	.h2img {
		border: none;
		background: none;
		padding: 0 12px!important;
	}
}

/*mainコンテンツのh3タグの設定*/

h3 {
    position: relative;
	margin: 4rem 8px;
    font-weight: bolder;
    font-size: 32px;
    padding: 0 0 8px;
    text-align: center;
    border-bottom: solid 2px #fcd69e;
    line-height: 1.4;
}

@media (max-width: 763px) {
    h3 {
        margin: 3em auto 1em;
		font-size: 18px;
        padding: 0 0 10px;
    }
	
	.subpage_box  h3 {
    text-align: center;
    margin: 1em;
    }
	
	.subpage_box2  h3 {
    text-align: center;
    margin: 1em;
    }
	
	.subpage_box3  h3 {
    text-align: center;
    margin: 1em;
    }
}

.check_box h2, .check_box h3 {
    position: relative;
    margin-left: 8px;
    font-weight: bolder;
    font-size: 32px;
    padding: 0 0 16px;
    margin: 0em 0 0em;
    text-align: center;
    margin-bottom: 20px;
    border: none;
}

@media (max-width: 763px) {
	.check_box h2, .check_box h3 {
		position: relative;
		font-weight: bolder;
		font-size: 20px;
		padding: 0 0 0px;
		margin: 0;
		text-align: center;
		margin-bottom: 20px;
		border: none;
    }
}

.wrpSub3 .check_rightB h3 {
    position: relative;
    margin-left: 8px;
    font-weight: bolder;
    font-size: 32px;
    padding: 0 0 16px;
    margin: 0em 0 0em;
    text-align: center;
    margin-bottom: 20px;
    border: none;
}

.voice_box_right h3 {
    margin: 0 0 8px;
    padding: 8px 16px;
    border-bottom: solid #ffc778;
    box-sizing: border-box;
    display: block;
    text-align: left;
    font-size: 24px;
    padding: 8px 16px 8px 0;
}

@media (max-width: 763px) {
    #main .voice_box_right h3 {
        margin: 0 0 8px;
        padding: 8px 2px 10px;
        border-bottom: solid #ffc778;
        box-sizing: border-box;
        display: block;
        font-size: 20px;
        text-align: center;
    }
}

.voice_box_right h3:before {
    display: none;
}


.yakusoku_left h3 {
padding: 0;
margin:0;
border:none;
	text-align: unset;
}

.blog_in h3 {
    position: relative;
    margin-left: 16px;
    border-bottom: none;
    border-top: none;
    margin: 0;
}

/*mainコンテンツの段落タグ設定*/

p {
    margin: 1em 0 1.8em;
    line-height: 1.6;
    padding: 0px 32px;
    word-wrap: break-all;
}


.subpage_box_right p {
    margin: 0em 0 1em;
    line-height: 1.75;
    padding: 0px 16px;
    word-wrap: break-all;
}

@media (max-width: 763px) {
	.subpage_box_right p {
		padding: 0 8px;
	}
}

.title {
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: 1em 0;
    color: #fc913a;
    margin-bottom: 1em;
}

.maru {
    background: url(image/maru.png) repeat-x 4px center;
    margin: 40px auto 0;
    max-width: 1200px;
    position: relative;

}


.wrpNews {
    background-image: url(image/dot.gif);
    padding: 1em 0;
}

.wrpMenu {
    background-color: #fff7e0;
    padding: 24px 0;
}

.wrpSeitai {
    background-color: #dcedc8;
    padding: 24px 0;
}

.wrpBiyou {
    background-color: #FCE4EC;
    padding: 24px 0;
}

.wrpShoujou {
    background-color: #ffd4a9;
    padding: 24px 0;
}

.wrpYakusoku {
    background-color: #fff;
    padding: 40px 0;
}

.wrpSystem {
    background-color: #fffbf4;
    margin: 0;
}

.wrpDaihyo {
    background:#FAFAFA;
    padding: 60px 0 60px;
}

.wrphajimete {
    background-color: #fff7e0;
    padding: 60px 0 60px;
}

.wrpinnai {
    padding: 60px 0 60px;
    background: #ffc778;
}

.wrpvoice {
    padding: 60px 0 60px;
    background-image: url(image/masu.gif);
}

.wrpaccess {
    padding: 60px 0 60px;
    background-color: #fff;
}

.wrpYoyaku {
    background-image: url(image/dot.gif);
    padding: 40px 0 60px;
}

.wrpLine {
    background-image: url(image/dot.gif);
	padding: 0;
}

.wrpMap {
    background: #fff;
    padding: 60px 0 5em;
}

.wrpFooter {
    background: #ffc778;
    padding: 30px 0;
}

.wrpCopyright {
    background: #fc913a;
	padding: 16px 0;
}

.copyright {
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}

.wrpSub1 {
    background: #fffbf4;
    padding: 3rem 0 5rem;
}

.wrpSub2 {
    background: #fffbf4;
    padding: 16px 0 16px;
}


.wrpSub3 {
    background: #fff;
    padding: 60px 0;
}

.wrpMedia {
    background-image: url(image/dot.gif);
    padding: 48px 0;
}

.wrpErabareru {
    background: #ffc778;
    padding: 48px 0;
}

.wrpPriceSyokai {
    background-image: url(image/dot.gif);
    padding: 48px 0 1px;
}

.menu_box {
    background: #fff;
    margin: 1em auto;
    padding: 2em;
    border: solid 4px #fc913a;
    width: 92%;
}

#main .menu_box h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 40px;
}

#main .menu_box h3 {
    margin: 2em auto 1em;
    width: 90%;
}

.menu_boxL {
    float: left;
    width: 48%;
    margin: 2px;
}

.menu_boxR {
    float: right;
    width: 48%;
    margin: 2px;
}

#main .menu_box p {
    margin: 1em 0;
    padding: 0 10px;
    text-align: center;
    font-size: 20px;
}

@media (max-width: 763px) {
    .wrpNews {
        padding: 4px 0 4px;
    }

    .wrpMenu {
        padding: 16px 0 16px;
    }

    .wrpYakusoku {
        padding: 16px 0 16px;
    }

    .wrpDaihyo {
        padding: 16px 0 16px;
    }

    .wrphajimete {
        padding: 16px 0 16px;
    }

    .wrpinnai {
        padding: 16px 0 16px;
    }

    .wrpvoice {
        padding: 16px 0 16px;
    }

    .wrpaccess {
        padding: 16px 0 16px;
    }


    .wrpYoyaku {
        padding: 16px 0 16px;
    }

    .wrpLine {
        padding: 0;
    }

    .wrpMap {
        padding: 16px 0 16px;
    }

    .wrpFooter {
        padding: 16px 0 0;
    }

    .wrpCopyright {
		padding: 16px 0 90px;
    }
	
	.wrpSub1 {
        padding: 16px 0 16px;
    }

    .wrpSub2 {
        padding: 16px 0 16px;
    }

    .wrpSub3 {
        padding: .5rem;
    }

    .wrpMedia {
        padding: 16px 0 16px;
    }

    .wrpErabareru {
        padding: 16px 0 16px;
    }

    .wrpPriceSyokai {
        padding: 16px 0 16px;
    }

}




/*メニューボックス
---------------------------------------------------------------------------*/

.menu_in {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

#main .menu_in ul li {
    width: 24%;
    padding: 0 5px;
    float: left;
    margin-bottom: 24px;
}

@media (max-width: 763px) {
    #main .menu_in ul li {
    width: 96%;
    padding: 0 4px;
    float: none;
    margin-bottom: 0.5em;
    clear: both;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    }
}

#main .menu_in ul li a:before {
    display: block;
    width: 16px;
    height: 16px;
    content: '\f061';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    border-radius: 8px;
    background-color: #fc913a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#main .menu_in ul li p {
    padding: 0 8px;
    margin: 0;
    line-height: 1.5;
    letter-spacing: 0px;
}

#main .menu_in ul li img {
    display: block;
    width: 100%;
    line-height: 0;
    margin-bottom: 8px;
}

#main .menu_in ul li a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 14px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    text-decoration: none;
}


@media (max-width: 763px) {
    #main .menu_in ul li img {
    width: 30%;
    float: left;
    }

    #main .menu_in ul li a {
        box-shadow: none;
        padding: 8px 8px 16px 8px;
        border-radius: 3px;
    }
}


#main .menu_in ul li a span {
    text-decoration: none;
    font-size: 21px;
    font-weight: bold;
    color: #494949;
}
@media (max-width: 763px) {
    #main .menu_in ul li a span {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #494949;
    position: absolute;
    margin-top: 20px;
    padding: 0 0 0 8px;
}
}


.menu_in_left {
    float: left;
    width: 47%;
    padding: 8px;
    margin-right: auto;
}

.menu_in_right {
    float: right;
    width: 47%;
    padding: 8px;
    margin-left: auto;
}

.clear {
    clear: both;
}

.menu_title {
    font-size: 18px;
    line-height: 1.7;
    font-weight: bold;
}



/*代表挨拶
---------------------------------------------------------------------------*/

.name {
    font-weight: bold;
    font-size: 24px;
    border-bottom: solid 2px #fcd69e;
    padding: 0 0 5px 10px;
}

.daihyoPhoto {
    float: right;
    margin: 0 0 0 32px;
}

@media (max-width: 763px) {
    .daihyoPhoto {
        margin: 0 0 0 16px;
    }
}

.aisatsu_box {
    width: 100%;
    margin-bottom: 2em;
}

.aisatsu_in {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.aisatsu_honbun {
    float: left;
    width: 100%;
}

@media (max-width: 763px) {
    .aisatsu_honbun img {
        width: 30%;
    }
}

/*約束テキスト
---------------------------------------------------------------------------*/

.yakusoku_text {
    border-style: none;
    width: 100%;
    margin-top: 10px;
}


.yakusoku_left {
    float: left;
    width: 60%;
}

.yakusoku_left p {
    font-size: 22px;
    font-weight: 600;
    padding: 0 4rem;
    line-height: 1.8;
    margin: 0;
	letter-spacing: 0;
}

.yakusoku_right {
	float: left;
    width: 40%;
    margin: 2.5rem auto
}

.yakusoku_left h3 {
    border: none;
	margin: auto;
}


.waku {
    padding: 1em;
    border: 3px solid #ccc;
    border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}

.waku2 {
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    font-weight: bolder;
}


@media (max-width:480px){
	.yakusoku_left p {
		padding: 0 1.5rem;
		line-height: 1.6;
	}
}


/*course.html内のメニュー案内の各ブロック
---------------------------------------------------------------------------*/


/*ボックスの設定*/

#main section.list {
    margin-bottom: 15px;
    /*ボックス間のスペース*/
    border-radius: 10px;
    /*角丸のサイズ*/
    background: #FFF;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background: linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    position: relative;
    overflow: hidden;
    color: #333;
    /*文字色*/
    border: 1px solid #CCC;
    /*枠線の幅、線種、色*/
}

#main section.list a {
    padding: 20px;
    /*ボックス内の余白*/
    text-decoration: none;
    display: block;
    overflow: hidden;
    -webkit-transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    transition: 0.5s;
    /*同上*/
}

#main section.list a:hover {
    background: #FFF;
    /*マウスオン時の背景色*/
}



/*ボックス内の段落タグ設定*/

#main section.list p {
    padding: 0px;
    margin-left: 34%;
    /*左の写真とのバランスをとって設定*/
}



/*ボックス内の写真設定*/

#main section.list figure img {
    float: left;
    /*画像を左へ回り込み*/
    background: #FFF;
    /*画像の背景色。ここでは枠線と画像の間の色になります。*/
    padding: 5px;
    /*余白。ここに上の行で設定した背景色が出ます。*/
    width: 30%;
    /*写真の幅*/
    height: auto;
    /*写真の高さ*/
    border: 1px solid #ccc;
    /*線の幅、線種、色*/
}



/*ボックス内のh4タグ設定*/

#main section.list h4 {
    font-size: 100%;
    color: #8da472;
    /*文字色*/
    margin-left: 34%;
    /*左の写真とのバランスをとって設定*/
    border-bottom: 1px solid #8da472;
    /*下側の線の幅、線種、色*/
    margin-bottom: 0.5em;
}



/*「mark1(キャンペーン中)」マーク
---------------------------------------------------------------------------*/

.mark1 {
    font-size: 10px;
    /*文字サイズ*/
    color: #FFF;
    /*文字色*/
    background: #fa5d95;
    /*背景色*/
    text-align: center;
    display: block;
    width: 200px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    -webkit-transform: rotate(-45deg) translate(37px, 20px);
    -ms-transform: rotate(-45deg) translate(37px, 20px);
    transform: rotate(-20deg) translate(60px, 10px);
}



/*サブコンテンツ
---------------------------------------------------------------------------*/

#sub {
    float: left;
    /*左側に回り込み*/
    width: 300px;
    /*サブコンテンツ幅*/
    padding-bottom: 30px;
    padding-right: 8px;
    padding-left: 8px;
}



/*subコンテンツ内のh2タグ設定*/

#sub h2 {
    font-size: 100%;
    padding: 15px 10px;
    /*左から、上下、左右への余白*/
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #9a4423;
    /*背景色*/
    border-bottom: 1px solid #d2d2d2;
    /*下部の線の幅、線種、色*/
    border-top: 5px solid #987f5f;
    /*上部の線の幅、線種、色*/
    color: white;
}



/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/


/*メニュー全体の設定*/

#sub ul.submenu {
    margin-bottom: 15px;
    /*メニューブロックの下にあけるスペース*/
}



/*メニュー１個ごとの設定*/

#sub ul.submenu li a {
    text-decoration: none;
    display: block;
    padding: 2px 10px;
    /*左から、上下、左右への余白*/
    background: #FFF;
    /*背景色*/
    margin-top: 5px;
}



/*マウスオン時の設定*/

#sub ul.submenu li a:hover {
    background: #fc7d77;
    /*背景色*/
    color: #fff;
    /*文字色*/
}



/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/

#sub .box1 {
    border: 1px solid #CCC;
    /*枠線の幅、線種、色*/
    padding: 10px;
    /*ボックス内の余白*/
    margin-bottom: 15px;
    /*ボックスの下に空けるのスペース*/
    background-color: #FFF;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eaeaea));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #eaeaea);
    /*同上*/
    background-image: linear-gradient(#FFF, #eaeaea);
    /*同上*/
    -webkit-box-shadow: 0px 0px 1px #FFF inset;
    /*内側への影を右・下・ぼかし幅・距離・色を設定*/
    box-shadow: 0px 0px 0px 1px #FFF inset;
    /*同上*/
}



/*サイドのメニューボックス（施術ﾒﾆｭｰ)
---------------------------------------------------------------------------*/

.sidemenu_box {
    width: 240px;
    border-width: 1px;
    border-style: solid;
    border-color: #9a4423;
}



/*フッター設定
---------------------------------------------------------------------------*/

footer {
    clear: both;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    /*文字色*/
    overflow: hidden;
    background: #ffc778;
}

footer .pr {
    display: block;
    font-size: 80%;
}

footer a {
    text-decoration: none;
    color: #573731;
}

footer a:hover {
    color: #573731;
}

footer .sitemap ul li {
    text-align: left;
}

footer ul li a {
    text-decoration: none;
}


.sitemap-list-children {
    border-left: 1px solid #303030;
	font-size: 18px;
    padding-left: 12px;
    margin-bottom: 16px;
    line-height: 2;
}


.sitemap-list-children a {
    text-decoration: none;
}

@media (max-width: 763px) {
    .sitemap-list-children {
		margin-bottom: 1.5rem;
    }
}

.sitemap h4 {
    margin: 0 0 16px;
    font-size: 18px;
    color: #464646;
    text-align: left;
}

@media (max-width: 763px) {
    .sitemap h4 {
        margin: 0 0 16px;
        font-size: 20px;
        color: #464646;
        width: 100%;
        border-bottom: solid 2px #f3ab46;
    }
}

.sitemap {
	width: 48%;
}

.sitemap a {
    text-decoration: none;
}

.copyright a {
    text-decoration: none;
}

@media (max-width: 763px) {
    .sitemap {
        width: 100%;
    }

}

.footer-logo {
    width: 100%;
	margin-bottom: 1.5em;
}

.footer-logo2 {
    width: 96%;
	margin-top: 40px;
	margin-bottom: 15px;
}


@media (max-width: 763px) {
    .footer-logo {
        width: 95%;
    }
}

.footer-info {
    width: 480px;
	float:left;
	font-size: 12pt;
}

@media (max-width: 763px) {
    .footer-info {
        width: 95%;
    }
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/


/*ブロック全体の設定*/

#new {
    margin-bottom: 15px;
}

#new dl {
    overflow: auto;
    /*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
    height: 150px;
    /*ボックスの高さ*/
    padding-left: 15px;
}



/*日付設定*/

#new dt {
    font-weight: bold;
    /*太字にする設定。標準がいいならこの行削除。*/
    float: left;
    width: 8em;
}



/*記事設定*/

#new dd {
    border-bottom: 1px solid #d2d2d2;
    /*下線の幅、線種、色*/
    padding-left: 8em;
}

#new dd img {
    vertical-align: middle;
}



/*テーブル１
---------------------------------------------------------------------------*/

.ta1 {
    width: 100%;
}

.ta1,
.ta1 td,
.ta1 th {
    border: 1px solid #CCC;
    /*テーブルの枠線の幅、線種、色*/
    line-height: 2;
}



/*テーブル内の右側*/

.ta1 td {
    padding: 10px;
}



/*テーブル内の左側*/

.ta1 th {
    width: 180px;
    padding: 10px;
    text-align: center;
    background-color: #e2e2e3;
    /*背景色*/
}



/*テーブル１行目に入った見出し部分*/

.ta1 th.tamidashi {
    width: auto;
    text-align: left;
    color: #FFF;
    /*文字色*/
    background-color: #333;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#4b4b4b, #333);
    /*同上*/
    background-image: linear-gradient(#4b4b4b, #333);
    /*同上*/
}



/*ボタンの設定*/

input[type="submit"],
input[type="reset"] {
    width: 250px;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    border-radius: 30px;
    /*角丸のサイズ*/
    background-color: #e5e5e5;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background-image: linear-gradient(#FFF, #e5e5e5);
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    border: 1px solid #61C359;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #61C359;
    /*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    margin: 0 8px;
}


input[type="submit"],
input[type="button"],
input[type="reset"] {
    /*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/
}


input[type="button"] {
    width: 250px;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    border-radius: 30px;
    /*角丸のサイズ*/
    background-color: #e5e5e5;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background-image: linear-gradient(#FFF, #e5e5e5);
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    border: 1px solid #f0f0f0;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fff;
    /*ボタン色*/
    color: #292929;
    border-bottom: solid 4px #f0f0f0;
    border-radius: 3px;
    margin: 0 8px;
}


.searchform input[type="submit"] {
    width: 10%;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    /*角丸のサイズ*/
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
    color: #9e9e9e;
    margin: 0 8px;
    background: none;
    background-color: none;
    border: none;
}



/*PAGE TOP設定
---------------------------------------------------------------------------*/

#pagetop {
    clear: both;
}

#pagetop a {
    color: #ffffff;
    /*文字色*/
    font-size: 10px;
    /*文字サイズ*/
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #ec3f0a;
    /*背景色*/
    text-decoration: none;
    text-align: center;
    width: 12em;
    /*ボックス幅*/
    display: block;
    float: right;
    letter-spacing: 0.1em;
    /*文字間隔を少し広めにとる設定。*/
    line-height: 30px;
    margin-top: -30px;
    border-radius: 6px 6px 0 0;
}



/*マウスオン時*/

#pagetop a:hover {
    background-color: #666;
    /*背景色*/
    color: #FFF;
    /*文字色*/
}



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

.look {
    background: #dcdcdc;
}

.mb15,
.mb1em {
    margin-bottom: 15px;
}

.clear {
    clear: both;
}

ul.disc {
    padding: 0em 25px 1em;
    list-style: disc;
}

.color1 {
    color: #ff7e0f;
}

.pr {
    font-size: 10px;
}

.btn {
    font-size: 13px;
}

.wl {
    width: 96%;
}

.ws {
    width: 50%;
}

.c {
    text-align: center;
}

.r {
    text-align: right;
}

figcaption {
    font-size: 11px;
}

img {
    max-width: 100%;
    height: auto;
}

.newicon {
    background: #F00;
    color: #FFF;
    font-size: 10px;
    padding: 0px 5px;
    border-radius: 2px;
    margin-left: 5px;
}

#menubar_hdr {
    display: none;
}

article youtube {
    margin: 5px 0;
    border: 5px #e0e0e0 solid;
}

#banner {
    display: none;
}



/*予約*/

#yoyaku_box {
    width: 100%;
}

.yoyaku_in {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.yoyaku_left {
    float: left;
    width: 50%;
    margin-left: 0px;
}

.yoyaku_left p {
    font-size: 10px;
}

.yoyaku_right {
    float: left;
    width: 48%;
    padding-left: 10px;
}

.yoyaku_right li {
    padding-top: 5px;
}

.yoyaku_in section {
    padding: 0px 20px 15px;
    margin: 10px 0 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
}

.yoyaku_in section ul li {
    margin-top: 0px;
    margin-bottom: 10px;
}

.yoyaku_text {
    border-style: none;
    width: 100%;
    margin-top: 10px;
}

.yoyakuimg {
    border-radius: 10px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}


/*院内の雰囲気*/


.tennai_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.tennai_box ul li {
    float: left;
    padding: 7px;
    width: 32%;
    text-align: center;
}

@media (max-width: 763px) {
    .tennai_box ul li {
        float: left;
        padding: 6px 5px;
        width: 47%;
        text-align: center;
    }
}

@media (max-width: 320px) {
    .tennai_box ul li {
        float: left;
        padding: 6px 8px;
        width: 45%;
        text-align: center;
    }
}


.PhotoTitle {
    background: #ee8d72;
    padding: 10px 20px;
    border-radius: 25px;
    color: #fff;
    position: relative;
    left: 0;
    margin-left: 8px;
    top: -15px;
}

@media (max-width: 763px) {
    .PhotoTitle {
        padding: 5px 20px;
        font-size: 14px;
        top: 4px;
    }

}


/*アクセス----------------------------------------------------*/

.access_box {
    width: 100%;
}


.access_in {
	width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.access_in ul {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.access_in ul:before {
    content: "";
    display: block;
	width: 22.5%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}

.access_in ul:after {
    content: "";
    display: block;
	width: 22.5%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

.access_in ul li {
	width: 22.5%;
    position: relative;
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.access_in ul li:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 8px #fcd69e;
    top: 35%;
    left: -9%;
}

.access_in ul li:nth-child(1)::before {
display: none;
}

@media (max-width: 763px) {
    .access_in ul li {
        width: 98%;
        margin: 0 auto 1.5rem;
}

.access_in ul li {
    width: 100%;
    display: flex;
}

.access_in ul li img {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding-right: .75rem;
}

}


/*Googlemap-------------------------------------------*/
.map {
    width: 100%;
    height: 480px;
    position: relative;
}

@media (max-width: 763px) {
    .map {
        width: 95%;
        height: 260px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
}

.mapBox {
    width: 100%;
    position: relative;
}

.mapBoxL {
    width: 55%;
    padding: 0 16px;
    float: left;
    height: 450px;
}

@media (max-width: 763px) {
    .mapBoxL {
		width: 100%;
        padding: 0 16px;
        float: left;
        height: 260px;
    }
}

.mapBoxR {
    width: 39%;
    padding: 0 16px;
    float: left;
}

@media (max-width: 763px) {
    .mapBoxR {
        width: 96%;
        padding: 0 10px;
        float: left;
    }
}

.addressTitle {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 2px #ffc778;
    display: inline-block;
    width: 100%;
    line-height: 1.8em;
}

@media (max-width: 763px) {
    .addressTitle {
        margin: 24px 0 0px;
        font-size: 20px;
        text-align: left;
        padding: 0 0 8px;
    }
}

#main .mapBoxR p {
    padding: 0px 8px;
    margin: 16px 0 8px;
}

.gMap {
    background: #4285f4;
    color: #fff;
    border-radius: 8px;
    padding: 8px 16px;
    float: right;
    text-decoration: none;
}

/*お客様の声------------------------------------------------------*/

.voice_box {
    width: 100%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 3px;
}

.voice_in {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.voice_box_right {
    width: 58%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: left;
	line-height: 1.8em;
}

.voice_box_right span {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    text-align: right;
    margin-top: 0.5rem;
}


.voice_box_left {
    float: left;
    width: 35%;
    margin-right: auto;
    margin-left: auto;
    padding: 16px;
    text-align: center;
}

 .voice_in p {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 8px;
    font-size: 18px;
}

@media (max-width: 763px){
    .voice_box {
        float: none;
        width: 94%;
        margin-right: auto;
        margin-left: auto;
        padding: 0 0px 24px;
        text-align: left;
    }

    .voice_box_left {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
        padding: 0;
        float: none;
    }

    .voice_box_right {
        float: left;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 0px;
        text-align: left;
        line-height: 1.6em;
    }

    .voice_in {
        width: 100%;
    }
	
	.voice_in p {
        margin: 0.5em 0 0 0;
        padding: 0px 20px;
        font-size: 16px;
    }
}


/*LINE@*/
.lineBox {
    width: 100%;
    position: relative;
}

#main .lineBox p {
    margin: 0;
    padding: 0;
}

.lineBoxR {
    width: 21%;
    padding: 0 16px;
    float: left;
}

.lineBoxL {
    width: 53%;
    padding: 0px 16px 16px;
    float: left;
}

.lineadd {
    background: #fff;
    color: #00b800;
    border-radius: 50px;
    padding: 8px 16px;
    float: none;
    text-decoration: none;
    border: solid #fff 2px;
    width: 50%;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0 auto;
    line-height: 1.5;
}

@media (max-width: 763px) {
    .lineadd {
        width: 80%;
    }
}

.lineadd a {
    color: #00b800;
    text-decoration: none;
}

.lineadd span {
    padding: 0px 0 0px 8px;
    line-height: 1.6;
}

.linequestion {
    background: #00b800;
    color: #fff;
    border-radius: 50px;
    padding: 16px 16px;
    float: none;
    text-decoration: none;
    border: solid #fff 2px;
    width: 75%;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0 auto;
    line-height: 1.5;
}

.linequestion a {
    color: #fff;
    text-decoration: none;
}

.linequestion span {
    padding: 0px 0 0px 8px;
    line-height: 1.6;
}


/*料金*/

.price_box {
    width: 95%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
}

.price_in {
    width: 100%;
}


.price_box_right {
    width: 58%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: left;
}

.price_box_left {
    float: left;
    width: 35%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 16px;
    text-align: center;
}

#main .price_in p {
    margin: 0.5em 0 0 0.5em;
    padding: 8px 8px 8px;
}

.box_price {
    margin: 2em 0;
    background: #dcefff;
}


.price_box_right .box_price .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 16px 0px;
}


.box_price p {
    padding: 15px 20px;
    margin: 0;
}



.box29 {
    margin: 0em 0;
    background: #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.box29 .box-title {
    font-size: 1.2em;
    background: #ffa951;
    padding: 4px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 24px 0px;
    color: #fff;
}

#main .box29 p {
    padding: 15px 20px;
    margin: 0;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
}


/*サブページ内の説明ボックス*/

.subpage_box {
    width: 48%;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px;
    margin-bottom: 3em;
	box-sizing: border-box;
	float: left;
}

.subpage_box h3 {
    margin: 0 0 1rem;
	font-size: 1.5rem;
}

.subpage_box2 {
    width: 100%;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px;
    float: left;
    margin-bottom: 3em;
}

.subpage_box3 {
    width: 46%;
    padding: 8px;
    margin: 0 auto 3em;
}

.subpage_box_left {
    width: 100%;
    text-align: center;
}

.subpage_box_left2 {
    float: left;
    width: 42%;
    padding: 0 16px;
    margin: 0;
}

.subpage_box_centerL {
    float: left;
    width: 94%;
    padding: 0 16px;
    margin: 0;
}

.subpage_box_right {
    width: 100%;
    box-sizing: border-box;
    margin-top: 1rem;
}

.subpage_box_right2 {
    float: left;
    width: 54%;
    text-align: left;
    margin-top: 0;
}

.subpage_box_centerR {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 8px;
    padding-right: 8px;
    padding-top: 6px;
}

.clear {
    clear: both;
}



/*来院からの流れボックス------------------------------*/

.nagare_box {
    width: 100%;
}

.nagare_in {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.nagare_in ul li {
    width: 22%;
    margin-left: auto;
    float: left;
    margin-right: auto;
    position: relative;
    margin: 8px 10px 0 0;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.5;
    background: url(image/arrowR.jpg) no-repeat 266px 76px;
    padding: 8px 24px 8px 0px;

}

.nagare_in .last{
    background: none;
}

@media (max-width: 763px) {
    .nagare_in ul li {
    width: 90%;
    margin-left: auto;
    float: none;
    margin-right: auto;
    position: relative;
    margin: 8px auto 3em;
    background: url(image/arrowU.jpg) no-repeat;
    background-position: bottom;
    padding: 0px 0 20px 0;
    }
}

.nagareTitle {
    background-color: #fff867;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: 0;
    display: table;
}

.kariyoyakustep {
    background-color: #fff867;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 763px){
    .nagare_box {
        width: 100%;
    }

    .nagare_box_left {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }

    .nagare_box_right {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .nagare_box_left1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }

    .nagare_box_right1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

}

/*仮予約STEP-------------------------------------------------------------------*/

.kariStep_box {
    width: 100%;
    margin-bottom: 4em;
}

@media (max-width: 763px){
    .kariStep_box {
    margin-bottom: 1em;
}
}

.kariStep_in {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.kariStep_in ul li {
    width: 29%;
    margin-left: auto;
    float: left;
    margin-right: auto;
    position: relative;
    margin: 8px 16px;
    text-align: center;

}

@media (max-width: 763px) {
    .kariStep_in ul li {
    width: 28%;
    margin-left: auto;
    float: left;
    margin-right: auto;
    position: relative;
    margin: 8px 8px;
    font-size: 11px;
        min-height: 174px;
    }
}



.accessimg2 {
    background: none;
}

/*チェックボックス
---------------------------------------------------------------------------*/

.check_box {
	width: 98%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto 2rem;
    align-items: center;
}

@media (max-width: 763px) {
    .check_box {
        width: 95%;
        height: auto;
        padding: 10px;
    }
}

.check_left {
	width: 60%;
    margin-top: 0px;
    padding: 0 2em;
    box-sizing: border-box;
}

.check_left p {
    margin: 1em 0;
    font-size: 18px;
	padding: 0 0 0 16px;
}

@media (max-width: 763px) {
    .check_left {
        float: left;
        width: 100%;
        margin-top: 0px;
        padding: 0;
    }
}

.check_right {
	width: 36%;
    padding: 0 0 0 16px;
    margin-bottom: 1em;
    box-sizing: border-box;
}

@media (max-width: 763px) {
    .check_right {
        float: none;
        width: 100%;
        padding: 0;
        position: relative;
        margin: 0 auto 0;
		text-align: center;
    }
}


.wrpSub3 .check_boxB {
    width: 100%;
    height: auto;
    padding: 10px;
}

.wrpSub3 .check_leftB {
    float: left;
    width: 30%;
    padding: 16px;
    margin-bottom: 1em;
}


.wrpSub3 .check_rightB {
    float: left;
    width: 60%;
    margin-top: 0px;
    padding: 0 2em;
}


.space1 {
    height: 1px;
}

.check {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 16px;
    counter-increment: titleNum;
}

.check_box ul {
    width: 94%;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.check_box li, .check_left li {
    list-style: none;
    padding: 3px 0px 3px 24px;
    line-height: 42px;
    background-position-y: 2px;
    border-bottom: dotted 2px #ffc778;
    font-size: 22px;
	box-sizing: border-box;
}

.check_box li {
    width: 48%;
}

.check_left li {
    width: 100%;
}

@media (max-width: 763px) {
    .check_box li, .check_left li {
		width: 100%;
		padding: 6px 0px 6px 24px;
        font-size: 18px;
		line-height: 30px;
    }

}

.check_rightB li {
    list-style: none;
    padding: 3px 0px 3px 24px;
    line-height: 38px;
    background-position-y: 2px;
    border-bottom: dotted 2px #fcd69e;
    font-size: 22px;
}



.check_box li:before, .check_left li:before {
    margin-left: -24px;
    position: absolute;
    font-family: FontAwesome;
    content: '\f14a';
    color: #ffc778;
}

.check_rightB li:before {
    margin-left: -24px;
    position: absolute;
    font-family: FontAwesome;
    content: '\f14a';
    color: #ffc778;
}

.defaultlist,
.defaultlist li {
    padding: 0px;
    margin: 0px;
}

.defaultlist li {
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 5px 0px 5px 0px !important;
}

.list4 li {
    position: relative;
    padding-left: 20px;
}

.list4 li:after,
.list4 li:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    height: 11px;
    width: 4px;
    background: #aaa;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.list4 li:before {
    top: 8px;
    left: 3px;
    height: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}



/*選ばれるボックス
---------------------------------------------------------------------------*/

.inner .erabarerubox ol {
    counter-reset: number;
    /*数字をリセット*/
    list-style-type: none !important;
    /*数字を一旦消す*/
}

.inner .erabarerubox ol li {
    border-bottom: dashed 1px #fcd69e;
    position: relative;
    padding: 0.5em 0.5em 0.5em 30px;
    line-height: 1.5em;
    width: 100%;
    max-width: 860px;
    font-size: 20px;
    margin: 0 auto;
}

.inner .erabarerubox ol li:before {
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*数字のデザイン変える*/
    display: inline-block;
    background: #ffb107;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*以下 上下中央寄せのため*/
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 763px){
.inner .erabarerubox ol li {
    border-bottom: dashed 1px #fcd69e;
    position: relative;
    padding: 0.5em 0 0 36px;
    line-height: 1.5em;
    width: 80%;
    max-width: 829px;
    font-size: 16px;
    margin: 0 auto;
}
}

.inner .erabarerubox ol li:last-of-type {
    border-bottom: none;
    /*最後のliの線だけ消す*/
}


.erabarerubox {
    border-width: 5px;
    border-radius: 5px;
    border-style: solid;
    border-color: #fcd69e;
    width: 90%;
    height: auto;
    background-image: url(image/erabareruBg.gif);
    background-repeat: repeat;
    font-weight: bold;
    padding: 8px 16px;
margin: 0px auto 32px;
}


@media (max-width: 763px){
.erabarerubox {
    margin: 0em 0;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 0 0px;
}
}

.box1 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 5px 0;
    text-align: center;
    background: rgb(241, 113, 126);
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 8px;
}

.box1:before {
    content: '';
    width: 0px;
    height: 0px;
    border-width: 25px 0px 25px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.box1:after {
    content: '';
    width: 0px;
    height: 0px;
    border-width: 25px 10px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.box1 p {
    color: #fff;
    height: 38px;
    font-size: 18px;
    line-height: 24px;
    border-top: 1px dashed rgb(255, 255, 255);
    border-bottom: 1px dashed rgb(255, 255, 255);
    margin: 0;
    padding: 0 10px;
    font-weight: 800;
    box-sizing: border-box;
}

.erabareru_left {
    float: left;
    width: 410px;
}

.erabareru_right {
    float: left;
    width: 260px;
}

.erabareru_in {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.erabareru_in section {
    padding: 16px 24px 16px;
    margin: 16px 0 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
}

.space1 {
    height: 1px;
}

.check_erabareru {
    font-weight: bolder;
    padding-left: 15px;
    padding-right: 15px;
}

.check li {
    list-style: none;
    background: url(image/check_icon1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
    padding: 3px 0px 3px 38px;
}

.riyuu {
    position: relative;
    padding: 16px 0px 8px 3em;
    border-bottom: 1px solid #ccc;
    line-height: 35px;
}

.riyuu::before {
    position: absolute;
    top: 17px;
    left: 0;
    counter-increment: number 1;
    /* number カウンタの増加数をセット */
    content: counter(number) " ";
    /* 表示形式を指定 */
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #dab485;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}


.switch {
    visibility: hidden;
}

.price {
    clear: both;
    background: url() right center / auto auto no-repeat scroll padding-box border-box, linear-gradient(#ec3f0a, #ec3f0a) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    /*背景画像の読み込みとグラデーション*/
    background: url() no-repeat right center, -webkit-linear-gradient(#ec3f0a, #ec3f0a);
    /*同上*/
    /*同上*/
    -webkit-box-shadow: 1px 2px 5px #e2e2e2;
    /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
    box-shadow: 1px 2px 5px #e2e2e2;
    /*同上*/
    font-size: 100%;
    padding: 4px 15px;
    /*左から、上下、左右への余白*/
    border-radius: 6px;
    /*角丸のサイズ*/
    border: 1px solid #cccccc;
    /*枠線の幅、線種、色*/
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.price_list {
    width: 95%;
    background-color: #f9e6e5;
    height: auto;
    padding: 0px 0px 0px 20px;
    margin-right: auto;
    margin-left: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #f4d2d1;
}

.price_list_in {
    width: 95%;
    height: auto;
    margin-right: 29px;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 15px;
}

.price_left {
    float: left;
    width: 45%;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.price_right {
    float: left;
    width: 45%;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    position: relative;
}

.blog-wrap .inner{
    max-width: 980px;
}

.innerYoyaku {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    position: relative;
}


.footer_in {
	width: 1160px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
}

.footer_left, .footer_right {
    box-sizing: border-box;
}

.footer_left .textwidget, .footer_right .textwidget {
    width: 100%;
}

.footer_left {
    width: 56%;
    display: flex;
    flex-wrap: wrap;
}

.footer_left .textwidget {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_right {
	width: 40%;
}

.point_img {
    margin-top: -65px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}

.yakusoku_img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}

.indent {
    margin-left: 1em;
    text-indent: -1em;
}

.tyui_box {
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}

.tyui_box::before {
    background-color: #fff;
    color: #f57c00;
    content: "注意事項";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.tyui_box li {
    padding: 0 5px 3px 15px;
    background: url(../image/li.jpg) no-repeat left 8px;
}

.yoyaku_Box {
    position: relative;
    width: 100%;
    margin-top: 8px;
}

.yoyakuLeft {
    width: 48%;
    float: left;
    background: #e2f4fe;
    border: solid #4fc2f8 4px;
    border-radius: 3px;
    margin-right: 16px;
}

@media (max-width: 763px) {
    .yoyakuLeft {
        width: 92%;
        float: none;
        background: #e2f4fe;
        border: solid #4fc2f8;
        border-radius: 3px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em;
    }
}

.yoyakuRight {
    width: 48%;
    float: right;
    background: #fde3ec;
    border: solid #f48fb1 4px;
    border-radius: 3px;
}


@media (max-width: 763px) {
    .yoyakuRight {
        width: 92%;
        float: none;
        background: #fde3ec;
        border: solid #f48fb1 4px;
        border-radius: 3px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em;
    }
}


.yoyakuLine {
    width: 48%;
    float: right;
background: #40c558;
    border: solid #00b400 4px;
    border-radius: 3px;
}


@media (max-width: 763px) {
    .yoyakuLine {
        width: 92%;
        float: none;
        border-radius: 3px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em;
    }
}

/**
 * Blog
 */


#main .blog p{
	    letter-spacing: .05rem;
	    font-size: 107%;
        line-height: 1.83;
}

#main .blog-body p{
	    letter-spacing: .05rem;
	    font-size: 107%;
        line-height: 1.83;
}

.date {
    float: right;
}

.blog_in {
    width: 100%;
    padding: 16px;
}

@media (max-width: 763px){
    .blog_in {
    width: 92%;
    padding: 16px;
}
}

.blog_in_l {
    width: 24%;
    padding: 8px;
    float: left;
}

.blog_in_r {
    width: 70%;
    padding: 8px;
    float: left;
}


.blog-title-article {
    margin-bottom: 0px;
    margin-left: 5px;
}

.blog-wrap {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 2em 0;
}

.blog-header {
    padding: 5px;
    color: #888;
    font-size: 13px;
}

.blog-body {
padding: 10px 16px;
    line-height: 1.5;
}


.blog-title-index {
    margin-bottom: 0px;
    margin-left: 5px;
    font-size: 2em;
    color: #333;
}

.blog-title-category {
    font-size: 1.17em;
    font-weight: normal;
    color: #888;
}

.blog-footer {
    padding: 5px;
    text-align: right;
}

.about-body {
    padding: 10px 5px;
}

.map-body {
    padding: 10px 5px;
}

.contact-body {
    padding: 10px 5px;
}



.blog_side {
    border: 1px solid #e1e1e1;
    box-shadow: 0 3px 0 rgba(8, 1, 2, 0.03);
}

.blog_title {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 5px;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    overflow: visible;
}

.blog_simple {
    display: block;
    border-bottom: 1px dotted #e1e1e1;
    padding: 15px;
}

.blog_simple a {
    text-decoration: none;
}

.blog_simple a:hover {
    color: #00a9c7;
}

.blog_simple:hover {
    background-color: #f3f3f3;
}

.blog_kiji_title {
    font-size: 24px;
    background: #fcd69e;
    padding: 4px;
    text-align: center;
    color: #555555;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 16px 0px;
}

ul.lcp_catlist li:before {
    position: absolute;
    font-family: FontAwesome;
    content: '・';
    color: #cccccc;
    font-size: 40px;
    margin-top: -13px;
    margin-left: -40px;
}
ul.lcp_catlist li{list-style:none;padding-top:10px;padding-bottom:8px;line-height:1;}
@media (max-width:480px){ul.lcp_catlist li:before{position:absolute;font-family:FontAwesome;content:'・';color:#cccccc;font-size:40px;margin-top:-13px;}
}
ul.lcp_catlist li img{float:left;margin-right:30px;}
.blog_kiji{width: 83%;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;}
.blog_kiji ul{width:90%;}




.underline {
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    line-height: normal;
    text-align: center;
}

.fuwafuwa {
    -webkit-animation-name: fuwafuwa;
    /* fuwafuwaっていうアニメーションをしてね！ */
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function: ease;

    -moz-animation-name: fuwafuwa;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function: ease;
}


/* fuwafuwaっていうアニメーションはこんなふうだよ！ */

@-webkit-keyframes fuwafuwa {
    0% {
        -webkit-transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -10px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes fuwafuwa {
    0% {
        -moz-transform: translate(0, 0);
    }

    50% {
        -moz-transform: translate(0, -10px);
    }

    100% {
        -moz-transform: translate(0, 0);
    }
}


/*--------------------------------
PREV NEXT
---------------------------------*/

#prev_next {
    width: 100%;
    margin: 36px 0 24px;
    padding: 0;
    display: table;
}

#prev_next #prev,
#prev_next #next {
    width: 50%;
    padding: 30px 10px 10px;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    display: table-cell;
    position: relative;
    text-decoration: none;
}

#prev_next #prev p,
#prev_next #next p {
    font-size: 90%;
    line-height: 1.5;
}

#prev_next #prev:hover,
#prev_next #next:hover {
    background-color: rgba(238, 238, 238, 0.7);
}

#prev_next #prev {
    border-right: #ccc 1px solid;
}

#prev_next #prev_title,
#prev_next #next_title {
    font-size: 90%;
    top: -1em;
    position: absolute;
    border: 1px #ccc solid;
    background: #fff;
    text-align: center;
    padding: 3px;
    color: #666;
}

#prev_next #next_title {
    right: 10px;
}

#prev_next #prev img,
#prev_next #next img {
    margin: 0 auto;
}

#prev_next #prev_no,
#prev_next #next_no {
    width: 50%;
    height: 140px;
    padding: 0 10px;
    display: table-cell;
}

#prev_next #prev_no {
    border-right: #ccc 1px solid;
}

#prev_next_home {
    margin: 0 auto;
    background-color: #39f;
    border: solid 9px #fff;
    width: 100px;
    height: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0 0 0 3px #39f;
    -webkit-box-shadow: 0 0 0 3px #39f;
    -moz-box-shadow: 0 0 0 3px #39f;
    text-align: center;
}

#prev_next_home:hover {
    background-color: rgba(0, 0, 255, 0.7);
}

#prev_next_home i {
    color: #FFF;
    margin: 10px auto;
    font-size: 60px;
}


/*-- ここまで --*/


/*media Queries タブレットサイズ
----------------------------------------------------*/

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


/*media Queries タブレットサイズ
----------------------------------------------------*/

@media only screen and (min-width: 380px) {}


/*media Queries PCサイズ
----------------------------------------------------*/

@media only screen and (min-width: 780px) {

    /*-- ここから --*/
    /*--------------------------------------
768px PREV NEXT
--------------------------------------*/
    #prev_next #prev,
    #prev_next #prev::before,
    #prev_next #prev::after,
    #prev_next #next,
    #prev_next #next::before,
    #prev_next #next::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    #prev_next #prev_title,
    #prev_next #next_title {
        padding: 3px 10px;
    }

    #prev_next #next_title {
        right: 10px;
    }

    #prev_next #prev img {
        float: left;
        margin-right: 10px
    }

    #prev_next #next img {
        float: right;
        margin-left: 10px;
    }

    /*-- ここまで --*/
}

@media (min-width:481px) and (max-width:980px) {

    #header_in {
        display: none;
    }

    .logo_sp {
        width: 30%;
    }

    .menu_in_left {
        float: left;
        width: 46%;
        padding: 8px;
        margin-right: auto;
    }

    .menu_in_right {
        float: right;
        width: 46%;
        padding: 8px;
        margin-left: auto;
    }

    #mainimg {
        background-size: cover;
    }

    header {
        height: 60px;
        /*ヘッダーの高さ*/
        width: 100%;
        /*ヘッダーの幅*/
        position: relative;
        margin-top: -10px;
        padding-right: 20px;
        margin-left: -10px;
    }

    footer {
        clear: both;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #ffffff;
        /*文字色*/
        width: 100%;
        /*幅*/
    }

    #top_bg {
        width: 100%;
        /*幅*/
        margin-left: auto;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
        /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
        background-color: #fef9ea;
        background-image: url(image/top_bg.png);
        background-position: top, center 0px;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    #container {
        width: 100%;
        /*コンテナー幅*/
        margin-left: auto;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
        /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
        /*ボックス内の余白*/
        background-color: #fff;
        overflow: hidden;
        margin-left: 0px;
        margin-right: 0px;
    }

    #sub {
        float: left;
        /*左側に回り込み*/
        width: 100%;
        /*サブコンテンツ幅*/
        padding-bottom: 30px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .footer_in {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
        /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
        padding: 10px;
        /*ボックス内の余白*/
        color;
        #ffffff;
        overflow: hidden;
    }

    nav#menubar ul li {
        display: none;
        float: left;
        width: 14%;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    nav#menubar ul li:first-child {
        border-left: none;
        border-top: none;
    }

    nav#menubar ul li:last-child {
        width: 15%;
        border-right: none;
    }

    nav#menubar ul {
        overflow: hidden;
        width: 100%;
    }

    nav#menubar ul li a {
        font-size: 12px;
    }
.check_right img {
    margin-left: 148px;
    margin-top: -55px;
    width: 80%;
}
    .yakusoku_left {
        float: left;
        width: 60%;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .daihyoPhoto {
        float: right;
        margin: 0 0 12px 32px;
    }

    .check_right {
        float: left;
        width: 33%;
        padding: 16px 0;
        margin-bottom: 2em;
    }

    .tennai_box ul li {
        float: left;
        padding: 5px;
        width: 48%;
        text-align: center;
    }

    .voice_box {
        width: 96%;
        margin-top: 2em;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        padding: 8px 0;
        border-radius: 3px;
    }

    .mapBoxL {
        width: 95%;
        padding: 0 16px;
        float: left;
        height: 450px;
    }

    .access_in ul li {
        width: 28%;
        margin-left: auto;
        float: left;
        margin-right: auto;
        position: relative;
        margin: 8px 16px 0 16px;
    }

    .yoyaku_Box {
        position: relative;
        width: 100%;
        margin-top: 8px;
        padding: 8px 16px;
    }

    .square_btnTel {
        max-width: 290px;
    }

    .square_btnWeb {
        max-width: 290px;
    }

    .yoyakuRight {
        width: 46%;
    }

    .yoyakuLeft {
        width: 46%;
    }


    #contents {
        clear: left;
        padding-top: 0px;
        margin: 0px 0px;
        overflow: hidden;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #main {
        float: right;
        /*右側に回り込み*/
        width: 100%;
        /*メインコンテンツ幅*/
        padding-bottom: 30px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #wrap {
        overflow: hidden;
    }

    .site_logo {
        float: left;
        width: 37%;
        margin-top: 0px;
    }

    .head_bunner {
        float: right;
        width: 62%;
        text-align: right;
        padding-top: 0px;
    }
}



/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/


/*表示を切り替えるウィンドウサイズの指定*/

@media (max-width: 763px) {

    .box29 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .box29 .box-title {
        font-size: 17px;
    }

    .price_box {
        padding: 0;
    }

    .price_box_left {
        padding: 0;
    }

    .cb ul li {
        position: relative;
        padding-left: 25px;
        word-wrap: break-all;
        box-sizing: border-box;
        word-wrap: break-word;
        margin-bottom: 16px;
        line-height: 1.7em;
        border-bottom: dotted 1px #D7CCC8;
    }

    .break:before {
        content: "\A";
        white-space: pre;
        /* ←あわせてこれを指定しないと改行しない場合があるらしい */
    }


    /*パンくずリスト*/

    .breadcrumbs {
        width: 90%;
        margin: 0px 0 16px;
        margin-left: auto;
        margin-right: auto;
        font-size: 10px;
    }


    .breadcrumbs a {
        text-decoration: none;
    }

    span .breadBg {
        background: #fcd69e;
        color: #fff;
        /* text-decoration: none; */
        border-radius: 9px;
        padding: 6px;
    }


    /*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
    /*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
    #top_bg {
        background-image: none;
    }

    #container {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0;
    }

    table {
        width: 95%;
    }

    /*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/

    header {
		height: auto;
    width: 100%;
    position: relative;
    margin-bottom: 0;
    background: none;
    }


    .price_box_left {
        float: left;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        /* padding: 10px 16px; */
        text-align: center;
    }


    .price_box_right {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px;
        text-align: left;
    }



    /*サイトロゴの設定*/
    .site_logo {
        display: none;
        width: 100%;
        margin-top: 0px;
        text-align: center;
        margin-left: 5px;
    }

    #header_in {
    width: 100%;
    height: auto;
    margin: 0px auto;
    clear: both;
    padding: .25rem 0;
    }

    #mainimg {
        clear: left;
        width: 100%;
        height: auto;
        position: relative;
        margin-top: -15px;
        background-image: url(image/head_bg_sp.jpg);
    }

    /*上部のメインメニュー
---------------------------------------------------------------------------*/
    nav#menubar ul {
        padding-left: 0;
        margin-left: 0px;
        border-bottom: 2px solid #ffffff;
        display: none;
    }

    /*メニュー１個ごとの設定*/
    nav#menubar ul li {
        float: left;
        width: 50%;
        border-bottom: 1px solid #ffffff;
        /*下の線の幅、線種、色*/
        background: none 0% 0% / auto auto repeat scroll padding-box border-box #f06d1f
            /*背景色（古いブラウザだとここの色のみが出ます）*/
            border-right: 1px solid #fffffff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    nav#menubar ul li a {
        letter-spacing: normal;
    }

    nav#menubar ul li:nth-child(odd) {
        border-left: 1px solid #ffffff;
    }

    nav#menubar ul li:last-child {
        width: 100%;
    }


    /*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
    #contents {
        width: auto;
        padding-top: 0px;
        margin: 0px;
    }

    /*main,subコンテンツ
---------------------------------------------------------------------------*/
    #main,
    #sub {
        float: none;
        width: auto;
        padding: 0 0px;
    }

    /*mainコンテンツ
---------------------------------------------------------------------------*/
    /*mainコンテンツの段落タグ設定*/
    #main p {
        padding: 0px 13px 0px;
        margin: 1em 0;
        /*左から、上、左右、下への余白*/
    }

    /*course.html内のメニュー案内の各ブロック
---------------------------------------------------------------------------*/
    /*ボックス内の段落タグ設定*/
    #main section.list p {
        margin-left: 0;
    }

    /*ボックス内の写真設定*/
    #main section.list figure img {
        float: none;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 10px;
    }

    /*ボックス内のh4タグ設定*/
    #main section.list h4 {
        margin-left: 0;
    }

    /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
    section#new.open {
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#8da472), to(#5a743f));
        /*背景画像とマイナスアイコンとグラデーション*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#8da472, #5a743f);
        /*同上*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_minus.png) no-repeat right center, linear-gradient(#8da472, #5a743f);
        /*同上*/
    }

    section#new h2.close {
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#8da472), to(#5a743f));
        /*背景画像とプラスアイコンとグラデーション*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#8da472, #5a743f);
        /*同上*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_plus.png) no-repeat right center, linear-gradient(#8da472, #5a743f);
        /*同上*/
    }

    /*ブロック全体の設定*/
    #new dl {
        height: auto;
        margin: 5px 5px 0px;
    }

    /*日付設定*/
    #new dt {
        float: none;
        width: auto;
    }

    /*記事設定*/
    #new dd {
        padding-left: 0;
    }

    /*テーブル１
---------------------------------------------------------------------------*/
    .ta1 {
        width: 100%;
    }

    /*テーブル内の右側*/
    .ta1 td {
        width: auto;
        padding: 2px;
    }

    /*テーブル内の左側の見出し部分*/
    .ta1 th {
        width: 100px;
        padding: 2px;
    }

    /*その他
---------------------------------------------------------------------------*/
    /*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
    body.s-n #sub {
        display: none;
    }

    /*メニュー折りたたみ設定*/
    #menubar_hdr {
        display: inline;
        position: absolute;
        top: 10px;
        right: 20px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
        background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
        background-image: linear-gradient(#fbfbfb, #e5e5e5);
        padding: 10px;
        border: 1px solid #cfcfcf;
        border-radius: 0px 0px 6px 6px;
    }

    /*メニューボックス
---------------------------------------------------------------------------*/
    .menu_box {
        margin: 0.5em auto;
        width: 92%;
        border: solid 3px #fc913a;
        padding: 1em 0em;
    }

    #main .menu_box h2 {
        font-size: 22px;
    }

    .menu_boxL {
        float: unset;
        width: 100%;
    }

    .menu_boxR {
        float: unset;
        width: 100%;
    }

    #main .menu_box h3 {
        text-align: center;
        width: 100%;
        margin: 2em auto 1em;
    }

    #main .menu_box p {
        padding: 0px 5px;
        font-size: 18px;
    }

    .menu_in {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
    }

    .menu_in img {
        width: 98%;
    }

    .menu_in_left {
        width: 50%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        padding: 0px;
        margin-top: 8px;
    }

    .menu_in_right {
        width: 50%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: right;
        padding: 0px;
        margin-top: 8px;
    }

    /*約束ボックス
---------------------------------------------------------------------------*/
    .yakusoku_box {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    .yakusoku_in {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    #banner {
        height: auto;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        display: block;
		z-index: 999;
    }

    #close_button {
        position: absolute;
        top: 0;
        right: -43px;
    }

    /*代表挨拶
---------------------------------------------------------------------------*/
    .aisatsu_box {
        width: 100%;
        margin: 0;
    }

    .aisatsu_in {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 10px 0;
    }

    .aisatsu_left {
        width: 100%;
        text-align: center;
    }

    .aisatu_right {
        width: 95%;
    }

    /*約束テキスト
---------------------------------------------------------------------------*/
    .yakusoku_text {
        width: 100%;
        margin-top: 8px;
    }

    .yakusoku_text img {
        width: 85%;
    }

    .yakusoku_left {
		width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin: 0;
    }

    .yakusoku_right {
		width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        padding: 1rem;
        margin: 0;
        line-height: 2.15;
        float: none;
    }

    .staff {
        width: 90%;
        background-color: #ffffff;
        margin-left: 15px;
        font-size: 14px;
    }

    /*サブページ内の説明ボックス*/
    .subpage_box {
        width: 100%;
    }

    .subpage_box_left {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }

    .subpage_box_right {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

 

    /*施術の流れボックス*/
    .nagare_box {
        width: 100%;
    }

    .nagare_box_left {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }

    .nagare_box_right {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .nagare_box_left1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }

    .nagare_box_right1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }



    /*サブページ内の説明ボックス*/
    .subpage_box {
		width: 92%;
		padding: 0;
		box-sizing: border-box;
		margin: 0 auto;
		float: none;
    }
	
	.subpage_box h3 {
		font-size: 24px;
	}

    .subpage_box_left {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
        padding: 0;
        float: none;
    }

    .subpage_box_left2 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
        padding: 0;
        float: none;
    }

    .subpage_box_right {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        padding: 0;
        float: none;
    }

    .subpage_box_right2 { 
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        padding: 0;
        float: none;
    }

    /*選ばれるボックス
---------------------------------------------------------------------------*/
    .erabareru_box {
        border-width: 1px;
        border-style: solid;
        border-color: #f7e3e1;
        ;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .erabareru_in section {
        padding: 0;
        margin: 16px 0 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #ffffff;
        box-sizing: border-box;
    }

    .box1 {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 5px 0;
        text-align: center;
        background: rgb(241, 113, 126);
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-top: 8px;
    }

    .box1:before {
        content: '';
        width: 0px;
        height: 0px;
        border-width: 25px 0px 25px 10px;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .box1:after {
        content: '';
        width: 0px;
        height: 0px;
        border-width: 25px 10px 25px 0px;
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .box1 p {
        color: #fff;
        height: 38px;
        font-size: 15px;
        line-height: 24px;
        border-top: 1px dashed rgb(255, 255, 255);
        border-bottom: 1px dashed rgb(255, 255, 255);
        margin: 0;
        padding: 0 10px;
        font-weight: 800;
        box-sizing: border-box;
    }



    /*サイドのメニューボックス（施術ﾒﾆｭｰ)
---------------------------------------------------------------------------*/
    .sidemenu_box {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    #sub img {
        width: 100%;
    }

    .space_s {
        height: 10px;
    }

    .yoyaku_kotei {
        position: fixed;
        bottom: 10px;
        right: 10px;
    }

    .space1 {
        height: 1px;
    }

    .check_in {
        width: 100%;
        margin-left: auto;
        float: none;
        margin-right: auto;
        margin-top: 32px;
        padding: 0;
    }

    .check_list {
        width: 100%;
        margin-left: auto;
        float: none;
        margin-right: auto;
        margin-top: 32px;
        padding: 0;
    }

    .check img {
        width: 80%;
        text-align: center;
    }

    .check_box {
		width: 96%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .check {
        font-weight: bolder;
        padding-left: 15px;
        padding-right: 15px;
    }

    .step_left {
        float: left;
        width: 25%;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }

    .step_right {
        float: left;
        width: 70%;
        font-size: 12px;
    }

    .inner {
        margin-top: 0px;
        width: 100%;
    }

    .inner2 {
        margin: 0 auto;
        width: 100%;
    }

    .footer_in {
        width: 100%;
    }
	
	.footer_left {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}

    .footer_right {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
		margin-bottom: 1rem;
    }

    .riyuu {
        position: relative;
        padding: 14px 0px 8px 3em;
        border-bottom: 1px solid #ccc;
        line-height: 35px;
        font-size: 13px;
    }

    .riyuu::before {
        position: absolute;
        top: 17px;
        left: 0;
        counter-increment: number 1;
        /* number カウンタの増加数をセット */
        content: counter(number) " ";
        /* 表示形式を指定 */
        width: 28px;
        height: 28px;
        line-height: 28px;
        background-color: #dab485;
        border-radius: 100%;
        color: #fff;
        font-size: .9em;
        text-align: center;
    }

    .price_list_in {
        width: 95%;
        height: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-left: auto;
        margin-bottom: 15px;
    }

    .price_left {
        float: left;
        width: 86%;
        padding: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .price_right {
        float: left;
        width: 86%;
        padding: 10px;
        margin-right: 20px;
        margin-left: auto;
    }
}

@media (max-width: 320px) {
    .step_left {
        float: left;
        width: 30%;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }

    .step_right {
        float: left;
        width: 65%;
        font-size: 12px;
    }

}

@media (max-width: 763px) {

    .searchfield {
        width: 80%;
        margin-left: 32px;
    }


    .blog_in_l {
width: 80%;
    padding: 8px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }

    .blog_in_r {
width: 92%;
    padding: 8px;
    float: left;
    }

    h1 {
		display: none;
    margin-top: 20px;
    font-size: 8px;
    background: #f2f2f2;
    color: #212121;
    padding: 0 0 0 4px;
    }

    h2 {
		text-align: center;
	}

    h2:before {
        top: 12px;
    }

    header {
        box-shadow: none;
    }

    .head_bunner {
        width: auto;
        position: static;
        z-index: 100;
        margin-bottom: -5px;
        padding-top: 10px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
        float: none;
        clear: both;
        text-align: center;
        display: none;
    }

    .fixed {
        position: fixed;
        top: 0;
        z-index: 1;
    }

    #top-menu img {
        max-width: 50%;
        width: 172px;
    }

    .site_logo {
        height: 70px;
    }

    .access_in_left {
        float: none;
        padding: 5px;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .access_in_right {
        float: none;
        padding: 5px;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

.voice_in_left {
    float: none;
    padding: 5px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
}

.voice_in_right {
    float: left;
    padding: 5px;
    width: 98%;
}

#mainimg {
    margin-top: 0px;
}

#yoyaku_s {
    display: none;
}

#yoyaku_box {
    width: 100%;
}

.yoyaku_in {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.yoyaku_left {
    float: left;
    width: 95%;
    margin-left: 8px;
}

.yoyaku_left p {
    font-size: 10px;
}

.yoyaku_right {
    float: left;
    width: 90%;
    margin-bottom: 10px;
    padding-left: 15px;
}

.yoyaku_right li {
    padding-top: 5px;
}

.yoyaku_in section {
    padding: 0px 0px 15px;
    margin: 10px 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
}

.yoyaku_text {
    border-style: none;
    width: 100%;
    margin-top: 10px;
}


#line_box {
    width: 100%;
}

.line_in {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.line_left {
    float: left;
    width: 95%;
    margin-left: 8px;
}

.line_left p {
    font-size: 10px;
}

.line_right {
    float: left;
    width: 90%;
    margin-bottom: 10px;
    padding-left: 15px;
}

.line_right li {
    padding-top: 5px;
}

.line_in section {
    padding: 15px 10px 15px;
    margin: 10px 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    background: #45b345;
}

.line_text {
    border-style: none;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
}


.point_img {
    margin-top: -32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}

.content-form fieldset {
    width: 90%;
}

form td {
    border: none;
}

.nav_fixed {
    position: relative;
}

.button {
    display: inline-block;
    width: 90%;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    font-size: 16px
}

.seminar_box {
    width: 100%;
}

.seminar_in {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.seminar_in_left {
    float: left;
    padding: 5px;
    width: 30%;
}

.seminar_in_left2 {
    float: left;
    padding: 5px;
    width: 30%;
}

.seminar_in_center {
    float: left;
    padding: 5px;
    width: 30%;
}

.seminar_in_right {
    float: left;
    padding: 5px;
    width: 30%;
}

.seminar_in_right2 {
    float: left;
    padding: 5px;
    width: 30%;
}


.jiko_box_left {
    float: left;
    width: 98%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

.jiko_box_right {
    float: left;
    width: 45%;
}

.jiko_nagare_box {
    width: 98%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.jiko_nagare_left {
    float: left;
    width: 98%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.jiko_nagare_right {
    float: left;
    width: 98%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.jiko_nagare_center {
    float: left;
    width: 98%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
}


@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

@media only screen and (max-width: 680px) {
    .pc {
        display: block !important;
    }

    .sp {
        display: none !important;
    }
}

@media (max-width: 320px){
    .logo_sp {
        padding-top: 8px;
    }    
}

@media (max-width: 763px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .logo_sp {
        width: 47%;
        padding-top: 4px;
    }

    .check_left {
        float: none;
        width: 100%;
        margin-top: 5px;
        padding: 0;
		margin-bottom: 1rem;
    }

}

/*営業時間*/

.timeBox{
     width: 97%;
    margin: 2em 0;
    background: #fff7e0;
    padding: 16px;
}

.timeLeft{
    width: 37%;
    float: left;
    padding: 8px;
    font-size: 1.2rem;
}

.timeRight {
width: 59%;
    font-size: 1rem;
    float: left;
    padding: 10px;
}

#main .timeBox table {
    width: 100%;
    background: #fff;
    border: 1px solid #796859;
    line-height: 1;
}

.timeBox table tr {
    border-bottom: 1px solid #796859;
}

.timeBox table th:first-of-type {
    width: 175px;
}

.timeBox table th {
    padding: 8px 0;
    border-left: 1px solid #796859;
    border-right: 1px solid #796859;
    text-align: center;
    vertical-align: middle;
    color: #796859;
}

.timeBox table td {
    border-right: 1px solid #796859;
    text-align: center;
    vertical-align: middle;
    color: #fc913a;
}

#main .timeBox ul li span {
    background: #fc913a;
    padding: 4px 16px;
    border-radius: 16px;
    color: #fff;
    font-weight: bold;
    margin-right: 8px;
}

@media (max-width: 763px){
.timeBox {
    width: 96%;
    padding: 8px;
    margin:0;
}

.timeLeft {
    width: 94%;
    float: none;
    padding: 8px;
    font-size: 16px;
}

.timeRight {
    width: 96%;
    font-size: 1rem;
    float: none;
    padding: 8px;
    font-size: 0.75rem;
}
}

/*クリックすると表示*/
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*Blog 見出し関係*/
#main .blog-body h2 {
    margin: 73px 0 15px;
    padding: 5px 0;
    font-size: 28px;
    font-weight: 700;
    border-bottom: 2px solid #181818;
    color: #181818;
    text-align: left;
	background:none;
	border-radius:0;
}
#main .blog-body h3{
    margin: 56px 0 20px;
    padding: 16px 28px 16px;
    font-size: 21px;
    font-weight: 700;
    background: #f3f3f3;
    text-align: left;
    border-radius: 10px;
    border: none;
    }

#main .blog p{
	    letter-spacing: .05rem;
	    font-size: 107%;
        line-height: 1.83;
}


#main .blog-body h2 p{
	margin:0;
	padding:0;
}

#main .blog-body h3 p{
	margin:0;
	padding:0;
}


@media screen and (max-width: 768px){
#main .blog-body h2 {
margin: 41px 0 22px;
    padding: 8px 0px;
    font-size: 22px;
    line-height: 1.5;
    width: 100%;
	}
#main .blog-body h3 {
    margin: 0px 0 20px;
    font-size:18px;	
}

.subpage_box2{
    width: 100%;
    padding: 0;
}

.subpage_box3{
    width: 100%;
    padding: 0;
}

}

.hatsumouMimg {
    background-image: url(image/hatsumou_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
}

.offer {
    width: 100%;
    max-width: 916px;
    position: absolute;
    bottom: -6px;
	left: 12%;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.offer {
		left: 0;
}
}
	
	

.offer:before, .offer:after {
    clear: both;
    content: "";
    display: block;
}

.offerbotanL {
    float: left;
    width: 44%;
    margin-top: 0px;
    padding: 0 0px 0 0px;
}

.offerbotanC {
    float: left;
    width: 26%;
    margin-top: 0px;
    padding: 0;
    margin-bottom: 8px;
}

.offerbotanR {
    float: left;
    width: 26%;
    margin-top: 0px;
    padding: 0;
    margin-bottom: 8px;
}


.system_box {
    margin: 1em 0 4em;
    padding: 50px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0px 6px 7px rgba(203, 203, 203, 0.39);
}

.system_left {
    float: left;
    width: 65%;
    margin-top: 1em;
    margin-bottom: 1em;
}


.system_left h3 {
    border: none;
    background: none;
    margin: 36px 0 0;
    padding: 16px;
}

.system_right {
    float: left;
    width: 35%;
    padding: 26px 0 0 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

.Price{
    border: unset;
    margin: 2.5em 0;
    font-size: 24px;
    text-align: center;
    line-height: 1.8em;
}

.hatsumouCheckBox {
    padding: 0;
    border: solid 4px #89b251;
    margin-bottom: 2em;
    border-radius: 10px;
    width: 94%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    background: url(image/masu.jpg);
}

.hcb_in {
    width: 90%;
    padding: 8px 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
}

.hcb_in ul li {
    float: left;
    list-style: none;
    padding: 8px 8px;
    line-height: 1.75;
    background-position-y: 2px;
    font-weight: normal;
    margin-left: 24px;
    width: 44%;
    font-size: 26px;
}

.hcb_in li:before {
    margin-left: -40px;
    position: absolute;
    font-family: FontAwesome;
    content: '\f14a';
    color: #89b251;
}

.subpage_boxh {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
	padding: 2rem;
    background: #fff;
    margin-top: 2em;
    box-shadow: 0px 6px 7px rgba(203, 203, 203, 0.5);
	box-sizing: border-box;
}

.whiteBg h2 {
	box-sizing: border-box;
	position: relative;
	padding: 0.5em;
    line-height: 1.4;
    color: #fc913a;
    border-top: solid 2px #fc913a;
    border-bottom: solid 2px #fc913a;
    background: #fff7e0;
	width: 100%;
	margin: 2rem auto;
}

.subpage_box_lefth {
    width: 208px;
    padding: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}

.subpage_box_righth {
    width: 90%;
    text-align: left;
    margin: 8px auto;
    padding-right: 8px;
    padding-top: 6px;
}

#main .subpage_boxh h3 {
    margin: 0.5em 0.5em 0.25em;
    color: #343434;
    border-bottom: double 5px #ffc17c;
    padding: 0 0 4px;
    font-size: 24px;
}

.subpage_box_righth p {
    font-size: 20px;
    padding: 0 24px;
}

.subpageBox {
    width: 94%;
    margin: 0em auto;
    padding: 16px;
    background: #fff;
}

.subpageBoxL {
	float: left;
    width: 34%;
    margin: 0 auto;
    padding: 8px;
}

.subpageBoxR {
    width: 66%;
    padding: 8px;
    margin: 0 auto;
}

#main .subpageBoxR h3 {
    margin-left: 0;
    color: #89b251;
    margin-bottom: 8px;
    margin-top: 8px;
    border-left: none;
    font-size: 24px;
    border-bottom: unset;
}

#main .subpageBoxR p {
    padding: 0px 24px;
    font-size: 18px;
}

.subpageBox:after, .subpageBox:before {
    clear: both;
    content: "";
    display: block;
}

.li-numb ol {
    counter-reset: number;
    list-style-type: none !important;
    background: #fff;
    margin-bottom: 1.5em;
    padding: 1em 1em 1em 1em;
    border-radius: 3px;
    width: 88%;
    margin: 0px auto 1.5em;
}

.li-numb ol li {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
    font-size: 30px;
}

@media (max-width: 763px){
    .Price{
        font-size: 20px;
    }
}

header.hatsumou {
    display: none;
}

@media (max-width: 763px){
    .offer {
        width: 100%;
        max-width: 916px;
        position: absolute;
        margin-left: 0;
        margin-right: auto;
    }

    .offerbotanL {
        float: none;
        width: 94%;
        margin-top: 0px;
        padding: 0 0px 6px 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .offerbotanC {
        float: left;
        width: 46%;
        margin-top: 0px;
        padding: 0px 0px 0 0px;
        margin-bottom: 8px;
        margin-left: 12px;
        margin-right: auto;
    }

    .offerbotanR {
        float: left;
        width: 46%;
        margin-top: 0px;
        padding: 0 0 0 4px;
        margin-bottom: 8px;
        margin-left: auto;
        margin-right: auto;
    }

    .wrpSystem {
        padding: 0;
    }

    .system_box {
        margin: 0 0 1em;
        padding: 10px;
        box-shadow: unset;
    }

    .system_left {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 0;
    }

    #main .system_left h3 {
        border: none;
        background: none;
        margin: 16px 0 0;
        padding: 0px;
    }

    .system_right {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        font-size: 16px;
        line-height: 2.15;
        padding: 0px 24px;
        margin-bottom: 24px;
        float: none;
    }

    .hatsumouCheckBox {
        margin-top: 0.5em;
    }

    .hcb_in ul li {
        width: 100%;
        font-size: 20px;
        margin-left: 12px;
    }

    #main .h2img {
        margin: 0 auto;
        width: 100%;
    }

    .subpage_boxh {
        margin-top: 0.5em;
        width: 92%;
    }

    .subpage_box_lefth {
        float: unset;
        width: 50%;
        padding: 8px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px;
    }

    .subpage_box_righth {
        float: unset;
        width: 100%;
        text-align: left;
        margin: 0px auto;
        padding-right: 0;
        padding-top: 0px;
    }

    #main .subpage_boxh h3 {
        text-align: center;
    }

    .sen {
        border-bottom: dotted 4px #EFEBE9;
        padding-top: 0;
        margin: 1em 0px 2em;
    }

    .subpageBox {
        width: 96%;
        margin: 24px auto 8px;
        padding: 0px 8px;
    }

    .subpageBoxL {
        width: 96%;
        float: none;
        padding: 8px;
    }

    .subpageBoxR {
        width: 96%;
        float: none;
        padding: 8px;
        font-size: 14px;
        line-height: 2;
    }

    #main .subpageBoxR h3 {
        margin-left: 0;
        margin-bottom: -6px;
        margin-top: -8px;
        border-left: none;
        font-size: 22px;
    }

    #main .subpageBoxR p {
        font-size: 16px;
        margin: 0 0;
    }

    .kaiwa-img-left {
        width: 60px;
        height: 60px;
    }

    .kaiwa-img-right {
        width: 60px;
        height: 60px;
    }
}

.reqruitHead {
    background: url(image/reqruit_bg.jpg);
}

.h2Reqruit {
    background: #ffc6c1;
    padding: 1em 0;
    color: #fff;
    border-radius: 4px;
	margin: 1rem auto 2rem;
}

#main h3.staff_voice {
    font-size: 22px;
    text-align: left;
    padding: 0;
}

.staff_voice span {
    text-align: left;
    color: red;
    font-size: 20px;
}

.reqruitBox {
    box-shadow: 0px 0px 0px 5px #ffc6c1;
    border: dashed 2px #fff;
    border-radius: 4px;
    margin: 1em auto;
    padding: 0em;
    background: #ffc6c1;
    width: 840px;
}

.reqruitBox h3 {
    color: #fff;
    border: unset;
    background: unset;
    margin: 0.5em 1em;
    box-shadow: unset;
    width: unset;
}

.reqruitBox_in {
    width: 96%;
    background: #fff;
    margin: 0 auto 1em;
    padding: 0.25em 0;
    border-radius: 0 0 4px 4px;
}

.reqruitBox ol {
    counter-reset: number;
    list-style-type: none !important;
    padding: 0.3em 1.8em;
}

.reqruitBox ol li {
    position: relative;
    padding: 0.25em 0.25em 0.25em 30px;
    line-height: 1.5em;
    width: 100%;
    max-width: 860px;
    font-size: 18px;
}

.reqruitBox ol li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #ffb107;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.reqruitBox_in p {
    margin: 0.5em 0 1.2em;
}

.tablePink {
    font-size: 20px;
}

.tablePink th {
    background: #ffc6c1;
    text-align: center;
    padding: 10px 5px;
    border-right: 1px dotted #fff;
    border: 3px solid #ffc6c1;
    line-height: 1.8em;
    color: #fff;
}

.tablePink td {
    background: #fff;
    text-align: center;
    padding: 10px 5px;
    border: 3px solid #ffc6c1;
    text-align: left;
}

.tablePink p {
    margin: 0.75em 0;
}

.reqruitCopyright {
    background: #fc913a;
    padding: 16px 0;
}

@media (max-width: 763px){
    .staff_voice span {
        text-align: center;
        font-size: 18px;
    }

    #main h3.staff_voice {
        font-size: 16px;
        text-align: center;
    }

    .reqruitBox {
        width: 94%;
        margin: 2em auto;
    }

    #main .reqruitBox.h3 {
        margin: 0.5em auto;
        text-align: center;
        font-size: 24px;
    }

    .tablePink {
        font-size: 16px;
        margin: 1em 0;
    }
}

.topoffer {
    background-image: url(image/topofferbg.jpg);
    border: solid 14px #d29f00;
    border-radius: 20px;
	width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1080px;
}

.offerTop {
    width: 98%;
    max-width: 1080px;
    margin: 0 auto;
	padding: 15px 0;
}

.offerTop_left {
    float: left;
    width: 50%;
    max-width: 518px;
}

.offerTop_right {
    float: right;
    width: 50%;
    margin-bottom: 10px;
    max-width: 518px;
}


@media (max-width: 763px){
    .topoffer {
        border: solid 6px #d29f00;
        width: 96%;
        border-radius: 10px;
        background-image: url(image/topofferbgSP.jpg);
    }

    .offerTop {
        width: 96%;
    }

    .offerTop_left {
        max-width: 170px;
    }

    .offerTop_right {
        max-width: 170px;
    }

    .bannerLeft{
        width: 50%;
        float: left;
    }

    .bannerRight{
        width: 50%;
        float: left;
    }
}

.voice_box_right h4 {
    border: none;
    margin: 1.2em 0 1em;
    padding: 3px 0px 3px 20px;
}

.voice_box_right h4:before {
    position: absolute;
    font-family: FontAwesome;
    content: '●';
    color: #fc913a;
    margin-left: -18px;
}

.voice_in ul {
    width: 98%;
    margin: 0 auto;
}

.voice_in li {
    padding: 5px;
    width: 24%;
    float: left;
}

.ba_box {
    width: 100%;
}

.ba_box li {
    width: 32%;
    padding: 7px;
    float: left;
}

@media (max-width: 763px){
    .voice_box_right h4 {
    margin: 0.8em 0.25em 0.25em;
    line-height: 1.2em;
    font-size: 18px;
}

.voice_box_right h4:before {
    margin-left: -20px;
}

.voice_in li {
    width: 48%;
    padding: 2px 3px;
}

.ba_box li {
    width: 96%;
    margin: 0 auto;
    float: none;
}

}

/* アコーディオン */

.cp_box {
    position: relative;
    margin-bottom: 2em;
}

.cp_box input {
    display: none;
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 300px;
    cursor: pointer;
    text-align: center;
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.cp_box label::after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 16rem;
    font-family: FontAwesome;
    content: "" " 続きをよむ";
    transform: translate(-50%, 0px);
    letter-spacing: 0.05em;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 152, 0);
    border-radius: 20px;
}

.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 80px;
    transition: all 0.5s;
}

.cp_box input:checked+label {
    background: inherit;
}


@media (max-width: 480px){
.cp_box .cp_container {
    overflow: hidden;
    height: 440px;
    transition: all 0.5s;
}
}

.subpageBox {
    width: 97%;
    margin: 0 auto;
    padding: 16px;
}
@media (max-width: 763px){
.subpageBox {
    width: 96%;
    margin: 0 auto;
    padding: 0px 8px;
}
}


.subpageBox:after, .subpageBox:before {
    clear: both;
    content: "";
    display: block;
}

.pt2em {
    padding-top: 2em;
}
.subpageBoxR {
    width: 53%;
    float: right;
    padding: 8px;
}


.subpageBoxL {
    width: 43%;
    float: left;
    padding: 8px;
    margin-bottom: 1.2em;
}

@media (max-width: 763px){
.subpageBoxL {
    width: 96%;
    float: none;
    padding: 8px;
    margin-bottom: 0;
}

.subpageBoxR {
    width: 96%;
    float: none;
    padding: 8px;
    font-size: 14px;
    line-height: 1.6;
}

}


@media (max-width: 763px){
.subpageBoxL {
    width: 96%;
    float: none;
    padding: 8px;
    margin-bottom: 0;
}

.subpageBoxR {
    width: 96%;
    float: none;
    padding: 8px;
    font-size: 14px;
    line-height: 1.6;
}

}

.cp_box input:checked + label::after {
    font-family: FontAwesome;
    content: "" " 閉じる";
}

.cp_box *, .cp_box *:before, .cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 80px;
    transition: all 0.5s;
}
.cp_box .cp_container {
    overflow: hidden;
	height: 700px;
    transition: all 0.5s;
}
@media (max-width: 768px){
	.cp_box .cp_container {
		height: 400px;
	}
}
/* チェックボックス
 ========================================================================== */
.CheckBox {
    margin: 2em 0;
    background: #fffbf4;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	    box-shadow: 0 12px 23px -15px rgba(0,0,0,0.57);
}

@media (max-width:736px) {
    .CheckBox {
        margin: 0em 0;
        background: #fffbf4;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 3px;
    }
}

.CheckBox .CheckBox-title {
    font-size: 24px;
    background: linear-gradient(to right, #8bc34a 0%,#9bd35a 48%,#8bc34a 100%);
    padding: 4px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 16px 0px;
    line-height: 1.7;
	color: #fff;
}

@media (max-width:736px) {
    .CheckBox .CheckBox-title {
        font-size: 16px;
    }
}

#main .CheckBox p {
    padding: 15px 20px;
    margin: 0;
}

@media (max-width: 763px) {
    #main .CheckBox p {
        padding: 8px 16px 0;
        margin: 0px 0;
    }
}

.Checklist {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
}

@media (max-width: 763px) {
    .Checklist {
        padding: 16px 0;
        width: 95%;
    }
}

.Checklist li {
    list-style: none;
    padding: 3px 0px 3px 32px;
    line-height: 1.7;
    background-position-y: 2px;
    border-bottom: dotted 2px #795548;
    font-size: 22px;
}

@media (max-width: 763px) {
    .Checklist li {
        padding: 8px 0 8px 25px;
        font-size: 14px;
        line-height: 1.7;
    }

}

.Checklist li:before {
    margin-left: -25px;
    position: absolute;
    font-family: FontAwesome;
    content: '\f14a';
    color:#ffA500;
}

.textwidget {

}

/************************************
** スマホで見やすい比較表
************************************/
.comparison-table-wrap{
  max-width:600px;
  margin: 0 auto 2em;
	border: solid 5px #fc913a;
}
.comparison-table-title{
  background : linear-gradient(90deg, rgba(71, 206, 255, 1) 0%, rgba(56, 224, 248, 1) 100%);
  text-align: center;
   color: #fff;
   font-weight: bold;
   padding: 1em;
   letter-spacing: 1px;
  margin: 0;
  font-size:14px;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
}
.comparison-table{
  background:#f8f9fb;
  margin:0;
  padding:0.3em 1em;
}
.comparison-table table{
  border-collapse: separate;
  border-spacing:5px 10px;
  border:none;
  margin-bottom: 0;
}
.comparison-table table th,.comparison-table table td {
  width:50%;
}
.comparison-table table thead th{
  background : #d1d1d1;
  border:none;
  color:#fff;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
  padding: 0.8em 0.5em;
  line-height: 1.5;
  border-radius: 3px;
  font-size: 14px;
}
.comparison-table table tbody th{
  background : linear-gradient(90deg, rgba(71, 206, 255, 1) 0%, rgba(56, 224, 248, 1) 100%);
  text-align: center;
  color:#fff;
  border:none;
  border-radius:30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 0.4em 1em;
  font-size: 14px;
  line-height: 1.3;
}
.comparison-table table tbody td{
  background:#fff;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
  border-radius:3px;
  border:none;
  padding:1.2em;
  color: #555;
  line-height: 1.8;
  text-align:justify;
  vertical-align:top;
}
.comparison-table table tbody td p{
  margin:0;
  padding:0;
  margin-bottom:1em;
  font-size: 14px;
}
.comparison-table table tbody td .td-h{
  text-align:center;
  font-weight:bold;
  color:#33ccff;
  font-size: 16px;
  margin-bottom:7px;
}
@media screen and (max-width: 768px){
  .comparison-table{
    padding:7px;
  }
  .comparison-table table{
    border-spacing:3px 10px;
  }
  .comparison-table table thead th{
    position: -webkit-sticky;
    position: sticky;
    top:0px;
    z-index:100;
  }
	.comparison-table-title{
		padding: 0;
	}
}
/************************************
** スマホで見やすい比較表(イエロー)
************************************/
/* 大見出し背景 */
.comparison-table-yellow .comparison-table-title{
  background:#fc913a !important;
	font-size: 1.5em;
	line-height: 1.5em;
}
/* 中見出し背景 */
.comparison-table-yellow .comparison-table table tbody th{
  background:#fdc44f !important;
	font-size: 1.2em;
	line-height: 1.2em;
}
/* 強調文字 */
.comparison-table-yellow .comparison-table table tbody td .td-h{
  color:#fdc44f !important;
}
/* 全体背景 */
.comparison-table-yellow .comparison-table{
background:#fef9ed!important;
}
/* 比較名背景 */
.comparison-table-yellow .comparison-table table thead th{
  background:#d4c096;
	font-size: 1.2em;
	line-height: 1.2em;
	
}

.en_moji {
	color: #fc913a;
	font-weight: bold;
	font-size: 1.1em;
}
/* バストアップ漫画 */

.bust_manga {
	margin: 20px auto;
	width: 500px;
	max-width: 96%;
}

/*オファー変更*/

.offer_button {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
    width: 80%;
	margin: -110px auto 0 auto;
}

.offer_button_L {
	width: 45%;
}

.offer_button_R {
	width: 45%;

}

@media screen and (max-width: 768px){
	.offer_button {
		width: 90%;
	margin: -190px auto 0 auto;
		flex-direction: column;
	}

.offer_button_L {
	width: 100%;
	margin: 0 auto;
}

.offer_button_R {
	width: 100%;
	margin: 6px auto 0 auto; 
}
}

/*---------------バストアップオファー------------*/
.diet_offer_button1 {
	text-align: center;
	margin: -250px auto 0 auto;
}

.diet_offer_button2 {
	text-align: center;
	margin: 10px auto 60px auto;
}

@media screen and (max-width: 768px){
	.diet_offer_button1 {
		margin: -130px auto 0 auto;
	}

.diet_offer_button2 {
	margin: 10px auto 30px auto;
	}
}

/*---------------産後全修正------------*/
.p_big_sango {
	text-align: center;
	margin: 0 auto;
	font-size: 2em;
	font-weight: bold;
}

.tyui_waku {
	border: solid 5px #f89174;
}

@media screen and (max-width: 768px){
	.p_big_sango {
	text-align: center;
	margin: 30px auto;
	font-size: 2em;
	font-weight: bold;
}
}

.inner_1000 {
	max-width: 1000px;
	margin: 0 auto;
}
/* =====リフレクションの記述=========  */
.reflection-img{
    position    :relative;
    overflow    :hidden;
}
 
.reflection {
    height      :100%;
    width       :45px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 3s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 3s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 3s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 3s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 3s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* =====リフレクションここまで=========  */


/*===「発毛修正用」======================================*/
.map_hatsumou {
	margin: 0 auto;
	width: 1000px;
	max-width: 96%;
	height: 450px;
}

.h2_hatsumou_c {
	padding-bottom:16px;
	background-color: #f06d1f;
	color: #fff;
	border-radius: 5px;
}

/* ----「比較表」---------------------------- */
.hikaku table{
  width: 100%;
  border-collapse: collapse;
	max-width: 1080px;
}

.hikaku table tr{
  border-bottom: solid 2px white;
}

.hikaku table tr:last-child{
  border-bottom: none;
}

.hikaku table th{
  position: relative;
  text-align: left;
  width: 22%;
  background-color: #205538;
  color: white;
  text-align: center;
  padding: 10px 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
line-height: 1.2;	
}

.hikaku table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #205538;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.hikaku table td{
  text-align: left;
  width: 39%;
  text-align: center;
  background-color:#F5F5F5;
  padding: 10px 10px;
	line-height:1.6;
}

.hikaku table td:nth-child(2){
  border-right: 2px solid #fff;
}

.hikaku table td:nth-child(3){
  font-weight:bold;
  background-color: #fffde8;
  
}

.hikaku .non{
  background:#fff!important;
}

.hikaku .col1{
    background-color: #eeeeee;
    color: #000;
}

.hikaku .col2{
    background-color: #fc913a;
  color:#fff;
}

.hikaku table thead tr th:after{
  border-left:none;
  border-top:none;
  border-bottom:;
}
@media (max-width:736px) {
	.hikaku {
		width: 98%;
		margin: 16px auto 16px;
		font-size: 16px;
	}
}

.box2 {
	display: flex;
}

.box2_in {
	text-align: center;
	width: 50%;
	padding: 2%;
}

@media (max-width:736px) {
	.box2 {
		flex-direction: column;
	}
	
	.box2_in {
		text-align: center;
		width: 98%;
	}
}
/*========「202103～の大幅修正」===========================================================================*/
/*-------「みつとも風メニュー」------------------------------*/
.menu_box_01 {
    border: solid 3px #fc913a;
    background-color: #fff;
}

.menu_title_01 {
    margin: 0;
    background-color: #fc913a;
    color: #fff;
}

.menu_box_in1 {
    display: flex;
    width: 96%;
    margin: 10px 2%;
    border: solid 1px #eee;
    justify-content: flex-end;
}

.menu_box_02 {
    border: solid 3px #f48fb1;
    background-color: #fff;
}

.menu_title_02 {
    margin: 0;
    background-color: #f48fb1;
    color: #fff;
}

.menu_box_in2 {
    display: flex;
    width: 96%;
    margin: 10px 2%;
}

.menu_box_03 {
    border: solid 3px #a3cc69;
    background-color: #fff;
}

.menu_title_03 {
    margin: 0;
    background-color: #a3cc69;
    color: #fff;
}

.menu_box_in3 {
    display: flex;
    width: 96%;
    margin: 10px 2%;
    border: solid 1px #eee;
    justify-content: flex-end;
}

.menu_box_04 {
    border: solid 3px #89b251;
    background-color: #fff;
}

.menu_title_04 {
    margin: 0;
	background-color: #89b251;
    color: #fff;
}

.menu_box_in4 {
    display: flex;
    width: 96%;
    margin: 10px 2%;
    border: solid 1px #eee;
    justify-content: flex-end;
}


.menu_box_in2_L {
    width: 49%;
    margin: 0 1% 0 0;
    border: solid 1px #eee;
    justify-content: flex-end;
}

.menu_box_in2_R {
    width: 49%;
    margin: 0 0 0 1%;
    border: solid 1px #eee;
    justify-content: flex-end;
}

.menu_box_01 img, .menu_box_02 img, .menu_box_03 img {
    width: 100%;
}

.menu_osusume {
	background-color: #fc913a ;
	border-radius: 5px;
	color: #fff;
}

/*---「NEW部分痩せ」-----------------------------------*/
.bubun_h2 {
	background-color: #fc913a;
	color: #fff;
	border-radius: 5px;
}

.bubun_h3 {
	text-align: left;
	border: none;
	border-left: solid 5px #fc913a;
	max-width: 900px;
	margin: 10px auto;
	padding-left: 0.5em;
}

.sejyutsu_box {
	display: flex;
	max-width: 900px;
	margin: 0 auto;
}

.sejyutsu_box_L {
	width: 40%;
}

.sejyutsu_box_R {
	width: 60%;
}

@media (max-width:736px) {
	.sejyutsu_box {
		flex-direction: column;
	}
	
	.sejyutsu_box_L {
		width: 95%;
		margin: 0 auto;
	}
	
	.sejyutsu_box_R {
		width: 95%;
		margin: 0 auto;
	}
}

/*======「ここから肩こり」==========*/

.menu_box_denatsu {
    background: #fff;
    margin: 1em auto;
    padding: 2em 0;
    border: solid 4px #fc913a;
}

#main .menu_box_denatsu h3 {
    margin: 1em 8px 1em;
    font-size: 20px;
    padding: 0 0 10px;
    text-align: left;
	width: 92%;
}
}

#main .menu_box_denatsu p {
    margin: 1em 0;
    padding: 0 10px;
    text-align: left;
    font-size: 20px;
}

/*======「ここから腰痛」==========*/

#main .jouhou_box {
	border-bottom: 1px;
	border-left: 5px;
	border-color: #fc913a;
}

/*======「ここから患者様の声」==========*/
.voice_boxE {
	display: flex;
	justify-content: space-evenly;
    margin: 20px auto;
	flex-wrap: wrap;
}

.voice_boxE3 {
	display: flex;
	justify-content: space-evenly;
    margin: 20px auto;
	flex-wrap: wrap;
}

.voice_boxE_in {
    background: #fff;
	width: 44%;
	margin-bottom:1.5rem;
    border: solid 3px #efc4aa;
    border-radius: 5px;
    padding: 10px;
	box-sizing: border-box;
}

.voice_boxE3 .voice_boxE_in {
    background: #fff;
    width: 32%;
    margin-bottom: 1.5rem;
    border: solid 3px #efc4aa;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}

.voice_boxE3:after{
    content: "";
    display: block;
    width: 32%;
}

.voice_boxE_in p {
    margin: 1rem 0;
    padding: 0 10px;
}




@media (max-width:767px) {
	.voice_boxE {
		flex-direction: column;	
		margin: 10px auto;
	}
	
	.voice_boxE_in {
		width: 94%;
		margin: 10px auto;
	}
	
	.voice_boxE3 .voice_boxE_in {
		width: 94%;
		margin: 10px auto;
	}
	
}

/*======「お問い合わせ内LINE予約ボタン」==========*/

.LINEyoyakuBtn{
	display:flex;
}

/*======「ヘッダー内並列ボタン（整骨院、サロン）」==========*/
.shop-name{
	font-weight: 400;
	background: #a3cc69;
	color: #fff;
	text-align: center;
	height:14px;
	width:100%;
	padding-top:17px;
	font-size:14pt;
}

.shop-name span{
	display: block;
	background: #fff;
	color: #292929;
    font-size: 14px;
	height:30px;
	line-height:1.2em;
}

.shop-name2{
	font-weight: 400;
	background: #fd70a4;
	color: #fff;
	text-align: center;
	height:14px;
	width:100%;
	padding-top:17px;
	font-size:14pt;
}

.shop-name2 span{
    display: block;
    background: #fff;
    color: #292929;
    font-size: 14px; 
	line-height:1.2em;
}

.top-btn-seikotsu {
	width:50%;
	float:left;
}

.top-seikotsu-tel{
	width:100%;
	color: #fff;
	margin:6px 0;
}

.top-seikotsu-net{
	width:100%;
}

.top-btn-BSE{
	width:48%;
	float:right;
}

.top-btn-BSE-tel{
	margin:6px 0;
}

.top-btn-BSE-net{
	
}

.btn{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding:12px 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
    width: 100%;
}

.shop-add{
	display: block;
	background: #fff;
	color: #292929;
	font-size: 14px;
	line-height:1.2em;
	text-align: center;
	padding-top: 6px;
}

/*======「フッター情報」==========*/

.footer{
    color:#757575;
}

.footer a{
    color:#757575;
}

.footer ul{
    line-height:2.4;
}

.footer-title{
	font-weight: 500;
    font-size: 20px;
    color: var(--color6);
    border-bottom: solid 2px var(--color5);
}

.f-tt {
    background: #fc913a;
    padding: 4px 8px;
    border-radius: 3px;
    margin-right: 8px;
    color: #fff;
}

.f-title {
	background: #a3cc69;
    text-align: center;
    border-radius: 20px;
	margin-top: 18px;
    margin-bottom: 18px;
    font-weight: bold;
    color: #343434;
    width: 100%;
}

.f-title-2 {
	background: #fd70a4;
    text-align: center;
    border-radius: 20px;
	margin-top: 18px;
    margin-bottom: 18px;
    font-weight: bold;
    color: #343434;
    width: 100%;
}

/*======「コンタクト情報」==========*/

.shop {
    display: flex;
    justify-content: space-evenly;
	width: 96%;
	margin: 0 auto 2em;
}

.shop-box {
	width: 46%;
    padding: 18px;
    float: left;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 4px 10px #00000026;
}

.shop-photo {
    float: left;
    width: 33.333333%;
}

.shop-info {
    width: 66.666666%;
    float: right;
}

.shop-name-con{
    font-size: 36px;
    font-weight: 400;
    text-align: center;
	line-height: 2em;
    letter-spacing: 2px;
	margin: 0.25em 0 0;
	width: 100%;
	height: 90px;
    float: right;
}

.shop-name-con span {
    font-size: 28px;
}

.shop-map {
	font-size: 20px;
    background: #fff;
    width: 90%;
    margin: 0.5em auto 0;
    border-radius: 4px;
    padding: 4px 10px;
	color: #F44336;
	border: 3px solid #d4ac43;
	float: right;
	text-align: center;
}

.shop-map span {
	padding: 0 90px;
    color: #444;
	font-weight: 500;
}

.shop-contact {
    display: block;
}

.tel-btn {
	width: 100%;
    background: #03A9F4;
    float: left;
    border-radius: 4px;
	padding: 12px 15px;
	margin: 8px auto;
	color: #fff;
	font-size: 30px;
	text-align: center;
	box-sizing: border-box;
}

.tel-btn a{
	color: #fff;
}

.tel-btn span {
    font-weight: 500;
	padding: 0 130px;
}

.mail-btn {
	width: 43.5%;
    background: #e0e0e0;
    float: left;
    border-radius: 4px;
    padding: 12px 15px;
    margin-right: 2px;
    color: #043786;
	font-size: 22px;
	text-align: center;
	box-sizing: border-box;
}

.mail-btn a{
	color: #212121;
}


.mail-btn span {
    font-weight: 500;
    padding: 0 18%;
}

.line-btn {
    width: 100%;
    background: #00b900;
    float: right;
    border-radius: 4px;
    padding: 12px 15px;
    margin-left: 2px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	box-sizing: border-box;
}

.line-btn a{
	color: #fff;
}

.line-btn span {
    font-weight: 500;
    padding: 0 23%;
}

.shop-contact {
    margin-bottom: 1rem;
}

.shop-box p {
	margin-bottom: 0;
    margin-top: 0.5rem;
    color: var(--color3);
    font-weight: 400;
}


@media only screen and (max-width: 680px) {
	.shop {
		display: block;
	}
	
	.shop-info {
    width: 66.666666%;
    float: right;
}
	
	.shop-box {
		width: 94%;
		margin-bottom: 1.5rem;
		padding: 12px;
		line-height: 180%;
	}
	
	.shop-name-con {
		font-size: 22px;
		height:1.75em;
		line-height:2em;
		margin: 0 0;
	}
	
	.shop-name-con span {
		font-size: 18px;
		margin: 0.25em auto 0;
	}
	
	.shop-map {
		font-size: 18px;
		width:85%;
		float:right;
		margin: 1.3em auto 0;
		padding: 0 10px;
	}
	
	.shop-map span {
		padding: 0 36px;
	}
	
	.tel-btn {
		font-size: 24px;
		padding: 8px 20px;
	}
	
	.tel-btn span {
		padding: 0 42px;
	}
	
	.mail-btn {
		width: 40%;
		font-size: 20px;
		padding: 8px 15px;
	}
	
	.mail-btn span {
		padding: 0;
	}
	
	.line-btn {
		font-size: 20px;
		padding: 8px 15px;
	}
	
	.line-btn span {
		padding: 0 10px;
	}
	
	.time {
		font-size: 14px;
	}
	
	.shop-box p {
		font-size: 16px;
	}

}

.timeRight table{
	width: 100%;
    background: #fff;
    border: 1px solid #796859;
    line-height: 1;
}

.shop-box .time{
	width: 100%;
    text-align: center;
    font-weight: 300;
    line-height: 2.5;
}

.time th {
	border: 1px solid #f3f3f3;
	line-height: 1.6;
}

.time td {
	border: 1px solid #f3f3f3;
}

.h2_img {
    margin: 0;
}

.header_rec {
    background-color: #d4d5d7;
	position: relative;
}

.rec_btn {
	width: 48%;
    font-size: 48px;
    color: #fff;
    background: linear-gradient(0deg, rgba(56,142,60,1) 0%, rgba(76,175,80,1) 50%, rgba(129,199,132,1) 100%);
    text-align: center;
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 2px 4px grey;
    border-radius: 8px;
    font-weight: 600;
    line-height: 1;
    padding: 2rem;
    box-sizing: border-box;
}

.rec_btn a {
    color: #fff;
}

.rec_btn:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    float: left;
}

@media only screen and (max-width: 680px) {
	.rec_btn {
		width: 96%;
		padding: 1.5rem;
		font-size: 32px;
		bottom: 0.75em;
	}
}

.rec_intro {
    background: url(https://izumisano-seikotsu.com/wp-content/uploads/rec_intro_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
	padding: 2.5em 0;
}

.rec_intro p {
	width: 48%;
    padding: 0 24px;
	margin: 1em 0 0;
}

@media only screen and (max-width: 680px) {
	.rec_intro {
		background: unset;
		padding: 1.5rem 0;
	}
	
	.rec_intro p {
		width: 100%;
		box-sizing: border-box;
	}
}

.rec_vision {
    background-image: url(https://izumisano-seikotsu.com/wp-content/uploads/rec_vision_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.rec_vision .inner {
    background-color: rgb(255 255 255 / 75%);
	padding: 2% 4% 4%;
    box-sizing: border-box;
}

.rec_vision ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	    margin-bottom: 2em;
}

.rec_vision li {
    width: 33.3333%;
}

.rec_vision_box {
    display: flex;
    justify-content: space-between;
}

.rec_vision_L {
    width: 72%;
}

.rec_vision_L p {
    padding: 0 16px;
	margin: 0.25em 0 1em;
}

.rec_vision_R {
    width: 40%;
}

@media only screen and (max-width: 680px) {
	.rec_vision {
		background-image: url(https://izumisano-seikotsu.com/wp-content/uploads/rec_vision_bg_sp.jpg);
		background-attachment: fixed;
	}
	
	.rec_vision li {
		width: 92%;
		margin: 1rem auto 1.25rem;
	}
	
	.rec_vision_L {
		width: 100%;
	}
	
	.rec_vision_R {
		display: none;
	}
}

.rec_curriculum {
    padding-top: 2%;
}

.rec_seitai_in, .rec_biyou_in {
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
}

.rec_seitai_in {
    background-image: url(https://izumisano-seikotsu.com/wp-content/uploads/rec_seitai_bg.jpg);
}

.rec_biyou_in {
    background-image: url(https://izumisano-seikotsu.com/wp-content/uploads/rec_biyou_bg.jpg);
}

.rec_seitai h3, .rec_biyou h3 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    margin: 0;
    padding: 1rem;
	border: none;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}

.rec_seitai p, .rec_biyou p {
    padding: 0 4px;
}

.rec_seitai h3 {
    background-color: #148561;
}

.rec_seitai_box, .rec_biyou_box {
	width: 60%;
	background-color: #fff;
	padding: 1rem 2rem 0;
    box-sizing: border-box;
}

.rec_seitai_box {
    margin: 0 0 0 auto;
}

.rec_biyou_box {
    margin: 0 auto 0 0;
}

.rec_seitai h4, .rec_biyou h4 {
    border: none;
	display: flex;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
	padding-bottom: 0.5rem;
	margin: 1rem 0;
    border-bottom: solid 2px #9a9b9d;
	align-items: center;
}

.rec_point {
	font-size: 12px;
}

.rec_number_tt {
    width: 84px;
    height: 84px;
	min-width: 84px;
    border-radius: 50%;
    padding: 0 0 0;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    color: #fff;
}

.rec_seitai .rec_number_tt{
	background: #29b784;
}

.rec_biyou .rec_number_tt{
	background: #f05e7e;
}

.rec_number {
    font-size: 54px;
    padding: 0px 0 0;
	line-height: .75;
}

.rec_title {
	line-height: 1.3;
	padding: 0.2rem 0 0.2rem 0.75rem;
    font-size: 32px;
}

.rec_biyou h3 {
    background-color: #d95278;
}

.rec_tech h4 {
    text-align: center;
    display: block;
    border: none;
    color: #fff;
    line-height: 1;
    padding: 0.75rem 0;
	font-size: 28px;
    letter-spacing: 0.25rem;
    font-weight: 600;
    border-radius: 2px;
}

.rec_seitai .rec_tech h4 {
    background-color: #29b784;
}

.rec_biyou .rec_tech h4 {
    background-color: #f05e7e;
}

.rec_tech ul {
    display: flex;
    padding-left: 0;
	flex-wrap: wrap;
	list-style: disc;
	list-style-position: inside;
}

.rec_tech li {
    padding-left: 1.25rem;
    font-size: 20px;
    width: 50%;
    box-sizing: border-box;
	margin-bottom: 0.75rem;
}

.rec_tech li:last-child {
    margin-bottom: 0;
}

.rec_tech p {
    float: right;
	margin-top: 0!important;
}

@media only screen and (max-width: 680px) {
	.rec_seitai h3, .rec_biyou h3 {
		margin: 0!important;
		padding: 0!important;
	}
	
	.rec_seitai_in, .rec_biyou_in {
		background-image: none;
	}
	
	.rec_seitai_box, .rec_biyou_box {
		width: 92%;
		margin: 0.75rem auto;
		padding: 0;
	}
	
	.rec_seitai h4, .rec_biyou h4 {
		border-bottom: unset;
		padding-bottom: unset;
	}
	
	.rec_number_tt {
		width: 64px;
		height: 64px;
		min-width: 64px;
		line-height: 1.2;
	}
	
	.rec_point {
		font-size: 10px;
	}
	
	.rec_number {
		font-size: 42px;
	}
	
	.rec_title {
		font-size: 22px;
		padding-left: 0.5rem;
	}
	
	.rec_tech h4 {
		padding: 0.5rem 0;
		font-size: 24px;
	}
	
	.rec_tech ul {
		width: 96%;
	}
	
	.rec_biyou .rec_tech ul {
		width: 96%;
	}
	
	.rec_tech li {
		padding-left: 0;
	}
	
	.rec_seitai .rec_tech li {
		width: 100%;
	}
	
	
}


.rec_staff {
    background-image: url(https://izumisano-seikotsu.com/wp-content/uploads/rec_staff_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
	padding: 2rem 0 4rem;
}

.rec_staff_box {
	display: flex;
	padding: 3em;
    background-color: #fff;
    border-radius: 4px;
	margin-bottom: 3rem;
	min-width: 1160px;
    box-sizing: border-box;
}

.rec_staff_l {
    width: 68%;
}

.rec_staff_r {
	width: 28%;
	margin-left: auto;
}

.rec_staff_tt {
	line-height: 1.2;
    font-size: 40px;
    font-weight: 600;
    margin: 2rem 0.25rem;
    font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}

.rec_staff_box p {
    padding: 0 0.75rem;
	margin-bottom: 0;
}

.rec_staff_name {
    display: block;
    font-size: 24px;
    text-align: right;
    margin-top: 1em;
    font-weight: 600;
    font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}

.rec_events {
    padding: 2.5em;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 3rem;
	min-width: 1160px;
    box-sizing: border-box;
}

.rec_events_i_box {
    background: #f5f5f5;
    margin: 2em 0;
}

.rec_events_i_tt {
    padding: 0.75rem;
    background: #212121;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .25rem;
	text-align: center;
}

.rec_events_i_box ul {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 2rem;
    box-sizing: border-box;
}

.rec_events_i_box li {
    width: 50%;
	margin-bottom: .5rem;
}

.rec_events_list ul {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-evenly;
    padding: 1rem 0;
    box-sizing: border-box;
}

.rec_events_list li {
	width: 48%;
    text-align: center;
    margin-bottom: 1rem;
}

.rec_events_name {
	background-color: #212121;
    color: #fff;
    padding: 0.5rem;
    box-sizing: border-box;
    font-size: 32px;
    font-weight: 600;
}

@media only screen and (max-width: 680px) {
	.rec_staff {
		padding: 1rem 0 2rem;
	}
	
	.rec_staff_box {
		width: 92%;
		min-width: unset;
		margin: 0 auto 2rem;
		padding: 1.25em;
	}
	
	.rec_staff_l {
		width: 100%;
	}
	
	.rec_staff_tt {
		font-size: 28px;
		margin: 0  0 1rem;
		text-align: center;
	}
	
	.rec_staff_r {
		display: none;
	}
	
	.rec_staff_box p {
		margin-bottom: 0!important;
		padding: 0!important;
		font-size: 18px;
	}

	.rec_staff_name {
		font-size: 18px;
		margin: 0.75em 0 0;
	}
	
	.rec_events {
		width: 92%;
		min-width: unset;
		margin: 0 auto 1rem;
		padding: 1em;
	}
	
	.rec_events_i_tt {
		font-size: 20px;
	}
	
	.rec_events_i_box {
		margin: 1.5em 0;
	}
	
	.rec_events_i_box ul {
		padding: 1rem;
	}
	
	.rec_events_i_box li {
		width: 100%;
		text-indent: -20px;
		padding: 0 1rem;
		line-height: 1.4;
		margin-bottom: 1rem;
	}
	
	.rec_events_i_box li:last-child {
		margin-bottom: 0;
	}
	
	.rec_events_list ul {
		padding-bottom: 0;
	}
	
	li.rec_events_name {
		width: 100%;
		font-size: 24px;
		letter-spacing: .5rem;
		padding: 0.25rem;
		margin-bottom: 0.5rem;
	}
}

.rec_welfare {
    padding: 2.5em 0;
}

.rec_welfare_box {
    width: 94%;
    display: flex;
    margin: 0 auto 4rem;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}

.rec_welfare_left {
    width: 60%;
}

.rec_welfare_box:nth-child(even) .rec_welfare_left {
    order: 2;
}

.rec_welfare_right {
	width: 33%;
}

.rec_welfare_box:nth-child(odd) .rec_welfare_right {
    text-align: right;
}

.rec_welfare_box:nth-child(even) .rec_welfare_right {
    order: 1;
}

.rec_welfare_tt {
    margin: 0 0 1rem;
    padding: 0;
    border: none;
    font-size: 56px;
    font-weight: 600;
    font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
    text-align: center;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rec_welfare_tt i {
    font-size: 24px;
    margin: 0 .75rem;
}

.rec_welfare_box:nth-child(odd) .rec_welfare_tt {
    color: #29b784;
}

.rec_welfare_box:nth-child(even) .rec_welfare_tt {
    color: #f05e7e;
}

.rec_welfare_stt {
    color: #fff;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 8px;
	font-weight: 500;
	border-radius: 1px;
    font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}

.rec_welfare_box:nth-child(odd) .rec_welfare_stt {
    background-color: #148561;
}

.rec_welfare_box:nth-child(even) .rec_welfare_stt {
    background-color: #d95278;
}

.rec_welfare_box p {
    padding: 0 .25rem;
	margin-bottom: 0;
}

.rec_welfare_right p {
	font-size: 18px;
    text-align: center;
    margin-top: 0.25rem;
}

.rec_welfare_right span {
    font-size: larger;
    font-weight: 600;
	margin-left: 0.5rem;
}

@media only screen and (max-width: 680px) {
	.rec_welfare {
		padding: 1rem;
	}
	
	.rec_welfare_box {
		width: 100%;
		margin-bottom: 2rem;
	}
	
	.rec_welfare_left:first-child {
		margin-top: 2rem;
	}
	
	.rec_welfare_box:last-child {
		margin-bottom: 2rem;
	}
	
	.rec_welfare_left {
		width: 100%;
	}
	
	.rec_welfare_tt {
		font-size: 8.5vmin!important;
		margin: 0!important;
	}
	
	.rec_welfare_tt i {
		font-size: 14px;
		margin: 0 0 0 0.25rem;
	}
	
	.rec_welfare_stt {
		font-size: 14px;
		letter-spacing: 6px;
		padding: 1px 0;
		margin-bottom: 1rem;
	}
	
	.rec_welfare_right {
		display: none;
	}
}

.rec_info {
    background-color: #148561;
    padding: 2.5em 0;
	color: #fff;
}

.rec_info h2 {
    background-color: #fff;
    color: #148561;
    padding: 0.75rem 1rem;
	letter-spacing: .5rem;
	margin-bottom: 2rem;
}

.rec_info table {
    border: none;
    width: 96%;
	margin: 3rem auto 5rem;
	font-size: larger;
}

.rec_info tr {
    border: none;
	line-height: 3.5rem;
}

.rec_info th {
	position: relative;
    letter-spacing: .5rem;
    width: 18%;
	vertical-align: top;
}

.rec_info td {
    padding: 0;
	line-height: unset;
}

.rec_info th:after {
    display: block;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #4fa489;
    position: absolute;
    right: 20px;
	top: 1.5rem;
}

.rec_shop {
	width: 96%;
	margin: 0 auto 6rem;
    padding-top: 2rem;
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.rec_shop_left {
    width: 62%;
}

.rec_shop_right {
    width: 32%;
}

.rec_shop ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rec_shop li {
    width: 48%;
	margin-bottom: 3rem;
}

.rec_shop li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.rec_shop_name {
    margin-bottom: 0.75rem;
}

.rec_shop_img {
    width: 96%;
    margin: 0 auto;
}

.rec_shop_info {
    width: 96%;
    margin: 0.5rem auto 0;
	font-size: 14px;
}


@media only screen and (max-width: 680px) {
	.rec_info {
		padding: 2rem 0;
	}
	
	.rec_info h2 {
		padding: 0.75rem!important;
		box-sizing: border-box;
		width: 96%;
		letter-spacing: .25rem;
	}
	
	.rec_info table {
		width: 92%;
		margin: 1rem auto 3rem;
		font-size: 14px;
	}
	
	.rec_info tr {
		line-height: 2rem;
	}
	
	.rec_info th {
		width: 24%;
		letter-spacing: 0.25rem;
	}
	
	.rec_info th:after {
		width: 8px;
		right: 4px;
		top: 1rem;
	}
	
	.rec_shop {
		width: 92%;
		margin: 2rem auto 4rem;
		padding: 0;
		flex-wrap: wrap;
	}
	
	.rec_shop_left {
		order: 2;
		width: 100%;
	}
	
	.rec_shop_right {
		order: 1;
		width: 98%;
		margin: 0 auto 2rem;
	}
	
	.rec_shop li {
		width: 100%;
	}
	
	.rec_shop li:nth-last-child(-n+2) {
		margin-bottom: 3rem;
	}
	
	.rec_shop li:last-child {
		margin-bottom: unset;
	}
	
	.rec_shop_info {
		font-size: 18px;
	}
}

.rec_contact {
    padding: 2rem 0;
}

.rec_contact_btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom: 2rem;
}

.rec_contact_btn a {
    width: 49.5%;
    box-shadow: 0 2px 4px #bdbdbd;
    border-radius: 8px;
}

.rec_contact_tt {
    text-align: center;
    padding: 2.5rem;
    margin-bottom: 2rem;
    background: linear-gradient(0deg, #e0e0e0 0%, #f5f5f5 100%);
    border-radius: 4px;
    color: #444;
    font-weight: 600;
    font-size: 24px;
    border: 1px solid #e0e0e0;
}


@media only screen and (max-width: 680px) {
	.rec_contact_btn a {
		width: 96%;
		margin: 0 auto 0.5rem;
	}
	
	.rec_contact_tt {
		width: 98%;
		box-sizing: border-box;
		margin: 0 auto 1rem;
		padding: 2rem;
	}
}

.check_box_red {
	max-width: 1080px;
    margin: 0 auto;
	background: #FFFDE7;
}

.check_box_red h3 {
    border: none;
    font-size: 24px;
    background-color: #e52d27;
    margin: 0 auto;
    color: #fff;
    padding: 1rem 0;
}

.check_box_red ul {
    box-sizing: border-box;
    padding: 1.5rem;
}

.check_box_red li {
    position: relative;
    list-style: none;
	padding: 3px 0px 3px 42px;
    line-height: 2.5;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    border-bottom: dotted 2px #ccc;
    margin-bottom: 1rem;
	color: #212121;
}

.check_box_red li:before {
	margin-left: -32px;
    position: absolute;
    font-family: FontAwesome;
    content: '\f00c';
    color: #b31217;
}

.check_box_red p {
    margin: 0;
    padding: 0 32px 32px;
    font-size: 18px;
}

@media only screen and (max-width: 680px) {
	.check_box_red {
		width: 94%;
	}
	
	.check_box_red h3 {
		font-size: 20px;
	}
	
	.check_box_red ul {
		padding: 1rem;
	}
	
	.check_box_red li {
		font-size: 16px;
		line-height: 1.6;
		padding: 5px 0 5px 32px;
	}
	
	.check_box_red li:before {
		margin-left: -26px;
	}
	.check_box_red p {
		padding: 0 1rem 1rem;
	}
}

.list1 ul, .list1 ol {
	width: 94%;
    border: #fc913a solid 2px;
	border-radius: 2px;
    background-color: #fff;
	padding: 1rem 1.5rem;
	box-sizing: border-box;
}

.list1 ol {
    counter-reset: li;
}

.list1 li {
    font-size: 20px;
    font-weight: 500;
	margin: 0.5rem 0;
}

.list1 ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #fc913a;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 0.25rem;
}

.list1 ol li:before {
    counter-increment: li;
    content: counter(li);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #fc913a;
    border-radius: 50%;
    position: relative;
    top: -4px;
    margin-right: 0.5rem;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width: 680px) {
	.list1 li {
		font-size: 18px;
	}
	
	.list1 ol {
		padding: 1rem;
	}
	
	.list1 ol li:before {
		top: 0;
	}
}

h2 small {
    line-height: 1.8;
    font-size: 70%;
}

#mens-hatsumou h2 {
    background: #205538;
}

#mens-hatsumou .bg1 {
    background: #e3edfd;
	padding: 1rem 0;
}

#mens-hatsumou .bg2 {
	background: #0a3982;
	padding: 1rem 0;
}

#mens-hatsumou .voice_box_right h3 {
    border-bottom: solid #85b1f5;
}

#mens-hatsumou .cp_box label::after {
    background-color: #115cd0;
}

#mens-hatsumou .hikaku table th {
    background-color: #082b62;
}

#mens-hatsumou .hikaku .col1 {
    background-color: #e0e0e0;
}

#mens-hatsumou .hikaku .col2 {
    background-color: #f57c00;
}



#mens-hatsumou .hikaku table td:nth-child(3) {
    background-color: #FFF3E0;
}

.tt {
    color: #212121;
    font-size: xxx-large;
    line-height: 1.8;
    text-align: center;
    font-weight: bold;
}


.header-contact {
    width: 48%;
    line-height: 1.2;
    float: left;
    margin-left: 0.5rem;
}

.header-contact-tt {
    font-size: 14px;
    font-weight: 700;
    color: #fc913a;
    border-bottom: solid 1px #fc913a;
    padding-bottom: 0.125rem;
    margin-bottom: 0.125rem;
    text-align: center;
}

.header-tel {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #fc913a;
	line-height: 1.4;
}

.header-tel a {
    color: #fc913a;
}

.header-tel-time {
    text-align: left;
    font-size: 15px;
    margin-top: 0.25rem;
}

.header-tel-time span {
    background: #fc913a;
    color: #fff;
	padding: 2px 4px;
    font-size: smaller;
    margin-right: 4px;
    border-radius: 4px;
}

.header-access {
    font-weight: 700;
    text-align: center;
    margin-top: 0.5rem;
    line-height: 1.4;
}

.header-btn {
    text-align: center;
    background: #fc913a;
    border-radius: 4px;
    line-height: 1.8;
    font-size: 14px;
    margin-top: 0.25rem;
}

.header-btn a {
    color: #fff;
}




.top-contact {
    width: 98%;
    margin: 0 auto 1.25rem;
}

.btn {
	position: relative;
    text-align: center;
    border: 5px solid #fff;
    margin: 0.5rem auto 0.75rem;
    padding: 1.5rem;
    box-sizing: border-box;
    border-radius: 1rem;
}

.tel.btn {
    background: linear-gradient(180deg, #91cbf9 0%, #349ff4 100%);
}


.compass.btn {
    background: linear-gradient(180deg, #908766 0%, #726135 100%);
	padding: 2.5rem 1.5rem;
}

.line.btn {
    background: -moz-linear-gradient(top, #0bdc49 0%, #00cd43 30%, #07b53b 100%);
    background: -webkit-linear-gradient(top, #0bdc49 0%,#00cd43 30%,#07b53b 100%);
    background: linear-gradient(to bottom, #0bdc49 0%,#00cd43 30%,#07b53b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14e458', endColorstr='#00be3e',GradientType=0 );
}

.btn a {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
    width: 100%;
    max-width: 640px;
}

.compass.btn a {
    max-width: unset;
}

.phone-number {
    font-size: 200%;
    font-weight: 700;
	letter-spacing: .25rem;
	line-height: 1;
}

.compass .phone-number {
    font-size: 125%;
}

.line .phone-number {
    font-size: 160%;
    color: #ffeb3b;
}

.fa-position-left {
	font-size: 3.5rem;
    position: absolute;
    top: calc(50% - 0.5em);
    left: 4%;
}

.fa-position-right {
	font-size: 2.5rem;
    position: absolute;
    top: calc(50% - 0.5em);
    right: 4%;
}



@media only screen and (max-width: 680px) {
	.btn a {
		font-size: .875rem;
	}
	
	.phone-number {
		font-size: 160%;
	}
	
	.fa-position-left, .fa-position-right {
		font-size: 1.5rem;
	}
	
	.line .phone-number {
		font-size: 140%;
	}
}

.timeBox table {
    background: #fff;
}


@media only screen and (max-width: 680px) {

.bannerRight:after {
    position: absolute;
    color: #fff;
    background: #2799f3;
    display: block;
    bottom: 10%;
    right: 0;
    line-height: 1.5;
	font-size: 130%;
    font-weight: 600;
}
	
}

@media only screen and (max-width: 393px) {

.bannerRight:after {
	font-size: 122%;;
}
	
}


@media only screen and (max-width: 375px) {

.bannerRight:after {
	font-size: 115%;;
}
	
}



@media only screen and (max-width: 360px) {

.bannerRight:after {
	font-size: 110%;;
}
	
}



@media only screen and (max-width: 320px) {

.bannerRight:after {
	font-size: 96%;;
}
	
}



@media only screen and (max-width: 280px) {

.bannerRight:after {
	font-size: 85%;;
}
	
}


.offer_button .btn {
    border: unset;
    width: 48%;
    border-radius: 0.5rem;
	padding: 1rem;
	margin: 0;
}

.offer_button .btn a {
    font-size: 1.25rem;
	line-height: 1.4;
}

.offer_button .fa-position-left {
    font-size: 2.75rem;
}

.offer_button .fa-position-right {
    font-size: 2rem;
}

.offer_button .line .phone-number {
    font-size: 140%;
	line-height: 1.6;
}

@media only screen and (max-width: 680px) {
	
	.offer_button .btn {
		width: 100%;
	}
	
	.offer_button .tel.btn {
		margin: 0.5rem 0;
	}
	
	.offer_button .btn a {
		font-size: 1rem;
	}
	
	.offer_button .fa-position-left {
		font-size: 1.75rem;
	}
	
	.offer_button .fa-position-right {
		font-size: 1.5rem;
	}
	
	.offer_button .line .phone-number {
		font-size: 120%;
	}
}

.top-btn-seikotsu .fa-position-left, .top-btn-BSE .fa-position-left {
    font-size: 2rem;
}


.beauty .header-contact-tt {
    color: #f06292;
    border-bottom: solid 1px #f06292;
}

.beauty .header-tel {
    color: #f06292;
}

.beauty .header-tel-time span {
    background: #f06292;
}

.beauty .header-btn {
    background: #f06292;
}

.beauty .header-tel a {
    color: #f06292;
}


.mutual.link a {
    margin: 1.5rem auto 2rem;
    display: block;
    line-height: 1;
    width: 50%;
    color: #fff;
    position: relative;
    font-size: 1.75rem;
    letter-spacing: .25rem;
    font-weight: 500;
    padding: 2.5rem;
    border-radius: 4rem;
	box-sizing: border-box;
}


@media only screen and (max-width: 680px) {
	.mutual.link a {
    width: 96%;
    font-size: 1.25rem;
    padding: 2rem;
}
}


.marker {
    background: linear-gradient(transparent 70%, yellow 70%);
    font-weight: bold;
}

.hatsumou-shinkyu {
    display: flex;
    flex-wrap: wrap;
    width: 96%;
    margin: 2rem auto 4rem;
}

.shinkyu-left {
    width: 66%;
    line-height: 1.4;
    font-size: 4rem;
    font-weight: 600;
    font-feature-settings: "palt";
    letter-spacing: .125rem;
    color: #212121;
}

.shinkyu-right {
    width: 34%;
}

.shinkyu-right img {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 5px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
}

@media only screen and (max-width: 500px) {

    .hatsumou-shinkyu {
        width: 90%;
        margin: 1rem auto 3rem;
    }

    .shinkyu-left {
        width: 62%;
        font-size: 1.125rem;
        letter-spacing:0;
        line-height: 1.45;
    }

    .shinkyu-left big {
        font-size: 160%;
    }

    .shinkyu-right {
        width: 38%;
        padding-left: 0.5rem;
        box-sizing: border-box;
    }

    .shinkyu-right img {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border: 3px solid #fff;
    }

}

.target {
    display: flex;
    flex-wrap: wrap;
    width: 96%;
    margin: auto;
}

.target ul {
    width: 48%;
    position: relative;
    border: solid 4px #ffc778;
    border-radius: 4px;
    margin-bottom: 1.75rem;
    padding: 1rem;
    padding-top: 1.5rem;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 500;
}

.target ul span {
    position: absolute;
    top: -5%;
    left: 1%;
    font-size: 1.25rem;
    font-weight: 700;
    background: #fff;
    padding: 0 .5rem;
    line-height: 1;
    color: #fc9742;
}

.target ul li:before {
    content: "･";
    font-weight: bolder;
    color: #fc9742;
}

@media only screen and (max-width: 500px) {
    .target ul {
        width: 100%;
		padding-top: 1rem;
    }

    .target ul span {
        font-size: 1.125rem;
    }

}

.menu-banner {
    display: flex;
    margin: 10px 2%;
    flex-wrap: wrap;
	justify-content: space-between;
}

.menu-banner a {
    margin-bottom: .5rem;
}



.campaignTop {
	width: 85%;
    position: absolute;
    bottom: -7%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.campaignTop .campaignbotanL {
    margin-top: -215px;
    width: 98%;
    padding: 0 8px;
}

.campaignTop .campaignbotanR {
    width: 47%;
    float: left;
    padding: 8px;
    margin-left: 8px;
}

.campaignTop .campaignbotanC {
    width: 47%;
    float: left;
    padding: 8px;
}

@media (max-width: 763px) {
    .campaignTop {
		width: 100%;
        bottom: -21%;
    }

    .campaignTop .campaignbotanL {
        margin-top: -5px;
        width: 95%;
        padding: 0 5px;
        margin-left: 4px;
    }

    .campaignTop .campaignbotanR {
        width: 46%;
        float: left;
        padding: 5px;
        margin-left: 3px;
    }

    .campaignTop .campaignbotanC {
        width: 46%;
        float: left;
        padding: 5px;
    }


}

h2.bg-fill {
    padding: 1rem 1rem;
    background: #fc913a;
    color: #fff;
    border-radius: 3px;
}

.wrpDaihyo p {
    padding: 0 1.75rem;
    margin: 1rem auto;
    font-weight: 600;
}

#prof {
    width: 100%;
    max-width: 1025px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    margin-top: 16px;
	flex-wrap: wrap;
}

#prof .photo {
    width: 30%;
}

#prof .prof-txt {
    width: 70%;
    float: left;
    padding: 16px;
	box-sizing: border-box;
    background: #0f2c3d;
}

.prof-txt p {
    padding: 0 1.25rem;
}

#main #prof .prof-txt p {
    margin: 1em 0 1.5em;
    line-height: 1.75;
    padding: 0px 5px;
    word-wrap: break-all;
}

#prof .prof-txt ul {
    margin: 4px 4%;
}

#prof .prof-txt ul li {
    color: #FFF;
    text-align: left;
}

.profile {
    background: #ffc530;
    padding: 1px 20px;
    font-size: 12px;
    border-radius: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: inline-block;
    color: #292929;
}

.name {
    font-weight: bold;
    color: #fff;
    font-size: 32px;
    display: block;
    margin: 16px 0 0 8px;
	border: none;
}

.name_eng {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 16px;
    padding-top: 0px;
    display: block;
}

@media (max-width: 500px) {
	
	#prof {
    width: 90%;
}
	
    #prof .photo {
        width: 100%;
    }
	
	    #prof .prof-txt {
        width: 100%;
    }
	
	.prof-txt p {
    padding: 0;
    margin: 0 0 1rem;
}
}

.yoyakuWaku {
	background: #fff;
	padding: 8px;
    border: #fc913a solid 4px;
    border-radius: 8px;
    max-width: 960px;
    margin: 0 auto 2.5rem;
}

.yoyakuWaku .map {
    text-align: center;
    margin: auto;
    max-width: 800px;
}

.sub-contact .yoyakuWaku {
    border: #fc913a solid 1.5rem;
	padding: 2rem 1rem;
    box-sizing: border-box;
}


@media (max-width: 500px) {
    .yoyakuWaku {
        border: none!important;
    }
}

.check-2-title {
    background: -webkit-linear-gradient(to bottom, #b31217, #e52d27);
    background: linear-gradient(to bottom, #b31217, #e52d27);
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 1.75rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.6;
    border-radius: 2px;
}

.check-2 {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
    counter-increment: titleNum;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    border: solid 1px;
    background: #FFFDE7;
}

.check-2 li {
    list-style: none;
    background: url(/wp-content/uploads/checkmark-1.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
    padding: 3px 0px 3px 38px;
    line-height: 45px;
    background-position-y: 10px;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    text-align: left;
    border-bottom: dotted 2px #ccc;
    margin-bottom: 24px;
}

@media (max-width: 500px) {
    .check-2-title {
        font-size: 20px;
    }
	
	    .check-2 li {
        list-style: none;
        background: url(/wp-content/uploads/checkmark-1.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
        background-size: 30px;
        padding: 10px 0px 10px 38px;
        background-position-y: 3px;
        font-weight: bold;
        font-size: 17px;
        margin-top: 8px;
        text-align: left;
        border-bottom: dotted 2px #ccc;
        margin-bottom: 8px;
        line-height: 1.4;
    }
}

.wrpSub3 p {
	max-width: 1080px;
    margin: 1rem auto 1.5rem;
    box-sizing: border-box;
}


.subpage_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}

.subpage_boxh {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}

.subpage_box_left {
    float: left;
    width: 36%;
    padding: 8px;
}

.subpage_box_right {
    float: left;
    width: 60%;
    text-align: left;
    margin-top: 8px;
    padding-right: 8px;
    padding-top: 6px;
}

@media (max-width: 480px) {
     .subpage_box {
        width: 95%;
        padding: 0;
        box-sizing: border-box;
    }

    .subpage_box_left {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
        padding: 0;
        float: none;
    }

    .subpage_box_right {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        padding: 0;
        float: none;
    }
}

h2.sub {
	font-size: 1.75rem;
	max-width: 1040px;
    margin: 1.5rem auto;
    padding: 1.5rem;
    text-align: left;
}

h3.sub {
    max-width: 1060px;
    margin: 1.5rem auto;
    text-align: left;
    font-size: 1.5rem;
}


@media (max-width: 480px) {
	h2.sub {
    font-size: 1.25rem;
    padding: 1.25rem .75rem;
    letter-spacing: 0;
}
	
	h3.sub {
    font-size: 1.25rem;
    width: 96%;
}
	
}

.fukidashiWaku h2 {
    background: unset;
}

.wrpdot {
	padding: 2.5rem 0;
    background-image: url(/wp-content/uploads/dotbg.jpg);
}



@media (max-width: 480px) {
	.wrpdot {
		padding: .5rem;
	}
}


/* スマホ固定バナー2つ分割
========================================================================== */

@media (max-width: 763px){
    #banner{
        height:auto;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
		display: flex;
        z-index: 999;
    }
    #banner_L{
        height: auto;
        width: 50%;
        display: block;
        z-index: 999;
    }
    #banner_R{
        height: auto;
        width: 50%;
        display: block;
        z-index: 999;
    }
}

.Yoyaku_in {
    max-width: 1000px;
    margin: 0 auto 2.5rem;
    display: flex;
    justify-content: space-between;
}

.Yoyaku_in a {
    width: 49%;
}

.line-tyui {
	margin: 1rem auto;
    padding: 1rem;
    line-height: 1.6;
    background: #ffebeb;
    color: #545454;
    border-radius: 3px;
    border: solid 7px #ff8376;
    max-width: 840px;
    box-sizing: border-box;
}



.line-tyui-title{
    color:#ff8376;
    font-size:24px;
    font-weight:bold;
    text-align: center;
}

.line-tyui-title:before{
    display:inline-block;
width:30px;
height:30px;
margin:0 3px 0 0;
border-radius:50%;
background:#ff8376;
color:#fff;
font-family:FontAwesome;font-weight:normal;text-align:center;vertical-align:middle;
line-height:30px;
content:"\f12a";
}

@media (max-width:480px){


.line-tyui {
	width: 96%;
        line-height: 1.4;
}
	
	.line-tyui-title {
    font-size: 1.25rem;
}

}

.h2img {
    padding: 0;
}


.price-yoyaku{
	width: 100%;
    max-width: 840px;
    position: absolute;
    left: 50%;
    bottom: -6%;
    transform: translate(-50%, -50%);
    display: flex;
}

.pryo-inL, .pryo-inR{
	width: 50%;
}



/* 黒板風　2 */
.kokuban-s2 {
    position: relative;
    margin: 0em auto 2em;
    padding: 1em;
    width: 84%;
    /* ボックス幅 */
    background: #006633;
    /* ボックス背景色 */
    color: #fff;
    /* 文章色 */
    border: 8px solid #b2771f;
    /* 枠線 */
    border-radius: 3px;
    /* 角の丸み */
    box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}

.kokuban-s2::before,
.kokuban-s2::after {
    position: absolute;
    content: '';
    bottom: 0;
}

.kokuban-s2::before {
    width: 20px;
    right: 10px;
    border: solid 3px #ffff00;
    /*チョーク（黄色）*/
    border-radius: 3px 2px 0 2px;
}

.kokuban-s2::after {
    width: 15px;
    right: 45px;
    border: solid 3px #fff;
    /*チョーク（白） */
    border-radius: 8px 5px 2px 5px;
}



.hydrafacial-head {
	position: relative;
    max-width: 1140px;
    margin: auto;
}

.hydrafacial video {
position: absolute;
    width: 65%;
    bottom: 49%;
    left: 3%;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    box-shadow: 0px 0px 18px -10px rgb(0 0 0 / 80%);
}

.shimi-head {
    position: relative;
    max-width: 1140px;
    margin: auto;
}

.shimi video, .shimi img {
    position: absolute;
    width: 50%;
    bottom: 48%;
    left: 3%;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    box-shadow: 0px 0px 18px -10px rgb(0 0 0 / 80%);
}

@media (max-width: 500px) {
    .shimi video, .shimi img {
        position: absolute;
        width: 58%;
        bottom: 47%;
        left: 3%;
        aspect-ratio: 16 / 9;
        border-radius: 7px;
        box-shadow: 0px 0px 18px -6px rgb(59 59 59);
    }
}





.fv_catch {
    position: absolute;
	top: 1%;
    left: 22%;
    width: 40%;
}

.fv_catch2 {
    position: absolute;
    right: 0%;
    left: 0%;
    margin: 0 auto;
    bottom: 0%;
    width: 31%;
}

.under_bar {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    background: none;
    color: #111;
    margin-bottom: 24px;
}

.under_bar:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #f7a238;
}

.accordion {
    margin: 16px auto;
}

.accordion_title {
    position: relative;
    border: none;
    display: block;
    list-style: none;
    width: 100%;
    cursor: pointer;
    background: #d2d2d2;
    padding: 1.4em 1.6em 1.4em;
    line-height: 1.6em;
}

.accordion_title:after {
    content: "+";
    position: absolute;
    top: calc(50% - 0.5em);
    right: 20px;
    line-height: 1;
    padding: 0;
    pointer-events: none;
}

.accordion[open] .accordion_title:after {
    content: "-";
}

@media (max-width: 480px) {
    .fv_catch {
        position: absolute;
        top: 7%;
        left: 0;
        width: 100%;
    }
	
	.fv_catch2 {
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
		bottom: .5%;
        width: 95%;
    }
	
	.under_bar:before {
		bottom: 0;
        top: unset;
	}
}

.gmap {
    position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.column-box {
    display: flex;
    flex-wrap: wrap;
}

.column2 {
    width: 50%;
    padding: 1rem;
}

@media (max-width: 500px) {
    .column2 {
        width: 100%;
        padding: 1rem;
    } 
}

.footer-info li span {
    background: #fc913a;
    border-radius: 2px;
    padding: 4px 6px;
    margin-right: 0.5rem;
    color: #fff;
    font-size: 16px;
}

.header-tel-time span {
    background: #fc913a;
    color: #fff;
    padding: 2px 4px;
    font-size: smaller;
    margin-right: 4px;
    border-radius: 4px;
}


#shop-list .shop-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1080px;
    margin: 1.5rem auto;
    float: none;
    box-shadow: none;
    border-radius: unset;
    box-sizing: border-box;
}

#shop-list .shop-box h2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
	margin: 0 auto 1.5rem;
}

#shop-list .shop {
    display: block !important;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    margin: 0 0 1.5rem;
    border: solid 1px #ccc;
    border-radius: 2px;
}


#shop-list .shop-info {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: .5rem .5rem .75rem;
    line-height: 1.5;
}

#shop-list .shop-name {
    font-size: 1.25rem;
    color: #212121;
    font-weight: bold;
    background: no-repeat;
    text-align: left;
    height: unset;
    padding: unset;
}

.shop-address {
    font-size: small;
    margin-bottom: 0.25rem;
}

.shop-closed span {
    width: 22.5%;
    font-size: .875rem;
    background: #fc913a;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    letter-spacing: .125rem;
    margin-right: 0.5rem;
    padding: 4px 6px;
    font-weight: 500;
}

#shop-list .btn {
    width: 100%;
    margin: unset;
    padding: unset;
    margin-top: .5rem;
    border: none;
}

#shop-list .btn a {
    display: block;
    width: 100%;
    letter-spacing: .125rem;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 0.5rem;
    position: relative;
    padding: 1rem;
    box-sizing: border-box;
}

#shop-list .fa-position-right {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1rem;
    font-size: unset;
}

@media (max-width: 500px) {
    #shop-list .shop {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}