@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "fontawesome-webfont";
    src: url(/import/tenant_1/153.126.167.247/html/font/fontawesome-webfont.eot);
    src: url(/import/tenant_1/153.126.167.247/html/font/fontawesome-webfont.eot) format('embedded-opentype'),
        url(/import/tenant_1/153.126.167.247/html/font/fontawesome-webfont.woff) format('woff'),
        url(/import/tenant_1/153.126.167.247/html/font/fontawesome-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}
.i{
    font-family: "fontawesome-webfont";
    font-weight:normal;
}
/* resetcss */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;*/
    font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height: 160%;
    color: #2c1b13;
}

/*フォント系*/

h2 {
    font-size: 45px;
}

h3 {
    font-size: 38px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    display: block;
    content: "";
    clear: both;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    height: auto !important;
}

.bkimg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bkimg img {
    width: 100%;
}

a {
    text-decoration: none;
    color: #2c1b13;
}

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}

a[href*="tel"] {
    pointer-events: none;
}

a[data-href="#"] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

ul,
li {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

dl,
dt,
dd {
    text-align: left;
    padding: 0;
    margin: 0;
}

/*トランスフォーム親*/

.tfm_p {
    position: relative;
}

/*左右中央寄せ*/

.tfm_x {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*上下中央寄せ*/

.tfm_y {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*上下左右中央寄せ*/

.tfm_xy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*トリミング*/

.trimming {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming:after {
    display: block;
    content: "";
    padding-top: 100%;
    /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
}
.trimming.p13:after{
    padding-top: 13%;
}
.trimming.p27:after{
    padding-top: 27%;
}
.trimming.p31:after{
    padding-top: 31%;
}
.trimming.p33:after{
    padding-top: 33%;
}
.trimming.p39:after{
    padding-top: 39%;
}
.trimming.p49:after{
    padding-top: 49%;
}
.trimming.p54:after{
    padding-top: 54%;
}
.trimming.p63:after{
    padding-top: 63%;
}
.trimming.p66:after{
    padding-top: 66%;
}
.trimming.p67:after{
    padding-top: 67%;
}
.trimming.p70:after{
    padding-top: 70%;
}
.trimming.p71:after{
    padding-top: 71%;
}
.trimming.p72:after{
    padding-top: 72%;
}
.trimming.p75:after{
    padding-top: 75%;
}
.trimming.p76:after{
    padding-top: 76%;
}
.trimming.p77:after{
    padding-top: 77%;
}
.trimming.p78:after{
    padding-top: 78%;
}
.trimming.p88:after{
    padding-top: 88%;
}
.trimming.p90:after{
    padding-top: 90%;
}
.trimming.p97:after{
    padding-top: 97%;
}
.trimming.p98:after{
    padding-top: 98%;
}
.trimming.p100:after{
    padding-top: 100%;
}
.trimming.p101:after{
    padding-top: 101%;
}
.trimming.p123:after{
    padding-top: 123%;
}
.trimming.p130:after{
    padding-top: 130%;
}
.trimming.p132:after{
    padding-top: 132%;
}
.trimming.p139:after{
    padding-top: 139%;
}
.trimming.p150:after{
    padding-top: 150%;
}
.trimming.p157:after{
    padding-top: 157%;
}
.trimming.p159:after{
    padding-top: 159%;
}
.trimming.p163:after{
    padding-top: 163%;
}
.trimming.p175:after{
    padding-top: 175%;
}
.trimming.p181:after{
    padding-top: 181%;
}

/*-----------hidden--------------*/
.hidden{
    display: none;
}
/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*フレックスセンター*/

.flex_c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex > div[data-collection-list-content],
.flex_c > div[data-collection-list-content] {
    width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flex_c > div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}
.flex .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

@media only screen and (max-width: 1024px) {
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 28px;
    }
    a[href*="tel"] {
        pointer-events: initial !important;
    }
    .flex .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

@media only screen and (max-width: 599px) {
    .flex .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}
.fead-mv {
    opacity: 0;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}
.mv {
    opacity: 1;
}
#wrapper{
    max-width:100%;
    overflow:hidden;
}
#header{
    background:#2c1b13;
    padding:0 0 30px 0;
}
#header h1{
    max-width:1078px;
    margin:0 auto;
    width:95%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#766247;
    font-size:12px;
    font-weight:normal;
    padding:20px 0 0 0;
}
#gnav{
    width:100%;
    z-index:100;
}
#gnav .inner{
    max-width:1078px;
    margin:0 auto;
    width:99%;
}
#gnav .inner p.logo{
    padding:16px 0 0 0;
    float:left;
}
#gnav .inner .menu00{
    float:left;
    padding:35px 0 0 5px;
    max-width:720px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#gnav .inner .menu00 li a,#gnav .inner .menu00 li .fa_bo{
    color:#a58a67;
    font-size:18px;
    display:inline-block !important;
    text-align:center;
}

#gnav .inner .menu00 li a .n,#gnav .inner .menu00 li .fa_bo .n{
    display:block;
    font-size:9px;
}
#gnav .inner .menu00 li{
    float:left;
    padding:0 0 0 30px;
}
/*-----プルダウン-----*/

.menu00 ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 10px;
}
.menu00::after {
    display: block;
    clear: both;
    content: '';
}
.menu00 li {
    position: relative;
    float: left;

}
/*.menu00 li:not(:first-child) {
border-left: none;
}
.menu00 li:hover {
background-color: rgba(255,255,255,.3);
}*/

.menu00 ul {
    position: absolute;
    top: 100%;
    left: -75px;
    width:300%;
    z-index: 100;
}
.drop .subbo{
    left:-50px;
}
.menu00 ul li {
    float: none;
    margin: 0;
    background: rgba(44,27,20,0.8);
}
/*.menu00 ul li:not(:first-child) {
border: 2px solid #fff;
border-top: none;
}*/
/*.menu00 ul {
position: absolute;
top: -2px;
left: 100%;
}*/
.menu00 ul {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;

}
.menu00 li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.menu00 .sub02 {
    padding: 10px 0 !important;
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.menu00 .sub02 a{
    padding:0 10px;
}

/*------------編集画面のみグローバルアコーディオン表示-------------------*/
[data-element-id]#header{
  margin-bottom: 310px;
}
[data-element-id]#gnav.fixed{
  position: relative;
}
[data-element-id].drop .sub01{
    display: block !important;
    z-index: 10;
    opacity: 1 !important;
    visibility:visible;
    position: absolute;
    top: 107px;
    left: -90px;
}
[data-element-id].drop .sub02{
    display: block !important;
    z-index: 10;
    opacity: 1 !important;
}
[data-element-id].drop .subbo{
   position: absolute;
    top: 107px;
    left: 105px;
}
[data-element-id]#gnav .inner .menu00 li.sub{
  display: block !important;
}
/*-------------------------*/
#gnav .inner dl{
    float:right;
    width:217px;
    height:auto;
}
#gnav .inner dt a{
    display:block;
    background:#8b1111;
    text-align:center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    line-height:35px;
    color:#fff;
}
#gnav .inner dt a img{
    vertical-align:middle;
    margin-top:-3px;
    margin-right:8px;
}
#gnav .inner dd{
    text-align:center;
    color:#fff;
    padding:15px 0 0 0;
}
#gnav .inner dd a{
    color:#fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-size:30px;
}

#header h1.btm{
    padding-bottom:81px;
}
#gnav.fixed{
    position:fixed;
    top:0;
    right:0;
    background:#2c1b13;
    padding:10px 0;
}
#header .logo2{
    display:none;
}
#gnav .btn{
    display:none;
}
@media only screen and (max-width: 1020px){
    #header{
        padding: 0 0 20px 0;
        position: fixed;
        z-index: 100;
        width: 100%;
    }
    #header h1.btm{
        padding-bottom:0;

    }
    #header h1{
        padding-right:50px;
        font-size: 10px;
    }
    #gnav{
        position: fixed;
        top: 0;
        right: 0;
        width: 200px;
        height: 100%;
        background:none;
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px);
        -webkit-transition: ease .5s;
        transition: ease .5s;
        padding:0;
        z-index:101;
        border:none;
        padding-bottom:0;
        opacity:1;

    }

    #gnav.fixed{
        top: 0;
        right: 0;
        left:auto;
        width:200px;
        border:none;
        z-index:1000;
        padding-top:0;
        padding-bottom:0;
    }


    #gnav .btn{
        display:block;
        position:absolute;
        width:38px;
        height:38px;
        top:0;
        left:-44px;
        border:1px solid #fff;
        background:#a58a67;
        cursor:pointer;
        opacity:0.8;
        margin:2px;
        box-shadow:0px 0px 0px 2px #a58a67;
        -moz-box-shadow:0px 0px 0px 2px #a58a67;
        -webkit-box-shadow:0px 0px 0px 2px #a58a67;
    }





    #gnav.action{
        -webkit-transform:translateX(0px);
        -ms-transform:translateX(0px);
        transform:translateX(0px);
    }
    #gnav .btn span.n{
        display: block;
        background: #fff;
        height: 2px;
        width: 26px;
        text-indent: -9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }
    #gnav .btn span.n:before{
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
    }
    #gnav .btn span.n:after{
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        left: 0;
    }
    #gnav.action .btn span.n{
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition:ease .10s;
        transition:ease .10s;
    }
    #gnav.action .btn span.n:after,#gnav.action .btn span.n:before{
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top:0;
        left:0;
    }
    #gnav .inner{
        width:auto;
        height: 100%;
        overflow-y: auto;
        background: #2c1b13;
        padding:0;
    }
    #gnav .inner p.logo{
        text-align:center;
        float:none;
    }
    #gnav .inner li{
        float:none;
        text-align:center;
        width:auto;
        padding:0 0 0 0;
    }
    #gnav .inner li+li{
        border-top:1px dotted #a58a67;
    }
    #gnav .inner li a{
        display:block !important;
        padding:5px 0;
    }
    #gnav .inner ul{
        float:none;
        padding-left:0;
        width: 100%;
    }
    #gnav .inner dl{
        width:auto;
        float:none;
    }

    .overlay:after{
        content:"";
        width:100%;
        height:100%;
        background:#000;
        position:fixed;
        top:0;
        left:0;
        opacity:0.3;
        z-index:99;
    }
    #gnav .inner dd a{
        font-size:24px;
    }
    #header .logo2{
        display:block;
        padding:16px 2.5% 0 2.5%;
        text-align:center;
        width: 100px;
        margin: 0 auto;
    }
    /*----------プルダウン-----------------*/
    #gnav .inner .menu00 li{
        float: none;
        padding:0;
        width: 100%;
    }
    #gnav .inner .menu00{
        float: none;
        padding:35px 0;
        width: 100%;
    }
    .menu00 ul{
        visibility:visible;
        opacity: 1;
        -webkit-transition:0;
        transition:0;
        position: relative;
        top: 0;
        left:0;
    }
       .drop .subbo{
        left:0;
    }
    #gnav .inner .menu00 li a, #gnav .inner .menu00 li .fa_bo{
        padding-top: 10px;
    }
}
@media only screen and (min-width: 800px){
  #gnav .inner .menu00 li.sub{
    display: none;
  }
}
@media only screen and (max-width: 799px){
   #gnav .inner .menu00 li .fa_bo{
     display: none !important;
   }
}
@media only screen and (max-width: 599px){
    #header{
        padding: 0 0 3% 0;
        top: 0;
    }
    #header h1{
        padding: 10px 20px 0 70px;
        font-size: 8px;
        width:85%;
    }
    #header .logo2{
        padding: 0;
        width: 80px;
        position: absolute;
        top: 10px;
        left: 10px;
    }
}
#footer{
    background:#2c1b13;
}
#footer .inner{
    max-width:1078px;
    margin:0 auto;
    width:95%;
    padding:130px 0 80px 0;
}
#footer .inner .left{
    float:left;
    width:57.23%;
}
#footer .inner .right{
    float:right;
    width:42.67%;
}
#footer .inner .left dl{
    width:50%;
    padding:0 0 20px 0;
    float:left;
}
#footer .inner .left dt{
    font-size:24px;
    color:#f4ece1;
    padding:0 0 35px 0;
}
#footer .inner .left dd{
    font-size:18px;
    padding:0 0 20px 0;
}
#footer .inner .left dd a{
    color:#f4ece1;
    background:url(/import/tenant_1/153.126.167.247/html/images/footmk.gif) 0 10px no-repeat;
    padding-left:17px;
    display:inline-block !important;
}
#footer .inner .right h3{
    text-align:center;
    padding:55px 0 20px 0;
}
#footer .inner .right li{
    text-align:center;
    color:#f4ece1;
    font-size:18px;
}
#footer .inner .right li a{
    color:#f4ece1;
}
#footer .inner .right dt{
    text-align:center;
    color:#f4ece1;
    font-size:18px;
}
#footer .inner .right dd{
    text-align:center;
    color:#f4ece1;
    font-size:18px;
}
#footer .inner .right p{
    text-align:center;
    padding:0 0 20px 0;
}
#footer .inner .right dl{
    padding:0 0 20px 0;
}
#snav{
    position:fixed;
    right:10px;
    top:110px;
    z-index:70;
}
#snav li a{
    display:block;
    width:102px;
    height:102px;
    text-align:center;
    background:#a58a67;
    border-radius:50%;
}
#snav li a strong{
    display:block;
    color:#f4ece1;
    padding-top:5px;
}
#snav li{
    padding:0 0 25px 0;
}
#snav .w{
    display:inline-block !important;
    padding-top:18px;
}

#footer .copy{
    background:#21140e;
    text-align:center;
    font-size:18px;
    color:#f4ece1;
    padding:40px 2.5%;
}
/*-------totop-------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right:1%;
}
.pagetop a {
    display: block;
}
/*------------------------------------*/


@media only screen and (max-width: 1024px) {
    #footer .inner .left dt{
        font-size:16px;
    }
    #footer .inner .left dd{
        font-size:14px;

    }
    #footer .inner .left dd a{
        background-position:0 8px;
    }
    #footer .inner .right li{
        font-size:14px;
    }
    #footer .inner .right dt{
        font-size:14px;
    }
    #footer .inner .right dd{
        font-size:14px;
    }
    #snav{
        /*position:relative;*/
        right:auto;
        top:auto;
        bottom: 0;
        
        text-align:center;
        letter-spacing:-5px;
        width:100%;
    }
    #snav li{
        letter-spacing:0;
        display:inline-block !important;
        vertical-align:top;
        padding-left:5px;
        padding-right:5px;
    }
    #snav li a{
        width:80px;
        height:80px;

    }
    #snav li a img{
        width:auto;
        max-width:none !important;
        max-height:30px;
    }
    #snav .w{
        padding-top:10px;
    }
    #footer .inner {
        padding-bottom:50px;
    }
    #footer .copy{
        font-size:14px;
        padding-bottom: 130px;
    }
    

}
@media only screen and (max-width: 599px) {
    #footer .inner .left{
        width:auto;
        float:none;
    }
    #footer .inner .right{
        width:auto;
        float:none;
    }
    #snav li a{
      width: 60px;
    height: 60px;
    }
   #snav .w{
     padding-top: 5px;
   }
   #snav li a img{
     width: 50%;
     height:27px !important;
   }
   #snav li a strong{
     font-size: 11px;
   }
  .pagetop img{
      width:75%;
    }
    .pagetop{
      bottom: 30px;
    right: 0;
    z-index: 99;
    }
}
.subtit{
    position:relative;
    width: 100%;

}
.subtit .img img{
    width:100%;
    height:auto;
    opacity:0.3;
}
.subtit .img{
    background:#2c1b13;
}
.subtit h2{
    width:95%;
    padding-left:2.5%;
    padding-right:2.5%;
    height:auto;
    text-align:center;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index:1;
    color:#fff;
    font-size:48px;
    font-weight:normal;
}

.w78{
    max-width:1078px;
    margin:0 auto;
    width:95%;
}
@media only screen and (max-width: 1024px) {
    .subtit h2{
        font-size:30px;
    }
   /*  .menunav li:nth-child(4n+4){
     padding-right: 1% !important;
   } */
     .menunav li:nth-child(3n+3){
      padding-right: 1% !important;
    }

}
@media only screen and (max-width: 799px) {
    .subtit{
        margin-top: 122px;
    }
}
@media only screen and (max-width: 599px) {
    .subtit h2{
        font-size:24px;
    }
    .subtit{
        margin-top: 45px;
    }
}
/*menu*/

.menunav{
    padding:55px 0 40px 0;
}
.menunav li{
    /* width:23.93%; */
    width:31.333%;
    text-align:center;
    padding:0 1.426% 20px 0;
}
/* .menunav li:nth-child(4n+4){
    padding-right:0;
} */
.menunav li:nth-child(3n+3){
    padding-right:0;
}
.menunav li a{
    display:block;
    font-size:16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    padding:14px 0;
    background:#f4ece1;
    border:1px solid #e5dccd;
    margin:3px;
    -webkit-box-shadow:0px 0px 0px 3px #f4ece1;
    box-shadow:0px 0px 0px 3px #f4ece1;
    background-image:url(/import/tenant_1/153.126.167.247/html/images/menu/navmk.gif),url(/import/tenant_1/153.126.167.247/html/images/menu/navmk.gif);
    background-repeat:no-repeat;
    background-position:0 17px, right 17px;
}

.menulist h3{
    font-size:24px;
    background:#2c1b13;
    padding:5px 0 5px 23px;
    color:#fff;
    font-weight:normal;
    margin-bottom:40px;
}
.menulist .box .pic{
    float:right;
    width:31.63%;
    margin:0 0 20px 0;
}
.menulist .box .tbox{
    width:64.37%;
}
.menulist .box .tbox .pt1{
    padding-bottom:25px;
}
.menulist .box .tbox .pt1 dl{
    border-bottom:1px dotted #2c1b13;
    padding-bottom:5px;
}
.menulist .box .tbox .pt1 dl+dl{
    padding-top:25px;
}
.menulist .box .tbox .pt1 dt{
    font-size:16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    padding:0 0 10px 0;
}
.menulist .box .tbox .pt1 dd{
    padding:0 0 10px 0;
}
.menulist .box .tbox .pt2{
    border-bottom:1px dotted #2c1b13;
    padding-bottom:10px;
    margin-bottom:20px;
}
.menulist .box .tbox .pt2 .table{
    padding-bottom:20px;
}
.menulist .box p{
    padding:0 0 20px 0;
}
.menulist .box .tbox .pt2 h4{
    font-size:20px;
    font-weight:normal;
    padding:0 0 15px 0;
}
.menulist .box .tbox .pt1+.pt2 h4{
    font-size:16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    padding:0 0 10px 0;
}
.menulist .box .tbox .pt2 .table dt{
    width:61.67%;
    background:#a58a67;
    color:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:15px 18px 15px 18px
}
.menulist .box .tbox .pt2 .table dd{
    width:38.33%;
    background:#efe7dd;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:15px 18px 15px 18px;
    text-align:right;
}
.menulist .box .tbox .pt2 .table dl+dl{
    border-top:1px solid #c4c4c4;
}
.menulist .box{
    padding-bottom:50px;
}
.menulist .box .tbox .pt2+.pt2{
    padding-top:10px;
}
.ac{
    position:relative;
    font-size:1px;
    height:1px;
}
.ac a{
    position:absolute;
    top:-99px;
    left:0;
}
.menulist .box .tbox .pt2 .more a{
    display:inline-block !important;
    background: #a58a67;
    text-align:center;
    padding: 15px 23px 15px 23px;
    color:#fff;
}
.menulist .box .tbox .pt2 .more .m{
    padding-left:1em;
}


/*-------アンカーリンク----------*/
#me_01,#me_02,#me_03,#me_04,#me_05,#me_06,#me_07,#me_08{
    margin-top: -150px;
    padding-top: 150px;
}
@media only screen and (max-width: 1024px) {
    /*.menulist .box .tbox{
    float:none;
    width:auto;
}
    .menulist .box .pic{
    float:none;
    width:auto;
    text-align:center;
}*/
    .menulist h3{
        padding-left:2.5%;
        padding-right:2.5%;
        font-size:18px;
    }
    .ac a{
        top:0;
    }
    .menulist .box .tbox .pt2 .table dt{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
    .menulist .box .tbox .pt2 .table dd{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
    .menunav li a{
        font-size:14px;
    }
    .menunav li{
        width:48%;
        padding-left:1%;
        padding-right:1%;
    }
    .menulist .box .tbox .pt2 h4{
        font-size:16px;
    }
}

@media only screen and (max-width: 599px) {
    .menunav{
        padding: 30px 0 40px 0;
    }
    .menulist .box .tbox{
        float:none;
        width:auto;
    }
    .menulist .box .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .menunav li{
        padding-bottom: 10px !important;
    }
    .menunav li a{
        font-size: 12px;
    }
    #me_01,#me_02,#me_03,#me_04,#me_05,#me_06,#me_07,#me_08{
    margin-top: -80px;
    padding-top: 80px;
}
}


/*staff*/

.stafflist{
    padding:55px 0 40px 0;
}
.stafflist .box .pic{
    float:left;
    width:39.7%;
    margin:0 0 20px 0;
}
.stafflist .box .tbox{
    float:right;
    width:55.93%;
}
.stafflist .box .tbox h3{
    font-weight:normal;
    font-size:30px;
    position:relative;
    border-bottom:1px solid #2c1b13;
    padding:0 0 15px 0;
    margin-bottom:30px;
}
.stafflist .box .tbox h3:before{
    content:url(/import/tenant_1/153.126.167.247/html/images/staff/staff_icon_01.png);
    position:absolute;
    z-index:-1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top:50%;
    right:0;
}
.stafflist .box .tbox h3 .p{
    display:block;
    font-size:18px;
}
.stafflist .box .tbox p{
    padding:0 0 20px 0;
    font-size:16px;
}
.stafflist .box{
    padding:0 0 30px 0;
}
@media only screen and (max-width: 1024px) {
    .stafflist .box .tbox p{
        font-size:14px;
    }
}
@media only screen and (max-width: 599px) {
    .stafflist .box .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .stafflist .box .tbox{
        width:auto;
        float:none;
    }
}

/*salon*/

.salon1{
    position:relative;
    overflow:hidden;

}
.salon1 .bkimg{
    width:100.1%;
    background:#2c1b13;
}
.salon1 .bkimg img{
    opacity:0.4;
}
.salon1 .bkimg:before{
    content:"";
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1;
    position:absolute;
    background: -webkit-linear-gradient(top, rgba(250,247,232,1) 0%,rgba(250,247,232,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250,247,232,1)),to(rgba(250,247,232,0)));
    background: linear-gradient(to bottom, rgba(250,247,232,1) 0%,rgba(250,247,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf7e8', endColorstr='#00faf7e8',GradientType=0 );
    opacity:1;
}
.salon1:before{
    display:block;
    content:"";
    width:1px;
    height:0;
    padding-bottom:53.22%;
    float:left;
    z-index:-1;
    margin-left:-20px;
}
.salon1 .w78{
    position:relative;
    z-index:1;
    padding:90px 0 0 0;
}
.salon1 h3{
    font-size:30px;
    font-weight:normal;
    text-align:center;
    padding:0 0 55px 0;
}
.salon1 .w78 p{
    text-align:center;
    font-size:18px;
    padding:0 0 40px 0;
    line-height:240%;
}
@media only screen and (max-width: 1024px) {
    .salon1 .w78 p{
        font-size:14px;
        line-height:180%;
        text-shadow:0 0 5px #FAF7E8,0 0 5px #FAF7E8,0 0 10px #FAF7E8,0 0 10px #FAF7E8,0 0 10px #FAF7E8,0 0 10px #FAF7E8;
    }
    .salon1 h3{
        padding:0 0 25px 0;
    }
    .salon1 .w78{
        padding:40px 0 0 0;
    }
    /*.bkimg img{
      height: 100% !important;
    overflow: hidden;
    }*/
}
@media only screen and (max-width: 599px) {
    .salon1 .bkimg img{
        min-width:650px;
    }
}

.salon2{
    padding:35px 0 0 0;
}
.h3s{
    text-align:center;
    background:url(/import/tenant_1/153.126.167.247/html/images/icon_01.png) center bottom no-repeat;
    font-size:30px;
    font-weight:normal;
    padding:0 0 15px 0;
}
.h3s .s{
    display:block;
    font-size:18px;
    color:#957954;
    line-height:1;
    padding-bottom:5px;
}
.salon2 h3{
    margin-bottom:35px;
}
.salon2 .pt1{
    background:#eeeeee;
    padding:40px 0 15px 0;
}
.salon2 .pt1 .box{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:30.79%;
    background:#fff;
    border:1px solid #bcab97;
    border-right:none;
    margin:0 2.04% 30px 0;
    position:relative;
}
.salon2 .pt1 .box p{
    width:27.71%;
    background:#bcab97;
    text-align:center;
    font-size:36px;
    color:#fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
}
.salon2 .pt1 .box p .s{
    font-size:18px;
    display:block;
    line-height:1;
    padding-top:25px;
}
.salon2 .pt1 .box dl{
    width:67.46%;
    margin-left:4.21%;
    padding:15px 0 15px 0;
}

.salon2 .pt1 .box dt{
    font-size:24px;
    color:#a58a67;
    font-weight:bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding:0 0 5px 0;
}
.salon2 .pt1 .box dd{
    line-height:130%;
}
.salon2 .pt1 .box .ar{
    position:absolute;
    right:-31px;
    top:0;
    width:31px;
    height:100%;
    z-index:10;
}
.salon2 .pt1 .box .ar img{
    height:100% !important;
    max-width:none !important;
}
@media only screen and (max-width: 1024px) {
    .salon2 .pt1 .box p .s{
        font-size:14px;
    }
    .salon2 .pt1 .box dt{
        font-size:18px;
    }
}
@media only screen and (max-width: 599px) {
    .salon2 .pt1 .box{
        width:90%;
    }
}
.salon3{
    padding:50px 0 0 0;
}
.salon3 .wrap .st{
    width:8.62%;
    position:relative;
    height:0;
    padding-bottom:8.62%;
    border-radius:50%;
    background:#2c1b13;
    color:#fff;
    float:left;
    text-align:center;
    font-size:36px;
    font-weight:bold;
    line-height:1;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.salon3 .wrap .st .s{
    display:block;
    font-size:18px;
    line-height:1;
    padding-bottom:5px;
}
.salon3 .wrap .st .w{
    position:absolute;
    width:100%;
    top:50%;
    left:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.salon3 .wrap .right{
    width:89.98%;
    float:right;
    max-width:970px;
}
.salon3 .wrap .right .txt h4{
    font-size:28px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    color:#a58a67;
    padding:0 0 5px 0;
}
.salon3 .wrap .right .txt p{
    font-size:14px;
    padding:0 0 20px 0;
}
.salon3 .wrap .right .txt{
    padding:20px 0 10px 0;
}
.salon3 .wrap .right .img{
    float:left;
    width:36.28%;
    padding-bottom:20px;
}
.salon3 .wrap .right .img dt{
    /*padding:20px 0;*/
    margin:20px 0;
    text-align:center;
}
.salon3 .wrap .right .img dd a{
    display:block;
    background:#2c1b13;
    text-align:center;
    color:#fff;
    font-size:18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    padding:10px;
}
.salon3 .wrap .right .img dd a .i{
    padding-right:0.5em;
}
.salon3 .wrap .right .tbox{
    width:60%;
    float:right;
}
.salon3 .wrap .right .tbox .fa dt{
    font-size:22px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    padding:0 0 10px 1em;
    text-indent:-1em;
    line-height:140%;
}
.salon3 .wrap .right .tbox .fa dd{
    padding:0 0 0 4%;
    line-height:140%;
}
.salon3 .wrap .right .tbox dl{
    padding:0 0 30px 0;
}
.salon3 .wrap .right .tbox .fa dt .q{
    color:#b69328;
}
.salon3 .wrap .right .tbox .ch{
    background:#e0d6ca;
    padding:25px 4%;
    margin-bottom:30px;
}
.salon3 .wrap .right .tbox dt{
    padding:0 0 20px 0;
}
.salon3 .wrap{
    padding-bottom:40px;
    position:relative;
    margin-bottom:20px;
}
.salon3 .wrap+p.next{
    font-size:28px;
    font-weight:bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    color: #a58a67;
    padding:0 0 20px 0;
}
.salon3 .wrap:before{
    content:"";
    width:1px;
    height:100%;
    background:#2c1b13;
    position:absolute;
    left:4.31%;
    top:0;
    z-index:-1;
}
@media only screen and (max-width: 1024px) {
    .salon3 .wrap .st{
        width:70px;
        height:70px;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        float:none;
    }
    .salon3 .wrap .st .s{
        font-size:14px;
    }
    .salon3 .wrap{
        overflow:hidden;

    }
    .salon3 .wrap::before{
        top:30px;
    }
    .salon3 .wrap .right .txt h4{
        font-size:20px;
    }
    .salon3 .wrap + p.next{
        font-size:20px;
    }
    .salon3 .wrap .right .tbox .fa dt{
        font-size:18px;
    }
    .salon3 .wrap .right .img{
        float:none;
        width:auto !important;
    }
    .salon3 .wrap .right .tbox{
        width:auto;
        float:none;
    }
    .h3s{
        font-size:24px;
    }
    .h3s .s{
        font-size:14px;
    }
}
.salon4{
    background:#f4ece1;
    padding:70px 0 80px 0;
}
.salon4 h3{
    margin-bottom:65px;
}
.salon4 .left{
    float:left;
    width:64.93%;
}
.salon4 .right{
    float:right;
    width:30.89%;
}
.salon4 .left li{
    width:47.57%;
    padding:0 4.86% 35px 0;
}
.salon4 .left li:nth-child(2n+2){
    padding-right:0;
}
.salon5{
    padding:65px 0 60px 0;
}
.salon5 h3{
    margin-bottom:60px;
}
.salon5 .table dt{
    width:17.25%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:16px;
    background:#e0d6ca;
    padding:20px;
}
.salon5 .table dd{
    width:82.74%;
    font-size:16px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:20px;
}
.salon5 .table dl+dl{
    border-top:1px dotted #48270f;
}
.salon5 .table{
    padding-bottom:45px;
}
.salon5 .table dd .tel{
    font-size:24px;
}
#ac00,#ac01{
    margin-top: -150px;
    padding-top: 150px;
}
@media only screen and (max-width: 1024px) {
    .salon5 .table dd{
        font-size:14px;
    }
}
@media only screen and (max-width: 599px) {
    .salon5 .table dt{
        float:none;
        width:100%;
    }
    .salon5 .table dd{
        width:100%;
    }
    .salon4 .left{
        width:auto;
        float:none;
    }
    .salon4 .right{
        width:auto;
        float:none;
        text-align:center;
    }
}

/*campaign*/

.bk1{
    background:#f4ece1;
}

.camp1{
    padding:55px 0 60px 0 ;
}

.camp1 .w78{
    border:1px solid #a58a67;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    padding:30px 2.69% 70px 2.69%;
}
.camp1 .w78:before{
    content:url(/import/tenant_1/153.126.167.247/html/images/icon_02.png);
    position:absolute;
    top:-26px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.camp1 h3{
    margin-bottom:45px;
}
.camp1 .pic{
    float:right;
    width:35.85%;
    margin:0 0 20px 0;
}
.camp1 .tbox{
    float:left;
    width:61.49%;
}
.camp1 h4{
    font-size:20px;
    color:#881a00;
    padding:0 0 20px 0;
}
.camp1 .tbox p{
    padding:0 0 20px 0;
}
.camp1 h4+p{
    font-weight:bold;
}
.camp1 h5{
    background: #9e5145;
    font-size:18px;
    color:#fff;
    line-height:130%;
    padding:10px 3.19% 10px 3.19%;
    margin-bottom:15px;
}
.camp1 h5 .m{
    font-size:16px;
    display:block;
}
.camp1 h5 .s{
    font-size:14px;
    padding-right:1em;
}
.camp1 .tbox dt{
    font-weight:bold;
}
.camp1 .tbox dl{
    padding:0 0 20px 0;
}

.camp2{
    padding:55px 0 060px 0;
}
.camp2 .w78{
    border:1px solid #a58a67;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    padding:30px 2.69% 70px 2.69%;
}
.camp2 h3{
    margin-bottom:45px;
}
.camp2 .pic{
    float:right;
    width:35.85%;
    margin:0 0 20px 0;
}
.camp2 .tbox{
    float:left;
    width:61.49%;
}
.camp2 .tbox h4{
    font-size:20px;
}
.camp2 .tbox p{
    padding:0 0 20px 0;
}
.camp2 .tbox .tk{
    background: #9e5145;
    font-size: 18px;
    color: #fff;
    line-height: 130%;
    padding: 10px 3.19% 10px 3.19%;
    margin-bottom: 15px;
    text-align:center;
    font-weight:bold;
    margin-bottom:20px;
}
@media only screen and (max-width: 599px) {
    .camp1 .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .camp1 .tbox{
        width:auto;
        float:none;
    }
    .camp2 .pic{
        float:none;
        width:auto;
    }
    .camp2 .tbox{
        float:none;
        width:auto;
    }
}
.camp3{
    padding:55px 0 40px 0;
}
.camp3 li{
    float:left;
    width:48.88%;
    padding:0 2.24% 20px 0;
}
.camp3 li:nth-child(2n+2){
    padding-right:0;
}
/*----------------------------バナー2つ----------------------*/
.camp3 li.bn-01{
  position: relative;
}
.camp3 li.bn-01 .txt{
  position: relative;
    z-index: 1;
}
.camp3 li p.trimming{
  position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 366px;
}
.camp3 li.bn-01 .txt p{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
  font-size: 25px;
  padding-top: 30px;
  padding-left: 20px;
  line-height: 50px;
}
.camp3 li.bn-01 .txt p strong{
  font-size: 40px;
  text-shadow: 2px 2px 1px #c9c9c9;
}
.camp3 li.bn-01 .txt .frame{
  position: absolute;
    bottom: 20px;
    left: 30px;
}
.camp3 li.bn-01 .txt .can{
  font-size: 18px;
    text-align: center;
    line-height: 30px;
    width: 50%;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-top: 30px;
}
.camp3 li.bn-01 .txt .can strong{
  font-size: 21px;
  color: #a3351c;
  text-shadow: none;
}
.camp3 li.bn-02 .txt p{
  font-size: 20px;
  line-height: 35px;
}
.camp3 li.bn-02 .txt p strong{
  font-size: 30px;
  line-height: 40px;
  
}
.camp3 li.bn-02 .txt p strong.real{
  font-size: 55px;
    line-height: 70px;
    text-shadow: 4px 3px 5px #c9c9c9;
}
.camp3 li.bn-02 .txt .can{
  width: 100%;
    padding-left: 0;
    background: rgba(132,27,8,0.8);
    max-width: 95%;
    padding: 0;
    margin-top:2px;
    color: #fff;
    padding-top: 7px;
}
.camp3 li.bn-02 .txt .can strong{
  color:#fff;
}
@media only screen and (max-width: 1020px) {
  .camp3 li.bn-01 .txt .frame{
    bottom: 18px;
    left: 23px;
  }
  .camp3 li.bn-01 .txt .can{
    width: 55%;
    padding-left: 42px;
  }
  .camp3 li.bn-02 .txt p{
    line-height: 27px;
  }
  .camp3 li.bn-02 .txt p strong.real{
    font-size: 44px;
  }
  .camp3 li.bn-02 .txt p strong{
    font-size: 26px;
  }
  .camp3 li.bn-02 .txt .can{
    width: 100%;
    padding: 0;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 599px) {
  .camp3 li.bn-01{
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .camp3 li p.trimming{
    width: 100%;
  }
  .camp3 li.bn-01 .txt .frame{
    bottom: 18px;
    left: 73px;
  }
  .camp3 li.bn-01 .txt .can{
    width:100%;
    padding-left:0;
  }
  .camp3 li.bn-02 .txt .can{
    max-width: 100%;
  }
}
/*------------------------------------------*/
@media only screen and (max-width: 599px) {
    .camp3 li{
        width:auto;
        float:none;
        text-align:center;
    }
}
.camp4{
    padding:55px 0 50px 0;
}

.camp4 h3{
    margin-bottom:45px;
}
.camp4 .box{
    background:#f4ece1 url(/import/tenant_1/153.126.167.247/html/images/campaign/camp4bk.gif) 0 0 repeat-y;
    margin-bottom:60px;
    /*height: 360px;*/
    overflow: hidden;
}
.camp4 .pic{
    float:right;
    width:44.8%;
}
.camp4 .tbox{
    float:left;
    width:50.09%;
    padding:20px 0 0 2.78%;
}
.camp4 .tbox h4{
    text-shadow: 2px 2px 1px #c9c9c9;
    font-size: 30px;
    padding:0 0 5px 0;
    width: 70%;
    float: left;
}
.camp4 .tbox .tit li{
    padding:5px 20px;
    /*background:url(/import/tenant_1/153.126.167.247/html/images/campaign/ks1.gif) 0 0 repeat;*/
    color:#fff;
    font-size:18px;
    font-weight:bold;
    margin:0 11px 11px 0;
    background-color: rgb(202, 151, 74) !important;
}
.camp4 .tbox .tit li.ks2{
    background-image:url(/import/tenant_1/153.126.167.247/html/images/campaign/ks2.gif);
}
.camp4 .tbox .tit{
    border-bottom:1px solid #000;
    margin-bottom:15px;
}
.camp4 .tbox .txt p{
    margin: 0 0 10px 0;
    /*height: 40px;*/
    overflow: hidden;
    font-size: 20px;
}
.camp4 .tbox .pr{
}
.camp4 .tbox p.more a{
    display:inline-block !important;
    background-color:rgb(202, 151, 74);
    padding:12px 1.5em;
    font-weight:bold;
    color:#fff;
}
.can_de p.more a{
    width: 250px;
    text-align: center;
}
.camp4 .tbox p.more a .m{
    padding-left:1em;
}
.camp4 .tbox p.more{
    padding: 10px 0;
    text-align: center;
}
.can_de p.more{
    text-align: center;
}
.camp4 .tbox .pr{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.camp4 .tbox .pr dl{
    /*width:38.7%;*/
    width:40%;
    /*float:left;*/
    position:relative;
    margin-right:10%;
}
.camp4 .tbox .pr dl.can02{
  margin-right: 0;
}
.camp4 .tbox .pr dl:nth-of-type(2):before{
    content:url(/import/tenant_1/153.126.167.247/html/images/campaign/campaign_icon_02.png);
    position:absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top:50%;
    left:-30px;
   

}
.camp4 .tbox .pr dl+dl{
    width:53.14%;
    float:right;
}
/*.camp4 .tbox .pr dl:before{
content:url(/import/tenant_1/153.126.167.247/html/images/campaign/campaign_icon_02.png);
position:absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top:50%;
right:-35px;

}*/

/*.camp4 .tbox .pr dl+dl:before{
display:none;
}*/
.camp4 .tbox .pr dl dt{
    font-size:18px;
    text-align:center;
    color:#fff;
    background:#000;
    padding:5px;
    margin-bottom:5px;
}
.camp4 .tbox .pr dl.can02 dt{
    background:#a73415;
}
.camp4 .tbox .pr dl dd{
    text-align:center;
    font-size:30px;
    line-height:130%;
    padding-top:3px;
}
.camp4 .tbox .pr dl dd:after{
    display: block;
    content: "(税込み)";
    clear: both;
    font-size: 18px;
    float: right;
}
.camp4 .tbox .pr dl dd .t{
    font-size:18px;
}
.camp4 .tbox .pr dl+dl dd{
    font-size:30px;
    color:#a73415;
    font-weight:bold;
}
.camp4 .tbox .pr dl+dl dd.txt_c{
  text-align: left;
}

[data-element-id].camp4 > div[data-collection-list-content], .camp4 .w78 > div[data-collection-list-content] {
    overflow: hidden;
    height: 600px;
}


/*---------------詳細ページ-----------------*/
.camp4 .box.can_de{
    height:auto;
}
@media only screen and (max-width: 1024px) {
    .camp4 .tbox .pr dl dt{
        font-size:14px;
    }
    .camp4 .tbox .pr dl dd .t{
        font-size:14px;
    }
    .camp4 .tbox .pr dl dd{
        font-size:24px;
    }
    .camp4 .tbox .pr dl+dl dd{
        font-size:30px;
    }

  /*.camp4 .pic{
        float:none;
        text-align:center;
        width:auto;
    }*/
    .camp4 .tbox{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:53%;
        /*width:auto;
        float:none;
        padding-right:2.5%;
        padding-left:23px;*/
    }
    /*.camp4 .tbox .pr dl{
        float:none !important;
        width:auto !important;
    }*/
    .camp4 .tbox .tit li{
        font-size:14px;
    }
    /*.camp4 .tbox .pr dl+dl{
        margin-top:40px;
    }*/
    .camp4 .tbox .pr dl:before{
        top:auto;
        bottom:-35px;
        right:auto;
        left:50%;
        margin-left:-18px;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .camp4 .box{
      height:auto ;
    }
    .camp4 .tbox .pr dl:nth-of-type(2):before{
      left: -10px;
    }
  
}
@media only screen and (max-width: 599px) {
    .camp4 .tbox h4{
        font-size:18px;
    }
    .camp4 .pic{
      float: none;
      width: 100%;
    }
    .camp4 .tbox{
      float: none;
      width:100%;
    }
    .camp4 .tbox .tit,.camp4 .tbox .txt,.camp4 .tbox .pr{
      padding-left: 10px;
    }
    .camp4 .tbox p.more{
      text-align: center;
      margin-top: 5%;
    }
    .camp4 .tbox .pr dl+dl{
      float: none;
      width:auto;
    }
    .camp4 .tbox .pr dl:nth-of-type(2){
      margin-right: 10px;
    }
    .camp4 .tbox .pr dl:nth-of-type(2):before{
      left: -3px;
    }
    .camp4 .tbox .pr dl{
      margin-right: 9%;
    }
    .camp4 .tbox .pr dl+dl dd{
      font-size: 25px;
    }
    .camp4 .tbox .pr dl dd:after{
      font-size: 14px;
    }
}

/*blog*/

.blogwrap #side{
    float:left;
    width:18.08%;
}
.blogwrap #right{
    float:right;
    width:78.84%;
    padding:0 0 70px 0;
}
.blogwrap{
    padding:55px 0 0 0;
}
.bloglist dl{
    width:31.41%;
    padding:0 2.78% 38px 0;
}

.bloglist dl:nth-child(3n+3){
    padding-right:0;
}
.bloglist dd.pic{
    padding:0 0 20px 0;
}
/*.bloglist dd.pic .thum{
max-width:267px;
max-height:205px;
overflow:hidden;
}
*/
.bloglist dd.pic .trimming img{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    left: 0% !important;
}
.bloglist dd.pic:hover img{
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}
.bloglist dd .d{
    display:inline-block !important;
    background:#2c1b13;
    color:#fff;
    padding:2px 1.5em;
    margin-right:12px;
}
.bloglist dd+dd{
    padding:0 0 10px 0;
}
.bloglist dt{
    font-size:18px;
    line-height:130%;
}
.bloglist {
    border-bottom:1px solid #a58a67;
    padding-bottom:20px;
    margin-bottom:50px;
}

.pagenav li{
    font-size:20px;
    padding:0 0.5em;

}
#side dt{
    background: url(/import/tenant_1/153.126.167.247/html/images/icon_01.png) left bottom no-repeat;
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 15px 0;
    margin-bottom:15px;
}
#side dd{
    padding:0 0 15px 0;
}
#side dl{
    padding:0 0 50px 0;
}
#side dl.clearfix dd{
    float:left;
    width:50%;
}
.bloglist dd .c{
    display:inline-block !important;
    padding:3px 0;
}
@media only screen and (max-width: 1024px) {
    .blogwrap #side{
        float:none;
        width:auto;
    }
    .blogwrap #right{
        float:none;
        width:auto;
    }
    .bloglist dt{
        font-size:16px;

    }
    #side dt{
        font-size:24px;
    }
    .blogwrap #right .back{
      text-align: center;
    }
    #side dl dd{
    float:left;
    width:50%;
}
}
@media only screen and (max-width: 599px) {
    .bloglist dl{
        width:48%;
        padding-left:1%;
        padding-right:1% !important;
    }
}

.single .postmeta li{
    display:inline-block !important;
}
.single .postmeta li.d{
    display: inline-block !important;
    background: #2c1b13;
    color: #fff;
    padding: 2px 1.5em;
    margin-right: 12px;
}
.single h3{
    font-size:30px;
    padding:10px 0 10px 0;
    border-bottom:1px solid #a58a67;
    margin-bottom:36px;
}
.single .txt p{
    padding:0 0 20px 0;
}
.single .txt{
    border-bottom:1px solid #a58a67;
    margin-bottom:30px;
    padding-bottom: 30px;
}
.back a{
    display: inline-block !important;
    background: #b09844;
    padding: 12px;
    width:160px;
    color: #fff;
    text-align:center;
}
.blog .right{
    margin:0 auto;
    width:78.84%;
    padding:0 0 5px 0;
}
.blog .right .bloglist{
    border:none;
}
.blog .right h3{
    margin-bottom:50px;
}


/*PC css*/
.single .txt dl {
    font-size: 14px;
    line-height: 24px;
    padding:20px 20px 0;
    margin-top:40px;
    border-top:2px dashed #ddd;
}
.single .txt dl p {
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
.single .txt dl dt {
    float:left;
}
.single .txt dl dd {
    margin:0 0 10px 120px;
}

/*スマホ css*/
.single .txt dl {
    font-size: 12px;
    padding:20px 0 0;
    margin-top:20px;
    border-top:2px dashed #ddd;
}
.single .txt dl p {
    font-weight:bold;
    text-align:center;
    margin:0 0 10px;
    font-size: 12px;
}
.single .txt dl dt {
    font-weight:bold;
    width: 90px;
    float: left;
}
.single .txt dl dd {
    margin:5px 0;
    padding: 0 0 0 90px;
}
@media only screen and (max-width: 1024px) {
    .single h3{
        font-size:24px;
    }
    .blog .right{
        width:auto;
    }
    .nayami1 .box .pic.trimming.p175:after{
      padding-top: 183%;
    }
}
@media only screen and (max-width: 799px) {
  .nayami1 .box .pic{
    display: none;
  }
}
[data-element-id].flex > div[data-collection-list-content], .flex_c > div[data-collection-list-content] {
    overflow: hidden;
    height: 329px;
}
/*thermo*/

.thermo1{
    padding:55px 0 60px 0;
}
.thermo1 h3{
    margin-bottom:45px;
}
.thermo1 .txt p{
    padding:0 0 20px 0;
}
.thermo1 .txt{
    padding-bottom:15px;
}
.thermo1 .tube{
    max-width:817px;
    margin:0 auto;
}
.nayami1{
    padding:55px 0 65px 0;
}
.nayami1 h3{
    margin-bottom:45px;
}
.nayami1 .box{
    border:1px solid #a58a67;
    background:#f4ece1;
    margin-bottom:35px;
    padding:40px 2.69% 0 2.69%;
}
.nayami1 .box li{
    font-size:18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    padding:0 0 15px 1.5em;
    text-indent:-1.5em;
}
.nayami1 .box li .i{
    color:#a93600;
    padding-right:0.5em;
}
.nayami1 .box .tbox{
    float:left;
    width:76.91%;
}

.nayami1 .box .pic{
    float:right;
    width:16.01%;
}
@media only screen and (max-width: 599px) {
    .nayami1 .box .pic{
        display:none;
    }
    .nayami1 .box .tbox{
        width:auto;
        float:none;
    }
    .nayami1 .box li{
        font-size:16px;
    }
    .thermo1 .tube iframe{
      height:auto;
    }
}
.thermo2{
    padding:55px 0 70px 0;
}
.thermo2 h3{
    margin-bottom:45px;
}
.thermo2 .pic{
    float:left;
    width:37.66%;
    margin:0 0 20px 0;
}
.thermo2 .tbox{
    float:right;
    width:60.29%;
}
.thermo2 .tbox dd{
    font-size:16px;
    font-weight:bold;
}
.thermo2 .tbox dl{
    padding-bottom:20px;
}
.thermo2 .tbox p{
    padding:0 0 20px 0;
}

.thermo3{
    padding:55px 0 70px 0;
}
.thermo3 h3{
    margin-bottom:45px;
}
.thermo3 .pic{
    float:right;
    width:37.66%;
    margin:0 0 20px 0;
}
.thermo3 .tbox{
    width:59.83%;
    padding:0 0 20px 0;
}
.thermo3 .tbox li{
    font-size:16px;
    font-weight:bold;
    padding:0 0 10px 1em;
    text-indent:-1em;
}
.thermo3 .box{
    padding-bottom:50px;
}

.tomenu{
    text-align:center;
}
.tomenu a{
    display:block;
    color:#fff;
    background:url(/import/tenant_1/153.126.167.247/html/images/thermo/tomenubk.gif) center top no-repeat;
    border:1px solid #a58a67;
    font-size:30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding:30px 0 0 0;
}
.tomenu a .w:after{
    content:url(/import/tenant_1/153.126.167.247/html/images/thermo/tomenumk.png);
    display:block;
    margin:0 auto;
    padding:14px 0 5px 0;
}
@media only screen and (max-width: 599px) {
    .thermo2 .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .thermo2 .tbox{
        width:auto;
        float:none;
    }
    .thermo3 .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .thermo3 .tbox{
        float:none;
        width:auto;
    }
    .tomenu a{
        font-size:18px;
    }
    .tomenu a .w{
        display:block;
        width:250px;
        margin:0 auto;
    }
    .tomenu a .w:after{
        margin-left:-26px;
    }

}
.befaf1{
    padding:55px 0 70px 0;
}
.befaf1 h3{
    margin-bottom:45px;
}
.befaf1 .box{
    border:1px solid #a58a67;
    width:48.79%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:#fff;
    margin:0 2.42% 39px 0;
    padding:15px 2.78% 30px 2.78%;
}
.befaf1 .box:nth-child(2n+2){
    margin-right:0;
}
.befaf1 .box p{
    padding:0 0 20px 0;
}
.befaf1 .box dl{
    float:left;
    width:43.1%;
    padding:0 0 30px 0;
}
.befaf1 .box dl+dl{
    float:right;
}
.befaf1 .box dt{
    font-size:24px;
    text-indent:-0.5em;
}
.befaf1 .box dl+dl dt{
    font-weight:bold;
    color:#95390e;
}
.befaf1 .box dl+dl dd{
    position:relative;
}
.befaf1 .box dl+dl dd:before{
    content:url(/import/tenant_1/153.126.167.247/html/images/thermo/icon_01.png);
    position:absolute;
    top:50%;
    left:-40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 599px) {
    .befaf1 .box{
        width:100%;
        margin-right:0;
    }
    .befaf1 .box dt{
        text-indent:0;
    }
    .befaf1 .box dl+dl dd:before{
      left: -30px;
    }
}
.flow1{
    padding:55px 0 50px 0;
}
.flow1 h3{
    margin-bottom:45px;
}
.flow1 .flowlist .box+.box{
    position:relative;
    margin-top:65px;
}
.flow1 .flowlist .box .pic{
    float:right;
    margin:0 0 20px 0;
    width:29.96%;
}
.flow1 .flowlist .box .tbox p{
    padding:0 0 20px 0 ;
}
.flow1 .flowlist .box .tbox{
    float:left;
    width:60.11%;
}
.flow1 .flowlist .box  h4{
    font-size:24px;
    padding:0 0 15px 0;
}
.flow1 .flowlist .box h4 .st{
    display:inline-block !important;
    background:#2c1b13;
    padding:5px 10px;
    color:#fff;
    margin-right:1em;
    margin-bottom:5px;
}
.flow1 .flowlist .box+.box:before{
    content:url(/import/tenant_1/153.126.167.247/html/images/thermo/icon_02.png);
    top:-69px;
    left:50%;
    position:absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
@media only screen and (max-width: 1024px) {
    .flow1 .flowlist .box h4{
        font-size:18px;
    }
    .flow1 .flowlist .box h4 .st{
        display:block !important;
        max-width:90px;
        text-align:center;
    }
}
@media only screen and (max-width: 599px) {
    .flow1 .flowlist .box .tbox{
        float:none;
        width:auto;
    }
    .flow1 .flowlist .box .pic{
        float:none;
        width:auto;
        text-align:center;
    }
}
.ivoice1{
    padding:55px 0 60px 0;
}
.ivoice1 h3{
    margin-bottom:45px;
}
.ivoice1 .vlist .box{
    border:1px solid #a58a67;
    background:#f4ece1;
    margin-bottom:27px;
    padding:17px 2.69% 0 2.69%;
}
.ivoice1.bk1 .vlist .box{
    background:#fff;
}
.ivoice1 .vlist .box .pic{
    width:15.61%;
    float:left;
    margin:0 0 17px 0;
    border-radius: 50%;
}
.ivoice1 .vlist .box .pic img{
    border-radius:50%;
}
.ivoice1 .vlist .box .tbox{
    width:80.55%;
    float:right;
}
.ivoice1 .vlist .box .tbox h4{
    font-size:24px;
    padding:0 0 10px 0;
}
.ivoice1 .vlist .box .tbox p{
    padding:0 0 20px 0;
}
.ivoice1 .vlist{
    padding-bottom:10px;
}
.ivoice1 .more{
    text-align:center;
}
.ivoice1 .more a{
    max-width:295px;
    width:95%;
    display:inline-block !important;
    background:#b09844;
    color:#fff;
    padding:12px 2.5%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.ivoice1 .more a .m{
    padding-left:1em;
}
@media only screen and (max-width: 1024px) {
    .ivoice1 .vlist .box .tbox h4{
        font-size:18px;
    }
}
@media only screen and (max-width: 599px) {
    .ivoice1 .vlist .box .pic{
        /*float:none;*/
        width: 20%;
    text-align: center;
    margin-right: 10px;
    }
    .ivoice1 .vlist .box .tbox{
        width:auto;
        float:none;
    }

}
.tofaq{
    padding:90px 0 110px 0;
}
.tofaq p a{

    display:block;
    border:1px solid #a58a67;
    position:relative;
    background:#fff;
}

.tofaq p .w{
    position:absolute;
    width:100%;
    text-align:center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top:50%;
    left:0;
    font-size:30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    z-index:1;
}
.tofaq p img{
    opacity:0.2;
}

[data-element-id].flex_c{
    overflow: hidden;
    height: 329px;
}
[data-element-id].vlist{
    overflow: hidden;
    height: 600px;
}
/*massage*/

.massage1{
    padding:55px 0 40px 0;
}
.massage1 h3{
    margin-bottom:55px;
}
.massage1 .box{
    border-bottom:1px solid #2c1b13;
    padding-bottom:13px;
    margin-bottom:40px;
}
.massage1 .box .pic{
    float:right;
    width:33.39%;
    margin:0 0 20px 0;
    padding:0 !important;
}
.massage1 .box .tbox{
    width:63.35%;
    float:left;
}
.massage1 .box h4{
    font-size:28px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    color:#a58a67;
    padding:0 0 10px 0;
}
.massage1 .box .tbox dl{
    background:#ae9a68;
    padding:15px 4.39% 15px 4.39%;
    margin-bottom:20px;
}
.massage1 .box .tbox dt{
    font-size:24px;
    color:#fff;
    line-height:130%;
}
.massage1 p{
    text-align: center;
    font-size:18px;
    font-weight:bold;
    padding:0 0 20px 0;
}
.massage1 .box .tbox dd{
    font-size:36px;
    color:#fff;
    line-height:130%;
}
.massage1 .box .tbox p{
    text-align:left;
    font-size:14px;
    padding:0 0 20px 0;
    font-weight:normal;
}

.massage .nayami1 .box .pic{
    padding-top:30px;
}
.nayami1 .box+ p{
    text-align:center;
    font-size:18px;
    font-weight:bold;
}
@media only screen and (max-width: 1024px) {
    .massage1 .box h4{
        font-size:20px;
    }
    .massage1 .box .tbox dt{
        font-size:18px;
    }
    .massage1 .box .tbox dd{
        font-size:24px;
    }
    .massage1 p{
        font-size:14px;
    }
    .nayami1 .box + p{
        font-size:14px;
    }
    .tofaq{
      padding: 15% 0 110px 0;
    }
}
@media only screen and (max-width: 599px) {
    .massage1 .box .tbox{
        float:none;
        width:auto;
    }
    .massage1 .box .pic{
        float:none;
        width:auto;
        text-align:center;
    }
}
.massage2{
    padding:55px 0 100px 0;
}
.massage2 h3{
    margin-bottom:55px;
}
.massage2 .pic{
    float:left;
    width:37.66%;
    margin:0 0 20px 0;
}
.massage2 .tbox{
    width:60.29%;
    float:right;
}
.massage2 .tbox h4{
    font-size:24px;
    padding:0 0 10px 0;
    border-bottom:1px solid #2c1b13;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    margin-bottom:15px;
}

.massage2 .tbox p strong{
    font-size:18px;
    font-weight:bold;
    padding:0 0 20px 0;
}
.massage2 .tbox p{
    padding:0 0 20px 0;
}
.massage2 .box{
    padding-bottom:50px;
}
.tomenu{
    padding-top:20px;
}
.massage2 .box:nth-child(2n+2) .tbox{
    float:left;
}
.massage2 .box:nth-child(2n+2) .pic{
    float:right;
}
@media only screen and (max-width: 1024px) {
    .massage2 .tbox h4{
        font-size:18px;
    }
    .massage2 .tbox p strong{
        font-size:16px;
    }
}
@media only screen and (max-width: 599px) {
    .massage2 .tbox{
        float:none;
        width:auto;
    }
    .massage2 .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .massage2 .box:nth-child(2n+2) .pic{
      float: none;
    }
}

/*integral*/

.integral1{
    padding:55px 0 60px 0;
}
.integral1 h3{
    margin-bottom:45px;
}
.integral1 .txt p{
    padding:0 0 20px 0;
}
.integral1 .txt{
    padding:0 0 10px 0;
}
.integral1 dl{
    background: #ae9a68;
    padding: 15px 4.39% 15px 4.39%;
    margin-bottom: 45px;
}
.integral1 dt{
    font-size: 24px;
    color: #fff;
    line-height: 130%;
}
.integral1 dd{
    font-size: 36px;
    color: #fff;
    line-height: 130%;
}
.integral1 .pic{
    text-align:center;
    padding:0 0 20px 0;
}

.integral2 .box h4{
    font-size:22px;
    font-weight:bold;
    padding:0 0 15px 0;
}
.integral2 .box{
    border-color:#fff;
}
.integral2 .box dd img{
    border: 1px solid #a58a67;
}
.integral .nayami1 .box{
    position:relative;
}
.integral .nayami1 .box .pic{
    position:absolute;
    bottom:0;
    right:2.69% ;
}
.nayami1 .box .tbox h4{
    font-size:24px;
    padding:0 0 10px 0;
}
.nayami1 .box .tbox ul{
    padding-bottom:25px;
}
.integral .thermo3 .pic{
    float:left;
}
.integral .thermo3 .tbox{
    float:right;
}

.integral .befaf1{
    padding-bottom:0;
}
@media only screen and (max-width: 1024px) {
    .integral2 .box h4{
        font-size:16px;
    }
    .flow1 .txt .more{
      text-align: center;
    }
    .integral1 dd{
      font-size: 30px;
    }
}
.integral3 {
    padding-bottom:80px;
}
.integral3 h4{
    padding:8px 2.78% 8px 2.78%;
    background:#73684d;
    color:#fff;
    font-size:18px;
    margin-bottom:35px;
}
.integral3 .pic{
    float:right;
    width:33.39%;
    padding:0 0 20px 0;
}
.integral3 .tbox{
    float:left;
    width:63.5%;
}
.integral3 .tbox p{
    padding:0 0 20px 0;
}
.integral3 .box{
    padding:0 0 15px 0;
}
.integral3 p.more{
  text-align: center;
    margin-top: 40px;
}
.integral3 .tbox p.more a,.integral3 p.more a{
    max-width: 400px;
    width: 95%;
    display: inline-block !important;
    background: #b09844;
    color: #fff;
    padding: 12px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
}
.integral3 .tbox p.more a .m {
    padding-left: 1em;
}
@media only screen and (max-width: 599px) {
    .integral3 .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .integral3 .tbox{
        float:none;
        width:auto;
    }
    .integral1 .pic iframe{
      height:auto;
    }
    .integral1 dt{
      font-size: 18px;
    }
    .integral1 dd{
      font-size: 16px;
    }
    .integral1{
      padding: 55px 0 30px 0;
    }
    .integral2 .box{
      margin-bottom: 0;
    }
}

.flow1 .txt p{
    font-size:18px;
    font-weight:bold;
    padding:0 0 20px 0;
}
.flow1 .txt .more{
    padding-top:10px;
}
.flow1 .more a{
    font-size:14px;
    max-width: 400px;
    width: 95%;
    display: inline-block !important;
    background: #b09844;
    color: #fff;
    padding: 12px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
    font-weight:normal;
}
.flow1 .more a .m {
    padding-left: 1em;
}
.integral .ivoice1 .vlist .box{
    background:#fff;
}

.thermo3 .tbox p{
    padding:0 0 20px 0;
}

/*facial*/

.facial .thermo2 .pic,.facial .thermo3 .pic{
    width:33.39%;
}
.facial .thermo2 .tbox,.facial .thermo3 .tbox{
    width:63.54%;
}
.facial .thermo3 .tbox h4{
    font-size:18px;
    padding:0 0 20px 0;
}
@media only screen and (max-width: 599px) {
    .facial .thermo2 .tbox,.facial .thermo3 .tbox{
        width:auto;
    }
    .facial .thermo2 .pic,.facial .thermo3 .pic{
        width:auto;
    }
    .befaf2 dt{
      height:35px;
    }
}
.befaf2{
    padding:0 0 30px 0;
}
.befaf2 dl{
    width:46.56%;
    float:left;
    padding:0 0 45px 0;
}
.befaf2 dl+dl{
    float:right;
}
.befaf2 dd{
    position:relative;
}
.befaf2 dd img{
    border:1px solid #a58a67;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.befaf2 dl+dl dd:before {
    content: url(/import/tenant_1/153.126.167.247/html/images/thermo/icon_01.png);
    position: absolute;
    top: 50%;
    left: -41px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.befaf2 dt{
    text-align:center;
    font-size:24px;
    padding:0 0 15px 0;
}
.befaf2 dl+dl dt{
    font-size:24px;
    color:#95390e;
    font-weight:bold;
}
@media only screen and (max-width: 1024px) {
    .befaf2 dt{
        font-size:14px;
    }
    .befaf2 dl + dl dt{
        font-size:14px;
    }

}
.facial1{
    padding:55px 0 35px 0;
}
.facial1 h3{
    margin-bottom:45px;
}
.facial1 .txt p{
    padding:0 0 20px 0;
}
.facial1 .txt{
    padding:0 0 10px 0;
    border-bottom:1px dotted #000;
    margin-bottom:30px;
}
.facial1 .wrap h4{
    text-align:center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-size:28px;
    color:#a58a67;
    padding:0 0 30px 0;
}
.facial1 .wrap .pic{
    float:right;
    width:33.39%;
    margin:0 0 20px 0;
}
.facial1 .wrap .tbox{
    width:63.54%;
    float:left;
}

.facial1 .wrap h5{
    padding: 10px 4.39% 10px 4.39%;
    background:#ae9a68;
    color:#fff;
    font-size:18px;
    margin-bottom:20px;
}
.facial1 .wrap .box p{
    padding:0 0 20px 0;
}
.facial1 .wrap .box+.box{
    padding-top:20px;
}
.facial1 .ltxt{
    border-top:1px solid #000;
    padding:25px 0 0 0;
}
.facial1 .ltxt p{
    text-align:center;
    padding:0 0 20px 0;
    font-size:18px;
    font-weight:bold;
}

.facial1 .txt li{
    font-size:18px;
    font-weight:bold;
}
.facial1 .txt ul{
    padding:0 0 10px 0;
}

.facial1 .thermo3{
    padding-top:0;
    border-bottom:1px dotted #000;
    padding-bottom:10px;
    margin-bottom:30px;
}


/*-------------ブライダル---------------*/
.bo_care{
    margin-top: 100px;
}
.bridal00 .thermo3 .pic{
    float: none;
}
.bridal00 .br_pic{
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bridal00 .thermo3 .pic{
    width:45%;

}
.bridal00 .thermo3 .pic:first-child{
    margin-right: 5%;
}
.bridal00 .thermo3 .tbox{
    width:100%;
}
.bridal00 .thermo2 .tbox{
    float: none;
}
.bridal00 .thermo2 .tbox dl{
    padding-bottom: 0;
}
.bridal00 .menulist .box .tbox .pt2 .table dd{
  font-weight: normal !important;
}
@media only screen and (max-width: 1024px) {
    .facial1 .wrap h4{
        font-size:20px;
    }
    .facial1 .txt li,.facial1 .ltxt p{
        font-size:14px;
    }
    .bridal00 .thermo2{
      padding-bottom: 0;
      margin-bottom: 50px;
    }
}
@media only screen and (max-width: 599px) {
    .facial1 .wrap .pic{
        float:none;
        width:auto;
        text-align:center;
    }
    .facial1 .wrap .tbox{
        float:none;
        width:auto;
    }
    .befaf2 dl+dl dd:before {
        left:-20px;
    }
}
.facial2 h4{
    background:url(/import/tenant_1/153.126.167.247/html/images/facial/facial_icon_02.png) 0 0 no-repeat;
    padding:12px 0 25px 50px;
    font-size:18px;
}
.facial2 li{
    width:31.16%;
    margin:0 2% 20px 0;
}
.facial2 li:nth-child(3n+3){
    padding-right:0;
}
.facial2 .wrap{
    padding:0 0 25px 0;
}
.facial2{
    padding:0 0 20px 0;
}

/*facebeatdance*/
.facebeatdance .nayami1 .box{
    position:relative;
}
.facebeatdance .nayami1 .box .pic{
    position: absolute;
    bottom: 0;
    right: 2.69%;
}

.beat2{
    padding:35px 0 15px 0;
}
.beat2 p{
    padding:0 0 20px 0;
}
.beat2 dd{
    text-indent:-1em;
    padding-left:1em;
}

.beat1{
    padding:55px 0 120px 0;
    position:relative;
}
.beat1 h3{
    margin-bottom:45px;
}
.beat1 .txt p{
    padding:0 0 20px 0;
}
.beat1 .txt{
    padding:0 0 20px 0;
}
.beat1 .facial2 p{
    padding:10px 0 0 0;
}
.beat1 .tube{
    max-width:817px;
    margin:0 auto 55px auto;
}
.beat1 h4{
    background:#ae9a68;
    color:#fff;
    position:relative;
    padding: 10px 2.78% 10px 2.78%;
    font-size:24px;
    font-weight:normal;
    margin-bottom:30px;
}
.beat1 h4 img{
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    max-width:30% !important;
}
.beat3 .w78{
    position:relative;
    z-index:2;
}
.beat3 .w78 p{
    padding:0 0 20px 0;
}
.beat3 .sp{
    padding:20px 0 0 0;
}
.beat3 .sp p{
    font-size:24px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding:0 0 45px 0;
    font-weight:bold;
}

.beat1 .img{
    position:absolute;
    bottom:0;
    right:0;
}
.beat1 .img:before{
    content:"";
    width:100px;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background: -webkit-linear-gradient(left,  rgba(244,236,225,1) 0%,rgba(244,236,225,0) 100%);
    background: -webkit-gradient(linear,  left top, right top,  from(rgba(244,236,225,1)),to(rgba(244,236,225,0)));
    background: linear-gradient(to right,  rgba(244,236,225,1) 0%,rgba(244,236,225,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ece1', endColorstr='#00f4ece1',GradientType=1 );
    z-index:1;

}
.beat1 .img:after{
    content:"";
    width:100%;
    height:100px;
    position:absolute;
    top:0;
    left:0;
    background: -webkit-linear-gradient(top,  rgba(244,236,225,1) 0%,rgba(244,236,225,0) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(244,236,225,1)),to(rgba(244,236,225,0)));
    background: linear-gradient(to bottom,  rgba(244,236,225,1) 0%,rgba(244,236,225,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ece1', endColorstr='#00f4ece1',GradientType=0 );

    z-index:1;

}
.beat1 .img img{
    opacity:0.34;
}
@media only screen and (max-width: 1024px) {
    .beat1 h4{
        font-size:18px;
        padding-right:30%;
    }
    .beat3 .sp p{
        font-size:18px;
    }
}
.beat4{
    padding:55px 0 60px 0;
}
.beat4 h3{
    margin-bottom:45px;
}
.beat4 .pic{
    float:right;
    width: 33.39%;
    margin:0 0 20px 0;
}
.beat4 .tbox{
    width: 63.54%;
    float:left;
}
.beat4 .tbox h4{
    padding: 10px 4.39% 10px 4.39%;
    background: #ae9a68;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}
.beat4 .tbox p{
    padding:0 0 20px 0;
}
.beat4 .box{
    padding:0 0 20px 0;
}
@media only screen and (max-width: 599px) {
    .beat4 .pic{
        float:none;
        width:auto;
    }
    .beat4 .tbox{
        width:auto;
        float:none;
    }
    .beat1 .tube iframe{
      height:auto !important;
    }
}

/*collagen*/

.collagen2{
    padding:55px 0 60px 0;
}
.collagen2 h3{
    margin-bottom:45px;
}
.collagen2 .txt{
    padding:0 0 10px 0;
}
.collagen2 .txt p{
    padding:0 0 20px 0;
}
.collagen2 .img li{
    width:46.75%;
    padding:0 6.5% 30px 0;
}
.collagen2 .img li img{
    border:1px solid #a58a67;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.collagen2 .img li:nth-child(2n+2){
    padding-right:0;
}
.collagen2 .img{
    padding-bottom:25px;
}
.collagen2 .box h4{
    padding: 8px 2.78% 8px 2.78%;
    background: #ae9a68;
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight:normal;
}
.collagen2 .box p{
    padding:0 0 20px 0;
}
.collagen2 .box{
    padding-bottom:30px;
}
.collagen2 .pic{
    margin:0 0 74px 0;
}
.collagen2 dl{
    padding:0 0 20px 0;
}

.collagen .nayami1 .box li{
    width:50%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:2%;
}
.collagen .nayami1 .box .tbox{
    width:82%;
}
.collagen .nayami1 .txt p{
    padding:0 0 20px 0;
}
.collagen1{
    padding:35px 0 30px 0;
}
.collagen1 dt{
    padding:0 0 20px 0;
}
.collagen1 dl{
    padding-bottom:20px;
}
@media only screen and (max-width: 599px) {
    .collagen .nayami1 .box .tbox{
        width:auto;
    }
    .collagen .nayami1 .box li{
        width:100%;
    }
    .collagen2 .box h4{
        font-size:18px;
    }
}

.collagen3{
    padding:55px 0 80px 0;
}
.collagen3 h3{
    margin-bottom:45px;
}

.collagen3 .pic{
    float:right;
    width:38.12%;
    margin:0 0 20px 0;
}
.collagen3 .tbox{
    width:58.99%;
    float:left;
}
.collagen3 .tbox h4{
    font-size:24px;
    padding:0 0 20px 0;
}
.collagen3 .tbox p{
    padding:0 0 20px 0;
}
.collagen3 .tbox .box+.box{
    padding-top:20px;

}
.collagen3 .img{
    margin:25px 0 20px 0;
}
@media only screen and (max-width: 599px) {
    .collagen3 .pic{
        float:none;
        text-align:center;
        width:auto;
    }
    .collagen3 .tbox{
        width:auto;
        float:none;
    }
    .collagen3 .tbox h4{
        font-size:18px;
    }
    .collagen3{
        padding-bottom:50px;
    }
}
/*menu_mens*/
.thermo2 h4{
    font-size: 24px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #2c1b13;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    margin-bottom: 15px;
}
.thermo2 .tbox p strong {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 20px 0;
}
.menu_mens .nayami1 .box .tbox {
    width: 82%;
}
.menu_mens .nayami1 .box .tbox ul{
    width:50%;
    float:left;
}
.menu_mens .nayami1 .box .tbox li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2%;
}
.menu_mens .nayami1 .box{
    position:relative;
    overflow:hidden;
}
.menu_mens .nayami1 .bk{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;

}
.menu_mens .nayami1 .bk img{
    opacity:0.3;
}
.menu_mens .nayami1 .in{
    position:relative;
    z-index:1;
}

.menu_mens .befaf1 .wrap h4{
    text-align:center;
    font-size:18px;
    color:#a93600;
    padding:0 0 25px 0;
}
.menu_mens .befaf1 .wrap{
    padding-bottom:20px;
}
.menu_mens .befaf1{
    padding-bottom:40px;
}
.mens2 li{
    padding:0 0 15px 0;
}
.mens2 li a{
    border:1px solid #a58a67;
    text-align:center;
    display:block;
    font-size:30px;
    font-weight:bold;
    line-height:140%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding:45px 2.5%;
}
.mens2{
    padding-bottom:40px;
}
.menu_mens .thermo2 h3.men03{
  text-align: center;
    background: #2c1b13;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 70px;
}


@media only screen and (max-width: 1024px) {
    .thermo2 h4{
        font-size:18px;
    }
    .thermo2 .tbox p strong{
        font-size:14px;
    }
    .menu_mens .nayami1 .bk .trimming.p33:after{
      padding-top: 56%;
    }
}
@media only screen and (max-width: 599px) {
    .mens2 li a{
        font-size:18px;
        padding:20px 2.5%;
    }
    .menu_mens .nayami1 .box .tbox ul{
        width:100%;
        padding-bottom:0;
    }
    .menu_mens .nayami1 .box .tbox ul+ul{
        padding-bottom:20px;
    }
    .menu_mens .nayami1 .box .tbox{
        width:auto;
    }
    .menu_mens .nayami1 .bk .trimming.p33:after{
      padding-top: 105%;
    }
}

/*product*/

.product1{
    padding:55px 0 0 0;
}
.product1 h3{
    margin-bottom:45px;
}
.product1 h4{
    font-size:24px;
    padding:0 0 20px 0;
}
.product1 dl{
    width: 31.16%;
    padding: 0 3.26% 50px 0;
}
.product1 dl:nth-child(3n+3) {
    padding-right: 0;
}
.product1 .wrap{
    padding:0 0 50px 0;
}
.product1 dt{
    font-size:18px;
    font-weight:bold;
    padding:15px 0 5px 0;
}
.product1 dt+dd{
    font-size:12px;
    padding:0 0 5px 0;
}
.product1 dd.pr{
    font-size:18px;
    font-weight:bold;
    color:#a77247;
    padding-bottom:5px;
}
@media only screen and (max-width: 1024px) {
    .product1 dt{
        font-size:16px;
    }
    .product1 dd.pr{
        font-size:16px;
    }
    .product1 h4{
        font-size:18px;
    }
}
@media only screen and (max-width: 599px) {
    .product1 dl{
        width:48%;
        padding-left:1%;
        padding-right:1%;
    }
}

/*voice*/

.voice .vlist .box {
    border: 1px solid #a58a67;
    background: #f4ece1;
    margin-bottom: 55px;
    padding: 45px 2.69% 30px 2.69%;
}
.voice .vlist .box .pic{
    width:30.74%;
    float:left;
    margin:0 0 20px 0;
}
.voice .vlist .box .tbox{
    width:66.11%;
    float:right;
}
.voice .vlist .box .tbox h4{
    font-size: 24px;
    padding: 0 0 10px 0;
}
.voice .vlist .box .tbox p{
    padding:0 0 20px 0;
}
.voice{
    padding-bottom:90px;
}
.voice .vlist .h3s:first-child{
    display: block;
}
.voice .vlist .h3s{
    display: none;
}

@media only screen and (max-width: 599px) {
    .voice .vlist .box .pic{
        width:auto;
        text-align:center;
        float:none;
    }
    .voice .vlist .box .tbox{
        width:auto;
        float:none;
    }

}
/*faq*/
.faq1 .txt p{
    padding:0 0 20px 0;
}
.faq1{
    padding:55px 0 0 0;
    margin-bottom: 50px;
}
.faq1 .txt{
    padding:0 0 20px 0;
}

.faq2 .w78{
    padding:55px 0 22px 0;
}
.faq2 h3{
    margin-bottom:45px;
}
.faq2 .wrap{
    border:1px solid #a58a67;
    background:#fff;
    margin-bottom:34px;
    padding:14px 10px;
}
.faq2 h4{
    position:relative;
    font-size:18px;
    padding:4px 0 0 43px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    min-height:33px;
    cursor:pointer;
}
.faq2 h4 .q{
    position:absolute;
    top:0;
    left:0;
    width:33px;
    line-height:33px;
    background:#2c1b13;
    color:#fff;
    font-size:24px;
    text-align:center;
}
.faq2 .box{
    margin:25px 2.54% 20px 2.54%;
    background:#f4ece1;
    border:1px solid #a58a67;
    padding:15px 14px 15px 14px;
    position:relative;
    display:none;
}
.faq2 .box p{
    padding:0 0 10px 44px;
}
.faq2 .box h5{
    position:absolute;
    top:10px;
    left:10px;
    width:33px;
    line-height:33px;
    background:#2c1b13;
    color:#fff;
    font-size:24px;
    text-align:center;
}

#q01,#q02,#q03,#q04,#q05,#q06,#q07,#q08{
    margin-top: -50px;
    /*padding-top: 50px;*/
    margin-bottom: 50px;
}
@media only screen and (max-width: 799px) {
  #q01,#q02,#q03,#q04,#q05,#q06,#q07,#q08{
    margin-top: -80px;
    padding-top: 70px;
  
}
  
}
@media only screen and (max-width: 599px) {
    .faq2 h4{
        font-size:16px;
    }
    #q01,#q02,#q03,#q04,#q05,#q06,#q07,#q08{
    margin-top: -50px;
    padding-top: 30px;
  
}
}

/*osusume*/

.osusume1{
    padding:55px 0 80px 0;
}
.osusume1 dt{
    font-size:18px;
    font-weight:bold;
    padding:0 0 20px 0;
}
.osusume2 h3 .n{
    top:0;
    left:0;
    width: 93px;
    position:absolute;
    height: 0;
    padding-bottom: 93px;
    border-radius: 50%;
    background: #2c1b13;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.osusume2 h3 .n .s{
    display: block;
    font-size: 18px;
    line-height: 1;
    padding-bottom: 5px;
}
.osusume2 h3 .n .w{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.osusume2 h3{
    font-size:28px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding:25px 0 45px 100px;
    position:relative;
    color:#a58a67;
}
.osusume2 h3 .s2{
    font-size:18px;
}
.osusume2 .box{
    border:1px solid #a58a67;
    background:#fff;
    width:31.35%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 2.975% 40px 0;
    padding-bottom:30px;
}
.osusume2 .box:nth-child(3n+3){
    margin-right:0;
}
.osusume2 .box dt{
    font-size:36px;
    width:56px;
    line-height:56px;
    text-align:center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    margin-bottom:20px;
    color:#fff;
}
.osusume2 .box:nth-child(1) dt,.osusume3 dl:nth-child(1) dt{
    background:#93cfbb;
}
.osusume2 .box:nth-child(2) dt,.osusume3 dl:nth-child(2) dt{
    background:#649887;
}
.osusume2 .box:nth-child(3) dt,.osusume3 dl:nth-child(3) dt{
    background:#cfc093;
}
.osusume2 .box:nth-child(4) dt,.osusume3 dl:nth-child(4) dt{
    background:#b17951;
}
.osusume2 .box:nth-child(5) dt,.osusume3 dl:nth-child(5) dt{
    background:#bca696;
}
.osusume2 .box:nth-child(6) dt,.osusume3 dl:nth-child(6) dt{
    background:#a5b483;
}
.osusume2 .box dd{
    padding:0 1em 15px 1.5em;
}
.osusume2 .box dd input{
    margin-right:1em;
}
.osusume2 .txt p{
    font-size:16px;
    font-weight:bold;
    padding:0 0 20px 0;
    text-align:center;
}
.osusume2 .box .a-ret,.b-ret,.c-ret,.d-ret,.e-ret,.f-ret{
  padding: 0 1em 15px 1.5em;
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
    .osusume2 h3{
        font-size:20px;
    }
    .osusume2 h3 .s2{
        font-size:16px;
    }
    .osusume2 h3 .n{
        position:relative;
        display:block !important;
        margin-bottom:15px;
        margin-right: 10px;
    }
    .osusume2 h3{
        padding-left:0;
        padding-top:0;
        display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    }
    .osusume2 .box dd{
      text-indent:-1em;
    }
    .osusume2 .box .a-ret,.b-ret,.c-ret,.d-ret,.e-ret,.f-ret{
      text-indent: -1em;
    }
}
@media only screen and (max-width: 599px) {
    .osusume2 .box{
        width:100%;
        margin-right:0;
    }
    .osusume2 h3 .s2{
        display:block;
    }
    .osusume2 h3{
      padding-bottom: 20px;
    }
}
.osusume3{
    padding-bottom:60px;
}
.osusume3 dl{
    border:1px solid #a58a67;
    background:#fff;
    width:31.35%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 2.975% 40px 0;
}
.osusume3 dl:nth-child(3n+3){
    margin-right:0;
}
.osusume3 dt{
    font-size:16px;
    font-weight:bold;
    padding:10px 2.5%;
    color:#fff;
}
.osusume3 dt strong{
    font-size:36px;
    display:inline-block !important;
    vertical-align:middle;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    width:36px;
    text-align:center;
}
.osusume3 dd{
    text-align:center;
}
.osusume3 dd a{
    display:block;
    font-size:20px;
    background:#fff;
    padding:14px 2.5%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
    color:#a58a67;
}
.osusume3 .txt{
    padding:20px 0 0 0;
}
.osusume3 .txt p{
    padding:0 0 20px 0;
}
@media only screen and (max-width: 599px) {
    .osusume3 dl{
        width:100%;
        margin-right:0;
    }
}

/*contact*/

.contact1{
    padding:55px 0 0 0;
    max-width:1018px;
}
.contact1 h3{
    margin-bottom:45px;
}
.contact1 dt{
    width:18.18%;
    font-size:18px;
    font-weight:bold;
    padding:10px 0 0 0;
}
.contact1 dt .i{
    padding-left:1em;
    color:#8b1111;
}
.contact1 dd{
    width:81.82%;
}
.contact1 dd input[type="text"]{
    background:#f4ece1;
    border:1px solid #a58a67;
    padding:8px;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.contact1 dl{
    padding:20px 0;
}
.contact1 dd dl{
    padding:0;
}
.contact1 dd dl dt{
    float:left;
    width:auto;

}
.contact1 dd dl dd{
    padding:0 0 0 178px;
    width:auto;
}
.contact1 dd dl+dl{
    width:auto;
    padding-top:40px;
}
.contact1 dd .size3{
    max-width:140px;
}
.contact1 dd li+li{
    padding-top:40px;
}
.contact1 dd li{
    font-size:18px;
    font-weight:bold;
    position: relative;
}
.contact1 dd li input{
    margin-right:1em;
    margin-left:1em;
}
.contact1 dd textarea {
    background: #f4ece1;
    border: 1px solid #a58a67;
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height:350px;
}
.contact1 .formbtn{
    text-align:center;
    padding:70px 0 0 0;

}
.contact1 .formbtn{
    text-align:center;
}
.contact1 .formbtn li{
    display:inline-block !important;
    max-width:290px;
    width:95%;
}
.contact1 .formbtn li .form-submit-btn,.contact1 .formbtn li .send,.contact1 .formbtn li .modoru {
    background:#b09844;
    color:#fff;
    border:none;
    width:100%;
    padding:10px 2.5%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;

}
.contact1 .formbtn li #send:hover{
    opacity:0.6;
}
.contact1 .formbtn{
    padding-bottom:100px;
}
.contact1 dd li label{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 10px;
    font-weight: normal;
}
.contact1 dd li label div{
    font-size: 18px;
}
/*------------------------------アラート-----------------------*/
.nitiji .uk-text-danger{
  position: absolute;
    top: 100%;
    left: 14%;
    font-size: 14px;
}
@media only screen and (max-width: 1024px) {
    .contact1 dt{
        width:100%;
    }
    .contact1 dd{
        width:100%;
    }
    .contact1 dd dl dt{
        float:none;
    }
    .contact1 dd dl dd{
        padding-left:0;
        width:auto;
    }
    .contact1 dd li label{
        display:inline-block !important;
        padding-bottom:10px;
    }
    
}

.home-main{
    position:relative;
}
.home-main:before{
    content:"";
    display:block;
    float:left;
    width:1px;
    height:0;
    padding-bottom:30.93%;
    margin-left:-1px;
    position:relative;
    z-index:-1;
}
.home-main .uk-slidenav-position{
    width:101%;
    height:auto;
}
.home-main .uk-slidenav-position {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home-main .w78{
    position:relative;
    z-index:1;
    text-align:center;
    padding:5% 0 0 0;
}
.home-main .w78 p{
    color:#fff;
    font-size:18px;
    line-height:240%;
    padding:0 0 20px 0;
}
.home-main .more{
    bottom:15%;
    width:100%;
    text-align:center;
    position:absolute;
    z-index:1;
}
.home-main .more a{
    color:#fff;
    display:inline-block !important;
}
.home-main .more a img{
    display:block;
    margin:0 auto;
}
@media only screen and (max-width: 1024px) {
    .home-main .w78 p{
        font-size:14px;
        line-height:160%;
    }
    .home-main .w78{
        padding-top:2.5%;
    }
    .uk-slideshow{
        height:300px !important;
    }
   

}
@media only screen and (max-width: 799px) {
    .uk-slideshow{
        height:220px !important;
    }
    #main{
      margin-top: 13%;
    }
    .home-main .w78{
        padding-top:8%;
    }
}
@media only screen and (max-width: 599px) {
    .home-main .bkimg img{
        min-width:600px;
    }
    .home-main .w78 p{
        font-size:12px;
    }
    #main{
        /*height:185px;*/
        margin-top: 14%;
        
    }
    .home-main{
      height: 200px !important;
    }
    .home-main .more{
        bottom:2%;
        font-size:11px;
    }
    .uk-slideshow .uk-flex-center{
        height:200px !important;
    }
    .slick-next:before{
      right: -6px !important;
    }
    .slick-prev:before{
      left: -6px !important;
    }
    .home-slide{
      padding: 55px 0 0 0;
    }
    .contact1 dd li label{
        display:inline-flex !important;
      
    }
    .contact1 dd li label div:first-child{
      display: flex;
    }
    .contact1 dd li .nitiji{
      display: inline-flex;
    width: 100%;
    justify-content: center;
    padding-top: 10px;
    }
    .home-slide{
      padding-bottom: 20px !important;
    }
    .contact1 .formbtn li .modoru{
      margin-top: 10px;
    }
}

.home-salon{
    padding:55px 0 40px 0;
}
.home-salon h3{
    text-align:center;
    font-size:36px;
    font-weight:normal;
    padding:0 0 45px 0;
}
.home-salon #map{
    width:100%;
    height:440px;
    margin-bottom:50px;
}
.home-salon .flex_c div{
    width:50%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 0.5%;
}
.home-salon .left h4{
    font-weight:normal;
    font-size:18px;
    padding:0 0 15px 0;
}
.home-salon .left li{
    font-size:18px;
    padding:0 0 15px 0;
}
.home-salon .right dt{
    float:left;
    font-size:18px;
    font-weight: normal;
}
.home-salon .right dd{
    padding:0 0 0 5em;
    font-size:18px;
}
.home-salon .right dl{
    padding-bottom:15px;
}
@media only screen and (max-width: 1024px) {
    .home-salon h3{
        font-size:24px;
    }
    .home-salon .flex_c div{
        width:100%;
    }
}
@media only screen and (max-width: 599px) {
    .home-salon .right dt{
        font-size:14px;
    }
    .home-salon .right dd{
        font-size:14px;
    }
    .home-salon .left li{
        font-size:14px;
    }
}

.home-book{
    position:relative;
}

.home-book .btn{
    max-width:816px;
    width:85%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    text-align:center;

}
.home-book .img{
    background:#190303;
}
.home-book .img img{
    opacity:0.5;

}
.home-book .btn a{
    display:block;
    background:#2c1b13;
    padding:30px 0;
    border:2px solid #7b6b63;
    color:#fff;
    font-size:30px;
    font-weight:bold;
}
@media only screen and (max-width: 599px) {
    .home-book .btn a{
        font-size:18px;
        padding:10px 0;
    }
}
.home-media li{
    width:6.24%;
    padding:0 2% 20px 2%;
    text-align:center;
}
.home-media{
    padding:55px 0 30px 0;
}

.home-media h3{
    font-size:30px;
    padding:0 0 5px 0;
    text-align:center;
    font-weight:normal;
}
.home-media h3 +p{
    font-size:18px;
    text-align:center;
    padding:0 0 60px 0;
}
@media only screen and (max-width: 1024px) {
    .home-media h3{
        font-size:24px;
    }
}
@media only screen and (max-width: 599px) {
    .home-media li{
        width:31.33%;
        padding:0 1% 20px 1%;
    }

}
.home-post{
    padding:75px 0 30px 0;
}
.home-post .wrap{
    width:45.26%;
    margin:0 9.27% 40px 0;
    border:1px solid #d2ba98;
    padding:25px 4.19% 0 4.19%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

}
.home-post .wrap:nth-child(2n+2){
    margin-right:0;
}
.home-post .wrap h3{
    font-size:18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding:0 0 20px 0;
}
.home-post .wrap .pic{
    float:left;
    width:13.92%;
    padding:0 0 20px 0;
}
.home-post .wrap dl{
    float:right;
    padding:0 0 20px 0;
    width:83.54%;
}

.home-post .wrap dt{
    color:#c7914c;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight:bold;
}
.home-post .wrap .box{
    padding-bottom:10px;
}
@media only screen and (max-width: 599px) {
    .home-post .wrap{
        width:100%;
        margin-right:0;
    }
}

.home-corse{
    padding:48px 0 100px 0;
}
.home-corse h3{
    text-align:center;
    font-size:30px;
    padding:0 0 5px 0;
    font-weight:normal;
}

.home-corse h3+p{
    text-align:center;
    font-size:18px;
    padding:0 0 70px 0;
}
.home-corse .box{
    width:48.23%;
    position:relative;
    margin:0 3.54% 40px 0;
}
.home-corse .box .bk{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
}
.home-corse .box:before{
    content:"";
    width:1px;
    padding-bottom:70.96%;
    display:block;
    float:left;
    margin-left:-1px;
}
.home-corse .box:nth-child(2n+2){
    margin-right:0;
}
.home-corse .box .in{
    position:relative;
    z-index:1;
}
.home-corse .box h4{
    background:rgba(255,255,255,0.8);
    text-align:center;
    font-size:24px;
    padding:20px 2.5%;
    text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
    margin-bottom:30%;
}
.home-corse .box h4 .s{
    display:block;
    font-size:18px;
}
.home-corse .box dl{
    padding:0 4%;
}
.home-corse .box dt{
    float:left;
    width:72px;
    height:72px;
    text-align:center;
    background:#a58a67;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-top:5px;
    line-height:140%;
    padding-top:15px;
}
.home-corse .box dd{
    text-align:right;
    font-size:24px;
    line-height:200%;
    padding:15px 0 0 0;
    font-weight:bold;
    text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}
.home-corse .box dd strong{
    font-size:50px;
}
.home-corse .conav{
    text-align:center;
    letter-spacing:-5px;
}
.home-corse .conav li{
    display:inline-block !important;
    width:20px;
    letter-spacing:0;
    margin: 0 7px 10px 7px;
    height:20px;
    text-indent:-9999px;
    background:#9e9e9e;
    border-radius:50%;
    cursor:pointer;
}

.home-corse .conav li.st,.home-corse .conav li:hover{
    background:#c2873b;
}
.home-corse .more{
    text-align:right;
    font-size:24px;
    margin-top:-40px;
}
.home-corse .more a{
    text-decoration:underline;
}
@media only screen and (max-width: 1024px) {
    .home-corse .box h4{
        margin-bottom:10px;
        font-size:18px;
        line-height:140%;
        padding:10px 2.5%;
    }
    .home-corse .box h4 .s{
        font-size:14px;
    }
    .home-corse .box dd strong{
        font-size:25px;
    }
    .home-corse .box dd {
        font-size:14px;
    }
    .home-corse h3{
        font-size:24px;
    }
    .home-corse h3+p{
        font-size:14px;
    }
    .home-corse .more{
        margin-top:20px;
        font-size:18px;
    }
}
@media only screen and (max-width: 599px) {
    .home-corse .box{
        width:100%;
        max-width:520px;
        margin-left:auto;
        margin-right:auto;
    }
}
.home-nayami{
    padding:55px 0 78px 0;
}
.home-nayami h3{
    text-align:center;
    font-size:30px;
    font-weight:normal;
    padding:0 0 5px 0;
}
.home-nayami h3+p{
    text-align:center;
    font-size:18px;
    padding:0 0 70px 0;
}
.home-nayami .more{
    text-align:center;
}
.home-nayami .more a{
    display:inline-block !important;
}
.home-nayami .more img{
    display:block;
    margin:0 auto;
}

.home-nayami li{
    margin:0 0.78% 20px 0.78%;
    width:21.98%;
    position:relative;
    background:#000;
}
.home-nayami li strong{
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top:50%;
    font-size:24px;
    color:#fff;
}
.home-nayami li img{
    opacity:0.7;
}
@media only screen and (max-width: 1024px) {
    .home-nayami li strong{
        font-size:16px;
    }
    .home-nayami h3{
        font-size:24px;
    }
    .home-nayami h3+p{
        font-size:14px;
    }
}
@media only screen and (max-width: 599px) {
    .home-nayami li{
        width:48%;
        margin-left:1%;
        margin-right:1%;
        max-width:237px;
    }
}

.home-coda{
    position:relative;
    padding:55px 0 55px 0;
    overflow:hidden;
    background:#160808;

}

.home-coda .bkimg{
    width:101%;
}
.home-coda .bkimg img{
    opacity:0.3;
}
.home-coda .w78{
    position:relative;
    z-index:1;
}
.home-coda .left{
    width:56.95%;
    float:left;
}
.home-coda .left h3{
    font-size:36px;
    color:#fff;
    font-weight:normal;
    padding:0 0 20px 0;
    text-align:center;
}
.home-coda .left p{
    font-size:18px;
    padding:0 0 20px 0;
    color:#fff;
}
.home-coda .right{
    width:38.03%;
    text-align:center;
    float:right;
}
.home-coda .right li{
    width:36.58%;
    padding:0 4.39% 20px 4.39%;
}
.home-coda .right p{
    color:#fff;
    font-size:24px;
    line-height:140%;
    padding:0 0 20px 0;
}
@media only screen and (max-width: 1024px) {
    .home-coda .left h3{
        font-size:24px;
    }
    .home-coda .left p{
        font-size:14px;
    }
    .home-coda .right p{
        font-size:16px;
    }
    .home-coda .bkimg span{
      padding-bottom: 15%;
    }
}
@media only screen and (max-width: 599px) {
    .home-coda .left ,.home-coda .right{
        width:auto;
        float:none;
    }
    .home-coda .bkimg .trimming.p31:after{
      padding-top: 113%;
    }
}

.home-menu{
    padding:90px 0 50px 0;
}
.home-menu .m2 dl{
    width:44.71%;
    padding:0 1.66% 40px 1.66%;
}
.home-menu  dl a{
    position:relative;
    display:inline-block !important;
    background:#000;
}
.home-menu  dl a:hover{
    opacity:1;
}
.home-menu  dl a strong{
    position:absolute;
    width:100%;
    text-align:center;
    color:#fff;
    font-size:24px;
    line-height:140%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left:0;
    top:50%;
    display:none;
    z-index:1;
}
.home-menu  dl a:hover strong{
    display:block;
}
.home-menu  dl a:hover img{
    opacity:0.5;
}
.home-menu  dt+dd{
    font-size:24px;
    font-weight:normal;
    padding:10px 0 5px 0;
}
.home-menu .m2{
    padding-bottom:30px;
}
.home-menu .m3 dl{
    width:28.84%;
    padding:0 1.66% 40px 1.66%;
}
@media only screen and (max-width: 1024px) {
    .home-menu  dl a strong{
        font-size:16px;
    }
    .home-menu dt + dd{
        font-size:18px;
    }
}
@media only screen and (max-width: 599px) {
    .home-menu .m3 dl{
        width:44.71%;
    }
}

.home-slide .slidewrap{
    max-width:1000px;
    margin:0 auto;
    position:relative;
    width:95%;
}
.home-slide .flex_c{
    width:1694px;
    margin-left:-347px;
}
.home-slide .slidewrap dl{
    width:318px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:#f4ece1;
    margin:0 11px;
    padding:14px;
    -webkit-filter: opacity(100%);
    filter: opacity(100%);
}
.home-slide .slidewrap dt .s{
    display:block;
    font-size:16px;
}
.home-slide .slidewrap dt{
    font-size:24px;
    line-height:140%;
    padding:15px 0 10px 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.home-slide .slidewrap dd{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.home-slide dd:nth-of-type(2){
    height: 132px;
    overflow: hidden;
}
/*.home-slide dl:first-child,.home-slide dl:nth-child(n + 5){
margin:50px 39px 50px 39px;
width:259px;
opacity:0.4;

}*/
/*---------------スリック----------------*/
.sk00 .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(40%);
    -moz-filter: opacity(40%);
    -o-filter: opacity(40%);
    -ms-filter: opacity(40%);
    filter: opacity(40%);
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    margin:50px 39px 50px 39px;
    width:259px;
}


.sk00 .slick-slide.slick-active {
    width: 318px !important;
    margin: 0 11px !important;
    filter: opacity(100%);
}

@media only screen and (max-width: 1024px) {
    .sk00 .slick-slide.slick-center{
        margin:0 auto;
    }
/*
    .sk00 .slick-slide:not(.slick-center) {
        margin: 50px 10px 50px 0 !important;
    }
    .sk00 .slick-slide.slick-center + .slick-slide{
        margin: 50px 0px 50px 10px !important;
    }
    .sk00 .slick-slide.slick-center - .slick-slide{
        margin: 0 !important;
    }
*/
}



/*------------------------------------------*/
.home-slide dl.sml dd{
    font-size:10px;	
}
.home-slide dl.sml dt{
    font-size:18px;
}
.home-slide dl.sml dt .s{
    font-size:12px;
}
.home-slide {
    padding:55px 0 60px 0;
}
.home-slide h3{
    text-align:center;
    font-size:36px;
    font-weight:normal;
    padding:0 0 5px 0;
}
.home-slide h3+p{
    text-align:center;
    font-size:18px;
    padding:0 0 55px 0;
}
.home-slide .slidewrap .next{
    position:absolute;
    right:-26px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.home-slide .slidewrap .prev{
    position:absolute;
    left:-26px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
    .home-slide h3{
        font-size:24px;
    }
    .home-slide h3+p{
        font-size:14px;
    }
    .home-slide .slidewrap .next{
        right:-5px;
        opacity:0.7;
    }
    .home-slide .slidewrap .prev{
        left:-5px;
        opacity:0.7;
    }
    .home-slide dl{
        width:290px;
    }
    .home-slide .flex_c{
        width:100%;
        margin-left:0;
    }
    
    .slick-prev {
        left: 0 !important;
    }
    
    .slick-next {
        right: 0 !important;
    }
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(315 / 560 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 1211ホールボディぺージ*/
.bodybeauty01 li{
  padding: 5px
}
.bodybeauty01 ul{
padding-bottom: 5px;  
}

.syouzyou{
  display: block;
    font-size: 25px;
    font-weight: bold;
}
.mcn{
  display: flex;
  justify-content: space-around;
}
.item01{
  font-weight: bold;
  text-align: center;
  width: 33%;
  margin: 0 auto;
}
.mcntxt{
  font-size: 18px;
  margin-bottom: 20px;
}
.picup{
  font-weight: bold;
}
.collagen3 .title001 h4{
      padding: 8px 2.78% 8px 2.78%;
}
.collagen3 .title001{
  width: 100%;
}
.menulist .h3001{
  text-align: center;
    background: url(/import/tenant_1/153.126.167.247/html/images/icon_01.png) center bottom no-repeat;
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 15px 0;
    color: #2c1b13;
}

.up-ofi{
  position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.up-ofi img{
      position: absolute;
    top: 0;
    left: 0;
  width: 100%;
    height: 100% !important;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.ofi-00:after{
      content: "";
    display: block;
    padding-top: 80%;
}
.img001{
  width: 70%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.collagen3 .tbox .pd40{
  padding-bottom: 35px;
}
.collagen3 .tbox .pd5{
  padding-bottom: 5px;
}
.pd10 li{
  padding-bottom: 5px;
}
.pic02{
  padding-top: 10px;
}
.beat04{
  padding-bottom: 0;
}
.midashi{
  font-size: 25px;
    font-weight: bold;
}
.befaf01{
 padding-bottom: 0; 
}
.menulist .box01{
  padding-top: 25px;
  padding-bottom: 95px;
}
.img002{
  width: 75% !important;
}
.topimg01{
  margin-bottom: 40px;
}

.w50m {
  width: 50%;
}

@media only screen and (max-width: 599px) {
    .mcn{
      flex-direction: column;
    }
    .item01{
      width: 90%;
      margin-bottom: 40px;
    }
    .img001{
      width: 50%;
    }
    .item001{
      margin-bottom: 0;
    }
    .mcntxt{
      font-size: 20px;
    }
    .img99{
      width: 100%;
    }
    .w50m {
      width: 100%;
    }
    .ivoice1 {
      padding: 30px 0;
    }
    .befaf1 {
      padding: 20px 0;
    }
}

.w506 {
  width: 50%;
  margin: 0 0 0 50px;
}
.pad6 {
    display: flex;
}
.lh2 {
    line-height: 2;
}

@media only screen and (max-width: 599px) { 
  .w506 {
  margin: auto
}
  .pad6 {
    display: block;
}
}

/*2021/12/03*/
.come-pb-5 {
  padding-bottom: 5px;
}

.come-pb-10 {
  padding-bottom: 10px;
}

.come-pb-15 {
  padding-bottom: 15px;
}

.home-nayami li a {
    display: block;
}

.home-menu02 h3 {
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    padding: 0 0 20px 0;
}

.home-menu02 li+li {
    margin-top: 30px;
}

.home-menu02 li:last-of-type .m2 {
    padding-bottom: 0;
}

.home-menu02 li:last-of-type dl {
    padding-bottom: 0;
}

[data-element-id] .home-menu02 .flex_c {
    height: auto;
}

/* 2023/03/15 */

.sns-area{
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 9999;
}

.sns-area .sns-list{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.sns-area .sns-list li:first-of-type{
    width: 50px;
    height: auto;
    margin-bottom: 30%;
}

.sns-area .sns-list li:last-of-type{
    width: 50px;
    height: auto;
}

.sp-snsarea{
 display: none; 
}

@media only screen and (max-width: 599px){
  .sns-area{
    display: block;
    position: fixed;
    left: 30px;
    bottom: 50px;
    z-index: 9999;
  }
  
  .sns-area .sns-list li{
    width: 40px !important;
  }
  
  .sp-snsarea.sns-list{
    display: flex;
    margin: -25px 0 15px;
    justify-content: center;
  }
  

  
  .sns-list.sp-snsarea li:first-of-type{
    width: 40px !important;
    margin-right: 15px !important;
  }
  
    .sp-snsarea.sns-list li:last-of-type{
    width: 40px !important;
    border-top: none !important;
  }
}

   .sp-snsarea{
     display: none !important;
   }
   
/* 2024/10/23 追記 */
.tac{
  text-align: center;
}

.new_subttl{
  padding: 10px;
  background: #ae9a68;
  color: #fff;
  font-size: 18px;
  margin: 20px 0;
}

.thermo2 h4.new_subttl {
  font-size: 18px;
  padding: 10px;
  border-bottom: none;
}

.thermo2 h4.new_subttl .obi {
  background-color: #fff;
  color: #ae9a68;
  font-weight: bold;
  border-radius: 1em;
  padding: 0.25em 0.5em;
  margin-right: 0.5em;
}

.bg-new01{
  background: url(/upload/tenant_1/79c60caf12286a9bfcc570d850b71ad3.jpg) no-repeat;
  background-size: cover; 
}

.nayami1 .box.white {
    background: #fff;
    padding: 40px 3%;
}

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

.new_flexbox .item{
  width: 48%;
}

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

.new_flexbox02 .item{
  width: 33%;
}

.new_flexbox03{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.new_flexbox03 .item{
  width: 20%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 3px solid #ae9a68;
  color: #ae9a68;
  font-size: 1.5em;
  text-align: center;
}

.new_flexbox03 .item::before{
  content: "";
  display: block;
  padding-top: 100%;
}

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

.new_flexbox04 .item01{
  width: 20%;
}

.new_flexbox04 .item02{
  width: 75%;
}

.vlist.new{
  overflow: auto;
  height: auto;
}

.ivoice1 .vlist .box.new {
  padding: 0;
}

.box-inner{
  padding: 20px;
}

.salon3.new .wrap:before {
  z-index: 1;
}

.sp-br{
  display: none;
}

@media(max-width:1024px){
.new_flexbox03 .item{
  font-size: 1em;
}

.nayami1 .box.white .pic {
  display: block;
}
}

@media(max-width:599px) {
.new_flexbox .item{
  width: 100%;
}

.sp-br{
  display: block;
}

.new_flexbox03{
  gap: 10px;
}

.new_flexbox02 .item {
  width: 100%;
}

.new_flexbox03 .item{
  width: 40%;
}
}

/* 2024/10/24 */

.zindex-2{
  z-index: 2;
}

.txt-gradetion{
    font-size: 21px;
    background: linear-gradient(90deg, #8c7537 0%, #634f02 45%, #b39b48 70%, #896d00 85%, #bc7f04 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.txt-gradetion02{
    background: linear-gradient(90deg, #58c6ff 0%, #076ad9 40%, #ff3bef 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 21px;
}

/* 2024/11/05 */
.thermo2.ver02{
  padding: 0;
}

.newmenulist dt{
  width: 60%;
  background-color: #2c1b13;
  color: #fff;
  padding: 1em;
  box-sizing: border-box;
}

.newmenulist dd{
  width: 40%;
  background-color: #fff;
  padding: 1em;
  box-sizing: border-box;
  text-align: right;
}

.price_flexbox{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin-top: 20px;
}

.price_flexbox .item_01{
  width: 60%;
}

.price_flexbox .item_02{
  width: 35%;
}

.price_flexbox dt{
  width: 61.67%;
  background: #a58a67;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 18px 15px 18px;
}

.price_flexbox dd{
  width: 38.33%;
  background: #efe7dd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 18px 15px 18px;
  text-align: right;
}

.cate-wrap{
  display: flex;
  margin: 20px 0;
}

.cate-wrap > div{
  border-radius: 10px;
  background-color: #ae9a68;
  color: #fff;
  padding: 0.5em;
  font-size: 14px;
  margin-right: 0.5em;
}

.cate-wrap.ver02{
  gap: 20px;
}

.cate-wrap.ver02 li{
  width: calc( ( 100% - 100px) / 6 );
  text-align: center;
  background-color: #2c1b13;
  color: #fff;
  padding: 0.5em 0;
  border-radius: 0.5em;
  position: relative;
}

.cate-wrap.ver02 li:before{
  display: block;
  content: "▶";
  color: #2c1b13;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translate(0,-50%);
  font-size: 70%;
}

.cate-wrap.ver02 li:first-child:before{
  content: none;
}

.set_flexbox{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.set_flexbox .item{
  width: 47%;
  position: relative;
}

.set_flexbox .item_02{
  position: relative;
}

.set_flexbox .item_02::before{
  content: "⁺";
  position: absolute;
  top: 50%;
  left: -50px;
  font-size: 5em;
}

.set_flexbox .item_02 .redletter{
  color: red;
}

.set_flexbox .bgc{
  text-align: center;
  padding: 1em;
  background: #ae9a68;
  color: #fff;
  border-radius: 50px 50px 0 0;
}

.set_flexbox .ttl{
  color: #fff;
  font-size: 1.25em;
}

.set_flexbox .price{
  color: #fff;
}

.set_flexbox.ver02 .item > div{
  font-size: 1.25em;
  text-align: center;
}

.set_flexbox.ver02 .item_02::before{
  content: none;
}

.py10{
  padding-top: 10px;
  padding-bottom: 10px;
}

.befaf1 .box.ver02{
    position:relative;
}

.befaf1 .box.ver02:before{
    content:url(/import/tenant_1/153.126.167.247/html/images/thermo/icon_01.png);
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.befaf1 .box.ver02 dl+dl dd:before{
    content:none;
}

.mt10{
  margin-top: 10px;
}

.mt50{
  margin-top: 50px;
}

.round-add{
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: #2c1b13;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-bottom: 10px;
}

.round-add.ver02 {
  margin-left: 0;
  margin-bottom: 0;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 20px;
}

.sale-price{
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 1em;
  line-height: 1;
}

.sale-price.red{
  color: red;
}

.sale-price .pr01{
  display: block;
  width: fit-content;
  margin: 0 0.5em 0 0;
  
}

.sale-price .pr02{
  display: block;
  font-size: 2em;
}

.sale-price .pr02.before{
  text-decoration: line-through;
}

.sale-price.after::before {
    content: "▶";
    position: absolute;
    top: 50%;
    left: -50px;
    color: #2c1b13;
}

.befaf1 .box.ver02 .ttl {
    font-weight: bold;
    font-size: 1.25em;
}

/* .befaf1 .box.ver02 .price {
    font-weight: bold;
    text-align: right;
    text-decoration: underline;
    color: red;
} */

.befaf1 .box.ver02 .price {
    font-weight: bold;
    text-align: right;
    text-decoration: underline;
    color: #b58714;
    font-size: 18px;
}

@media(max-width:1024px){
.cate-wrap > div {
    margin-top: 5px;
}

.set_flexbox .item_02::before {
    left: -40px;
}

.sale-price.after::before {
    left: -40px;
}

.round-add.ver02 {
  width: 60px;
  height: 60px;
  right: 10px;
}
}

@media(max-width:599px) {
.price_flexbox .item_01{
  width: 100%;
  margin-top: 20px;
}

.price_flexbox .item_02{
  width: 100%;
}

.price_flexbox {
  flex-direction: column-reverse;
}

.cate-wrap {
  flex-wrap: wrap;
}

.set_flexbox .item_02::before {
    left: -21px;
    font-size: 3em;
}

.price_flexbox dt{
  width: 40%;
}

.price_flexbox dd{
  width: 60%;
}

.cate-wrap.ver02{
  gap: 10px;
}

.cate-wrap.ver02 li{
  width: calc( ( 100% - 50px ) / 6 );
}

.cate-wrap.ver02 li:before{
  left: -9px;
  font-size: 50%;
}

.sale-price .pr02{
  font-size: 16px;
}

.sale-price.after::before {
  left: -20px;
}

.thermo2 h4.new_subttl .obi {
  padding: 0.1em 0.5em;
}

.round-add.ver02 {
  width: 45px;
  height: 45px;
  top: -20px;
  right: 0;
  font-size: 10px;
  background-color: rgb(44 27 19 / 70%);
}

.sale-price .pr01{
  font-size: 10px;
}

.sale-price .pr01{
  font-size: 10px;
}
}

/* 2024/11/11 */

.quote-txt{
  margin-top: 30px;
  color: gray;
}

@media screen and (max-width:599px) {
 .box-inner .comment{
   font-size: 13px;
 }
 
 .item .fz-12-sp{
   font-size: 12px;
 }
 
  .item .mt-10{
   margin-top: 10px;
 }
 
 .pha-page .salon3 .wrap:before{
  left: 9%;
 }
 
 .pha-page .salon3 .wrap .st .w{
  top: 56%;
 }
 
  .pha-page .salon3 .wrap .right .txt {
    padding: 20px 0 10px 10px;
}
}


/**2025/03/21**/
.map-box {
  display: flex;
  width: 95%;
  max-width: 1078px;
  margin:0 auto 20px;
  
}
.map-box #map {
  width: 66%;
  margin: auto;
  height: 580px;
}
.map-box .video {
  width: 30%;
  margin: auto;
}
.map-box .video video {
  width: 100%;
}
.map-box #map.a-map iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px){
  .map-box #map {
    height: 500px;
  }
}

@media (max-width: 820px){
  .map-box #map {
    height: 400px;
  }
}

@media (max-width: 599px){
  .map-box {
    display: block;
  }
  .map-box #map {
    height: 300px;
    width: 100%;
    margin-bottom: 10px;
  }
  .map-box .video {
    width: 100%;
  }
}



/* 2025.05.28 */

.voice-box{
  display: flex;
  justify-content: space-between;
}

.voice03-box{
  width: 33%;
  padding: 0 15px;
}

.voice-box div img{
  width: 100%;
}

.kuchikomi{
  margin-top: 5rem;
}

.vioce-03img{
  margin-bottom: 10px;
}

.voice-p01{
  text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #552507;
}

.voice-p02{
  text-align: center;
    margin-top: 5px;
}


@media (max-width: 599px){
.voice-box {
    display: block;
}

.voice03-box {
    width: 100%;
    padding: 0;
    margin-bottom: 3rem;
}



}