@charset "UTF-8";
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.logo01 { margin: 0 0 10px; text-align: center; }

.common__ttl { text-align: center; margin: 0 0 50px; }

body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; color: #333; background-color: #FFF; font-size: 14px; line-height: 1.7; }

a { text-decoration: none; }

.contentswrap { width: 1200px; margin: 0 auto; background: url(../img/dot01.png); }

.otherwrap { padding: 120px 20px 0; }

/*ぱんくず*/
.breadcrumb { margin: 0 0 20px; text-align: left; }
.breadcrumb li { display: inline-block; line-height: 1; }
.breadcrumb li:last-child { font-weight: bold; }
.breadcrumb li a { position: relative; color: #333; padding: 0 20px 0 0; }
.breadcrumb li a:after { content: '>'; color: #999; display: block; position: absolute; top: 0; right: 0; -webkit-transform: scaleX(0.6); -ms-transform: scaleX(0.6); transform: scaleX(0.6); font-size: 1.4em; }

.menu { width: 100%; position: fixed; top: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 100; }
.menu .logo { float: left; }
.menu .logo img { width: 80%; height: auto; }
.menu nav { padding: 8px 30px; float: left; }
.menu .menu__lead { color: #e4004a; font-weight: bold; }
.menu li { display: inline-block; margin: 10px; line-height: 1; font-size: 1.4em; }
.menu li:first-child { margin: 10px 10px 10px 0; }
.menu li a { color: #333; text-decoration: none; font-weight: bold; }
.menu li a:hover { text-decoration: underline; }

#mailbtnarea { position: fixed; z-index: 100; right: 0; top: 105px; }
#mailbtnarea .btn { margin: 0 0 20px; }
#mailbtnarea .btn:hover { opacity: 0.8; }

@media screen and (max-width: 1120px) { #mailbtnarea { display: none; } }
.logo { text-align: center; }

.main { background: url(../img/main.png) no-repeat; padding: 805px 0 0; width: 1200px; text-align: center; }
.main .lead { color: #6a3906; font-size: 1.8em; font-weight: bold; margin: 0 0 1em; }
.main .lead span { color: #da414e; }

#point01 { background: url(../img/point01_bg.png) no-repeat; padding: 126px 0 0 115px; height: 837px; }
#point01 .point_text { color: #fff; margin: 10px 0; padding: 20px; background-color: rgba(211, 21, 119, 0.3); font-size: 1.4em; }
#point01 .text01 { width: 520px; }
#point01 .text02 { width: 790px; }

#slide { background: url(../img/point01_bg02.png) top no-repeat, url(../img/dot02.png); padding: 150px 0 0; }
#slide .slide_ttl { margin: 0 0 0 110px; }

#menu { background: #f5f2e8; text-align: center; color: #6a3906; }
#menu .menu_rf { float: right; margin: 0 0 0 20px; }
#menu .rfbox { padding: 0 140px; }
#menu .rf_ttl { font-size: 1.6em; margin: 0 0 0 36px; font-weight: bold; text-align: left; }
#menu .rf_text { text-align: left; font-size: 1.4em; margin: 0 0 0 36px; }
#menu .campaign_ttl { clear: both; margin: 84px 0 0; }
#menu .bnr { margin: 0 0 40px; }

#point02 { background: #fff; font-size: 1.4em; padding: 98px 98px 0; }
#point02 .pointbox { float: left; width: 530px; margin: 0 25px 0 0; }
#point02 .text { margin: 15px 0 20px; }
#point02 .point_subttl { color: #da414e; font-size: 1.6em; font-weight: bold; }
#point02 .cap { margin: 0 0 10px; }

#movie { text-align: center; font-size: 1.4em; color: #6a3906; }
#movie .movie__text { margin: 0 0 20px; }

#point03 { background: url(../img/point03_bg.png) top no-repeat; padding: 230px 120px; text-align: left; color: #333; }
#point03:after { clear: both; content: ""; display: block; }
#point03 .text { margin: 0 0 78px 18px; }
#point03 .text span { color: #da414e; }
#point03 .metatronbox01 { float: left; width: 344px; margin: 0 0 0 18px; }
#point03 .metatronbox02 { float: right; width: 500px; margin: 20px 0 0; }
#point03 .metatronbox02 .ttl { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif; color: #6a3906; font-size: 1.2em; text-align: center; }
#point03 .metatronbox02 .metatron_linkbtn { display: block; width: 523px; color: #333; background: url(../img/metatronbox02_bg.png) no-repeat; font-size: .7em; line-height: 1.8em; padding: 50px 235px 50px 24px; }

#facial { padding: 30px 120px; font-size: 1.6em; }
#facial .facial_subttl { margin: 0 0 30px; }
#facial .facial_flowttl { margin: 0 0 38px 15px; }
#facial .flowbox { margin: 20px; }
#facial .flowbox .flowttl { margin: 0 0 10px; }
#facial .flowbox .flowtext { margin: 0 20px 30px; }
#facial .flowbox .flowtext span { color: #da414e; }
#facial .flowbox .flow02 { background: url(../img/facial_step02_bg.png) no-repeat bottom right; }
#facial .flowbox .flow04 { background: url(../img/facial_step04_bg.png) no-repeat bottom right; }
#facial .flowbox .item_ttl { color: #da414e; font-size: 1.1em; margin: 0 20px; }
#facial .flowbox .faical__text { margin: 0 20px 20px; }

#step { background: url(../img/step_bg.png) no-repeat; min-height: 1916px; padding: 120px 130px; color: #fff; }
#step .step_mainttl { text-align: center; margin: 0 0 20px; }
#step .textbox { width: 458px; }
#step .textbox .step__ttl { font-size: 2.3em; }
#step .textbox .step__subttl { font-size: 2.3em; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif; line-height: 1.2; }
#step .textbox .step__text { font-size: 1.2em; }
#step .box01 { vertical-align: top; margin: 0 0 70px; }
#step .box01:after { clear: both; content: ""; display: block; }
#step .box01 .cap { float: right; margin: 0  80px 0 20px; }
#step .box01 .textbox { float: left; }
#step .box02 { margin: 0 0 70px; }
#step .box02:after { clear: both; content: ""; display: block; }
#step .box02 .cap { float: left; margin: 0  20px 0 80px; }
#step .box02 .textbox { float: right; }

#qa { background: #fff; padding: 100px 0; }
#qa .question__ttl { text-align: center; font-size: 3em; }
#qa .question__ttl span { color: #da414e; }
#qa .question__list { padding: 0 0 20px; }
#qa .question__list .question__subttl { color: #6A3906; font-size: 2.5em; line-height: 1.4; background: url(../img/question_bartop.png) top right no-repeat, url(../img/question_barbottom.png) bottom left no-repeat; padding: 50px 0; margin: 40px 0 20px; }
#qa .question__list .question__subttl span { display: block; background: url(../img/question_iconq.png) no-repeat; padding: 10px 0 10px 120px; margin: 0 120px; }
#qa .question__list .question__text { font-size: 1.7em; color: #EA5457; background: url(../img/question_icona.png) no-repeat; padding: 5px 0 5px 120px; margin: 0 120px; font-weight: bold; }
#qa .question__list .attention { background: url(../img/question_attention.png) no-repeat 10px #EF8279; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1.2em; padding: 20px 20px 20px 100px; margin: 0 120px 0 240px; color: #fff; }

#shop { background: url(../img/dot03.png); }
#shop .shop__ttl { text-align: center; margin: 0 0 10px; }
#shop .shop__box { margin: 0 auto 100px; width: 940px; }
#shop .shop__box:after { clear: both; content: ""; display: block; }
#shop .shop__box .shopname { color: #ea5357; font-size: 2.2em; }
#shop .shop__box .shop_data { border: 1px solid #988b79; width: 500px; margin: 0 0 10px; }
#shop .shop__box .shop_data tr { border: 1px solid #988b79; }
#shop .shop__box .shop_data th { background: #eae3d0; border-right: 1px solid #988b79; padding: 10px; text-align: left; }
#shop .shop__box .shop_data td { padding: 10px; }
#shop .shop_btn { background: #ea5357; display: block; color: #fff; padding: 10px; font-size: 2em; text-align: center; font-weight: bold; width: 500px; }
#shop .shop__map { float: right; }

#room { background: url(../img/room_bgtop.png) top no-repeat, url(../img/room_bgbottom.png) bottom no-repeat, #41210f; text-align: center; padding: 60px 0; margin: 0 0 115px; }
#room .room__ttl { margin: 0 0 15px; }

#message { background: url(../img/massage_bg.png) no-repeat; min-height: 1213px; padding: 230px 165px; color: #fff; text-align: center; }
#message .message__text { font-size: 1.8em; font-weight: bold; margin: 0 0 20px; }

/*campaignpage*/
#campaignpage { color: #fff; text-align: center; background-color: #00a29a; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00A29A', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTI5YSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a29a), color-stop(70%, #ffffff)); background-image: -moz-linear-gradient(top, #00a29a 0%, #ffffff 70%); background-image: -webkit-linear-gradient(top, #00a29a 0%, #ffffff 70%); background-image: linear-gradient(to bottom, #00a29a 0%, #ffffff 70%); }
#campaignpage .breadcrumb li a { color: #fff; }
#campaignpage .breadcrumb li a:after { color: #fff; }
#campaignpage .campaign__box { border: 5px solid #fff; width: 800px; text-align: center; padding: 40px 0; margin: 0 auto; }

#campaignpage02 { color: #fff; text-align: center; background-color: #ea5457; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEA5457', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNTQ1NyIvPjxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ea5457), color-stop(83%, #ffffff)); background-image: -moz-linear-gradient(top, #ea5457 0%, #ffffff 83%); background-image: -webkit-linear-gradient(top, #ea5457 0%, #ffffff 83%); background-image: linear-gradient(to bottom, #ea5457 0%, #ffffff 83%); }
#campaignpage02 .breadcrumb li a { color: #fff; }
#campaignpage02 .breadcrumb li a:after { color: #fff; }
#campaignpage02 .campaign__box { border: 5px solid #fff; width: 800px; text-align: center; padding: 40px 0; margin: 0 auto; }

/*商品一覧*/
#mt { background: url(../img/mt/mt_bg.png) no-repeat top center; }
#mt .mtbox { width: 980px; margin: 0 auto; }
#mt .mtbox .mt_ttl { margin: 0 0 20px; }
#mt .mtbox .mt_text { width: 550px; margin: 0 0 90px; }
#mt .mtbox .mt_lead { color: #6A3906; text-align: center; font-size: 1.4em; margin: 28px 0 0; }
#mt .mtbox .point_list { margin: 30px 0 50px; }
#mt .mtbox .point_list li { display: inline-block; width: 196px; margin: 0 22px 10px; text-align: center; vertical-align: top; }
#mt .mtbox .point_list li span { color: #6a3906; font-size: 1.4em; margin: 10px 0; display: block; }
#mt .mtbox .lineup_ttl { color: #fff; text-align: center; background-color: #010449; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF010449', endColorstr='#FF0E69B4'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMDQ0OSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMTAyNTdmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGU2OWI0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #010449), color-stop(50%, #10257f), color-stop(100%, #0e69b4)); background-image: -moz-linear-gradient(top, #010449 0%, #10257f 50%, #0e69b4 100%); background-image: -webkit-linear-gradient(top, #010449 0%, #10257f 50%, #0e69b4 100%); background-image: linear-gradient(to bottom, #010449 0%, #10257f 50%, #0e69b4 100%); padding: 5px; margin: 50px 0 35px; font-size: 1.5em; }
#mt .mtbox .lineup_subttl { text-align: center; margin: 0 0 25px; }
#mt .mtbox .product_list:after { clear: both; content: ""; display: block; }
#mt .mtbox .product_list li { text-align: center; float: left; width: 222px; margin: 0 30px 20px 0; line-height: 1.2; vertical-align: top; }
#mt .mtbox .product_list li:last-child { margin: 0 0 20px; }
#mt .mtbox .product_list li .product_photo { width: 216px; height: 216px; }
#mt .mtbox .product_list li .name { background: #F5F2E9; padding: 10px; font-weight: bold; margin: 5px 0; }
#mt .mtbox .product_list li .price { margin: 10px 0; }
#mt .mtbox .product_list li .price span { color: #DA414E; }
#mt .mtbox .product_list li .product_point { font-size: .9em; border: 1px solid #7F4F21; color: #7F4F21; padding: 5px; margin: 0 0 5px; }
#mt .mtbox .product_list li .product_icon { text-align: left; }
#mt .mtbox .product_list li .product_icon img { width: 24%; height: auto; }

/*会社概要*/
#company { background: url(../img/company_bg.png) no-repeat top center; text-align: center; }
#company .company__data { width: 775px; margin: 0 auto; font-size: 1.5em; }
#company .company__data dt { background-color: rgba(243, 239, 229, 0.8); border-top: 1px solid #634839; border-bottom: 1px solid #634839; padding: 7px; font-weight: normal; }
#company .company__data dd { padding: 15px; }

/*お問い合わせページ*/
#contact { background: url(../img/contact_bg.jpg); background-size: 1200px auto; width: 1200px; margin: 0 auto; color: #fff; }
#contact .breadcrumb li a { color: #fff; }
#contact .breadcrumb li a:after { color: #fff; }

#mailform { font-size: 1.2em; }
#mailform .subttl { color: #004e84; font-size: 2.2em; border-left: 7px solid #004e84; line-height: 1.2; padding: 0 0 0 0.5em; margin: 0 0 30px; }
#mailform .step { text-align: center; margin: 0 0 28px; }
#mailform .mailtext { font-size: 1.2em; margin: 10px 28px 30px; color: #ba1e20; text-align: center; padding: 0 0 0 28px; font-weight: bold; }
#mailform .formbox { width: 900px; margin: 0 auto; }
#mailform .formbox th { vertical-align: middle; text-align: left; padding: 0 20px; width: 280px; }
#mailform .formbox td { padding: 20px; }
#mailform .formbox input, #mailform .formbox textarea { background-color: transparent; border: solid 1px #ccc; padding: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#mailform .formbox input:focus, #mailform .formbox textarea:focus { border: solid 1px #EEA34A; background-color: transparent; }
#mailform .formbox label { padding: 0 10px 0 0; }
#mailform .formbox select { padding: 5px; background-color: transparent; }
#mailform .formbox .mustico { background: #E5004A; padding: 3px; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: .8em; float: right; }
#mailform .formbox .arbitraryico { background: #666666; padding: 3px; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: .8em; float: right; }
#mailform .formbox .sample { font-size: 0.9em; }
#mailform .formbox .inputtext { width: 300px; margin: 0 10px 0 0; }
#mailform .formbox .inputtext2 { width: 450px; margin: 0 10px 0 0; }
#mailform .formbox .block { ime-mode: disabled; }
#mailform .formbox textarea { width: 530px; }
#mailform .formbox .text_error { display: none; color: #E5004A; }
#mailform .formbox .mail_btnarea { width: 868px; margin: 0 auto; }
#mailform .btnarea .type2 { display: inline-block; *display: inline; *zoom: 1; }
#mailform .btnarea .btn_back { padding: 0 35px 0 150px; }
#mailform .btnarea .btn_next { text-align: center; padding: 30px 0 0; }
#mailform .btnarea .btn_next input:hover { opacity: 0.7; }
#mailform .thanks_ttl { color: #fff; font-size: 2em; margin: 0 0 50px; text-align: center; }
#mailform .thanks_text { padding: 0 0 28px; text-align: center; }
#mailform .tel_ttl { font-size: 1.6em; margin: 28px 0 0; }
#mailform .thanks_btn { text-align: center; padding: 56px 0 0; }

.policy { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 225px; margin: 14px auto; overflow: auto; padding: 28px; width: 800px; }
.policy .text { padding: 0 0 10px; }

footer { text-align: center; background: #402210; width: 1200px; margin: 0 auto; color: #fff; }
footer nav { padding: 15px 30px; }
footer nav li { display: inline-block; margin: 10px; }
footer nav li:first-child { margin: 10px 10px 10px 0; }
footer nav li a { color: #fff; text-decoration: none; font-weight: bold; }
footer nav li a:hover { text-decoration: underline; }