@charset "UTF-8";
@media screen and (max-width: 736px) { body { min-width: 100%; font-size: 1.4rem; -webkit-text-size-adjust: 100%; }
img { max-width: 100%; }

/* option */
.inner { width: 100%; }
.container { padding-top: 65px; overflow: hidden; }
.pc, .header { display: none; }
.sp, .sp-header { display: block; }

/* midashi */
.midashi01 { margin: 0 auto 30px; }
.midashi01:before { margin-right: 10px; }
.midashi01:after { margin-left: 10px; }
.midashi01 .en { margin-bottom: 2px; font-size: 3rem; letter-spacing: 3px; }
.midashi01 .jp { font-size: 1.2rem; bottom: -10px; }

.midashi02 { min-width: auto; min-width: 100%; -moz-transform: translate(-50%, -65%); -ms-transform: translate(-50%, -65%); -webkit-transform: translate(-50%, -65%); transform: translate(-50%, -65%); }
.midashi02 .jp { margin-bottom: 6px; font-size: 28px; }
.midashi02 .en { font-size: 1.4rem; }


.main-content .midashi03  {background-size:5%;padding-left:30px;padding-bottom: 4%;margin-bottom:4%;margin-top: 0;}
.main-content .midashi03 p {padding-top: 8px;font-size: 5vw;line-height: 1.2;margin-bottom: 0;}
.main-content midashi03 p b { font-size:60%; }

.midashi05 {background-size: 100%;background-size: cover;height: inherit;margin:0 auto 3%;text-align:center;color:#fff;font-size: 5vw;font-weight:bold;padding:14px 0;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-feature-settings : "palt";letter-spacing: 2px;}

.square_btn { width:100%; }


/* header ----------------------------------------------- */
.sp-header { width: 100%; height: 65px; background: #fff; border-top: 4px solid #a27f4b; z-index: 9998; position: fixed; top: 0; transform: translate3d(0, 0, 0); }
.header-logo { width: 130px; margin: 12px 0 0 12px; z-index: 9999; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.header-tel { width: 40px; position: absolute; top: 8px; right: 108px; }
.header-mail { width: 40px; position: absolute; top: 10px; right: 60px; }
.header-tel_lp { width: 40px; position: absolute; top: 8px; right: 65px; }
.header-mail_lp { width: 40px; position: absolute; top: 10px; right: 15px; }

.sp-header-button { width: 40px; padding: 5px 5px 14px; background: url(../images/sp-header-button.png) no-repeat bottom left 5px; background-size: 30px; z-index: 9999; position: absolute; top: 10px; right: 12px; }
.sp-header-button .line { width: 100%; height: 2px; background: #000; display: block; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; }
.sp-header-button .line-middle { margin: 7px 0; top: 26px; }
.sp-header-button.close-btn .line-top { -webkit-transform: translate3d(0, 9px, 0) rotate(45deg); transform: translate3d(0, 9px, 0) rotate(45deg); }
.sp-header-button.close-btn .line-middle { opacity: 0; }
.sp-header-button.close-btn .line-bottom { -webkit-transform: translate3d(0, -9px, 0) rotate(-45deg); transform: translate3d(0, -9px, 0) rotate(-45deg); }
.sp-navi { width: 100%; height: 0; z-index: 9996; position: fixed; top: 61px; visibility: hidden; opacity: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.sp-navi.active { visibility: visible; opacity: 1; }
.sp-navi .mask { position: fixed; width: 100%; height: 100vh; padding-bottom: 5px; background: #fff; top: 56px; left: 0; right: 0; bottom: 0; z-index: -1; }
.sp-navi-inner { width: 100%; height: 100vh; padding-bottom: 65px; position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; }
.sp-navi-items { width: 100%; margin-bottom: 20px; background: #fff; border-top: 1px solid #f2f2f2; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.sp-navi-items li { width: 50%; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; position: relative; }
.sp-navi-items li:after { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translate(2px, -50%); -ms-transform: translate(2px, -50%); -webkit-transform: translate(2px, -50%); transform: translate(2px, -50%); }
.sp-navi-items li:nth-child(1) .jp:before { content: '\f015'; }
.sp-navi-items li:nth-child(2) .jp:before { content: '\f06b'; }
.sp-navi-items li:nth-child(3) .jp:before { content: '\f02d'; }
.sp-navi-items li:nth-child(4) .jp:before { content: '\f004'; }
.sp-navi-items li:nth-child(5) .jp:before { content: '\f086'; }
.sp-navi-items li:nth-child(6) .jp:before { content: '\f007'; }
.sp-navi-items li:nth-child(7) .jp:before { content: '\f041'; }
.sp-navi-items li.sp-navi-subitem { width: 100%; min-height: 55px; }
.sp-navi-items li.sp-navi-subitem:after { content: "\f067"; color: #545454; font-size: 1.4rem; font-family: FontAwesome; position: absolute; top: 30px; right: 10px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
.sp-navi-items li.sp-navi-subitem.active:after { content: "\f068"; }
.sp-navi-items li.sp-navi-subitem ul { margin-bottom: -1px; font-size: 0; display: none; background: #f2f2f2; border-top: 1px solid #eee; }
.sp-navi-items li.sp-navi-subitem li { width: 50%; font-size: 1.2rem; display: inline-block; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.sp-navi-items li.sp-navi-subitem li a { height: 40px; padding: 15px; }
.sp-navi-items li a { height: 100%; display: block; }
.sp-navi-items .link, .sp-navi-items .no-link { height: 55px; padding-top: 16px; padding-left: 30px; position: relative; }
.sp-navi-items .link .jp, .sp-navi-items .no-link .jp { margin-bottom: 2px; position: relative; }
.sp-navi-items .link .jp:before, .sp-navi-items .no-link .jp:before { color: #a2804b; font-size: 2rem; font-family: FontAwesome; position: absolute; top: -4px; left: -22px; }
.sp-navi-items .jp { font-size: 1.2rem; display: block; }
.sp-navi-items .en { color: #a2804b; font-size: 1rem; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-indent: 2px; display: block; }
.sp-navi-pickup { width: 90%; margin: 0 auto 20px; }
.sp-navi-pickup-title { padding: 8px 0 6px; margin-bottom: 10px; color: #fff; font-size: 1.6rem; font-weight:bold; font-family: "Cinzel"; text-align: center; background:  #a27f4b; }
.sp-navi-pickup-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.sp-navi-pickup-items li { width: 48%; }
.sp-navi-contact-items { margin-bottom: 20px; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.sp-navi-contact-items li { width: 280px; margin: 0 5px; }
.sp-navi-contact-items a { padding: 12px 0; color: #fff; font-size: 1rem; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.sp-navi-contact-items a:after { content: '\f105'; margin-left: 4px; font-family: FontAwesome; }
.sp-navi-contact-salon a { background: #000; }
.sp-navi-contact-salon a:before { content: '\f059'; margin-right: 4px; font-family: FontAwesome; }
.sp-navi-contact-mail a { background: #7cb5e6; font-size:16px; font-weight:bold; }
.sp-navi-contact-mail a:before { content: '\f0e0'; margin-right: 4px; font-family: FontAwesome; }
.sp-navi-social-items { margin-bottom: 80px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-justify-content: center; justify-content: center; }
.sp-navi-social-items li { width: 30px; margin: 0 6px; }

/* hero ----------------------------------------------- */
.hero .hero-image { min-width: 100%; }
.hero-top { margin-bottom: 20px; }
.hero-top .bx-wrapper .bx-default-pager a { width: 9px; height: 9px; margin: 0 2px; }
.hero-top .bx-pager { left: 5%; bottom: 8px; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.hero-text { width: 100%; }
.hero-text img { width: 100%; }

/* bread ----------------------------------------------- */
.breadcrumb { margin: 0 0 20px; }
.breadcrumb-items { padding: 0 5%; font-size: 1rem; }
.breadcrumb-items li:after { margin: 0 4px; }
.breadcrumb-home { padding-left: 16px; }
.breadcrumb-home i { font-size: 1.4rem; top: -1px; }

/* footer ----------------------------------------------- */
.js-pagetop { width: 55px; z-index: 9989; position: fixed; top: auto; left: auto; bottom: 10px; right: 4%; -moz-transition: 0; -o-transition: 0; -webkit-transition: 0; transition: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.footer-content { padding-top: 30px; }
.footer-logo { width: 180px; margin: 0 auto 20px; }
.footer-tel { font-size: 3.8rem; }
.footer-tel span { font-size: 2.4rem; }
.footer-open { font-size: 1.2rem; }
.footer-mail { width: 280px; height: 50px; padding-top: 17px; margin-bottom: 20px; font-size: 1.8rem; }
.footer-hp { width: 280px; height: 50px; padding-top: 17px; margin-bottom: 20px; font-size: 1.8rem; }
.footer-address { margin-bottom: 10px; font-size: 1.2rem; }

.footer-route-items { width: 300px; margin: 0 auto 20px; }
.footer-route-items li { width: 142px; margin: 0 4px; }

.footer-navi { width: 95%; padding: 0; margin: 0 auto 20px; }
.footer-navi-items { width: 100%; padding: 0; margin: 0 auto; border-right: none; display: block; }
.footer-navi-items:first-child { border-left: none; }
.footer-navi-items li { width: 100%; margin: 0; font-size: 1.6rem; border-bottom: 1px dashed #ccc; position: relative; }
.footer-navi-items li a { padding: 14px 10px 10px; margin: 0; display: block; }
.footer-navi-items li a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 12px; right: 10px; }
.footer-navi-items li ul { margin-bottom: -1px; border-top: 1px dashed #ccc; display: none; }
.footer-navi-items li ul li { margin: 0; }
.footer-navi-items li ul li:before { display: none; }
.footer-navi-button { padding: 14px 10px 10px; display: block; }
.footer-navi-button:before { content: "\f067"; font-family: FontAwesome; position: absolute; top: 14px; right: 8px; }
.footer-navi-button.active:before { content: "\f068"; }
.footer-social-items { margin-bottom: 20px; }
.footer-subnavi-items { margin-bottom: 20px; font-size: 1rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-justify-content: center; justify-content: center; }
.footer-subnavi-items li:before { content: '|'; margin: 0 5px; }
.footer-subnavi-items li:first-child:before { display: none; }
.footer-subnavi-items li a { display: inline-block; }
.footer-social-items { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-justify-content: center; justify-content: center; }
.footer-social-items li { width: 30px; margin: 0 6px; }


/* top
----------------------------------------------- */
.top-button { width: 260px; }

.top-campaign { padding: 30px 0; margin-bottom: 30px; overflow: hidden; background-size: cover; }
.top-campaign .midashi01 { width: 90%; }
.top-campaign .bx-viewport { margin-bottom: 20px; background: transparent !important; border: 0; overflow: visible !important; }
.top-campaign .bx-prev { left: -25px; }
.top-campaign .bx-next { right: -25px; }
img.top_cam_ttl{ margin:0 auto 4%; width:80%;}

.top-menu { width: 90%; margin: 0 auto 10px; }
.top-menu-items { margin: 0; }
.top-menu-items li { width: 100%; margin-bottom: 20px; }
.top-menu-image { margin-bottom: 10px; }
.top-menu-text p { font-size: 1.2rem; }
.top-greeting { padding: 30px 0; margin-bottom: 30px; background-size: cover; }
.top-greeting-title { margin-bottom: 20px; font-size: 2.5rem; }
.top-greeting-items { width: 80%; margin: 0 auto 10px; -webkit-justify-content: space-between; justify-content: space-between; }
.top-greeting-items li { width: 48%; margin: 0 0 10px; }
.top-greeting-text { width: 90%; margin: auto; }
.top-greeting-text h3 { margin-bottom: 10px; font-size: 2rem; }
.top-greeting-text p { text-align: justify; text-justify: inter-ideograph; }
.top-greeting-text p br { display: none; }
.top-achievement { margin-bottom: 30px; }
.top-achievement .midashi01 { width: 90%; }
.top-achievement .bx-viewport { margin-bottom: 20px; }

.top-voice { width: 90%; margin: 0 auto 40px; }
.top-voice .bx-wrapper { width: 90%; }
.top-voice .bx-viewport { margin-bottom: 20px; }
.top-voice .bx-prev, .top-beforeafter .bx-next { width: 14px; height: 28px; margin-top: 0; background-size: contain; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.top-voice .bx-prev { left: -50px; }
.top-voice .bx-next { right: -50px; }

.top_salon { padding:8% 8% 4%; margin:0 auto 7%; }
.top_salon dl { float:none; margin:0 auto; width:100%;}
.top_salon dl dt {  font-size:20px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.top_salon dl dd { line-height:1.5; margin-bottom:20px;}
.top_salon .top-salon-more { margin:0 auto 10%; width: 100%; height: 40px; padding-top: 15px; }
.top_salon .mapbox{float:none;width:100%}
.top_salon .map{ float:none; width:100%; margin-right:40px; height:280px; border:1px solid #DCDCDC;}
.top_salon_l{ width:100%; float:none; margin:0 auto 4%;}
.top_salon_r{ width:100%; float:none; margin:0 auto 4%;}

.route { width: 100%; margin: 4% auto; }
.route li { width: 47%; margin: 0 4px; }

.top_qa { margin:0 auto 8%;  padding: 0 6%; }

.top-staff { width: 90%; margin: 0 auto 30px; overflow: hidden; }
.top-staff-items { width: 100%; margin-bottom: 20px; }
.top-staff-items li { width: 30%; }
.top-staff li dl dt { font-size:14px; }
.top-staff li dl dd { font-size:14px; }

.top-pickup { padding: 30px 0 10px; border-top: 3px solid #000; }
.top-pickup-title { margin-bottom: 30px; font-size: 3rem; }
.top-pickup-title .jp { font-size: 1.2rem; }
.top-pickup-items { width: 90%; margin: 0 auto; }
.top-pickup-items li { width: 45%; margin: 0 auto 20px; }
.top-pickup-items li img { margin-bottom: 10px; }
.top-pickup-items li p { font-size: 1.2rem; text-align:justify; text-justify:auto;}

.top-social { margin-bottom: 0; }
.top-social-items li { width: 90%; margin:0 auto 4%; }
.top-social-title { padding: 6px 0; }
.top-social-title .en { margin-right: 5px; font-size: 2.4rem; }
.top-social-title .jp { font-size: 1.2rem; }
.top-social-infomation .top-social-title { padding-left: 35px; background-size: 28px; }
.top-social-blog .top-social-title { padding-left: 36px; background-size: 30px; }
.top-social-instagram .top-social-title { padding-left: 38px; background-size: 30px; }
.inbox {background-color:#fff; min-height: inherit; }

.top-infomation-title, .top-blog-title { padding-left: 40px; padding-bottom: 8px; border-bottom: 3px solid; }
.top-infomation-title:before, .top-infomation-title:before, .top-blog-title:before, .top-blog-title:before { font-size: 3.5rem; }
.top-infomation-title .en, .top-blog-title .en { font-size: 2.4rem; }
.top-infomation-title .jp, .top-blog-title .jp { font-size: 1.2rem; }

.info li{ margin-bottom: 10px; }
.info li dt{ display: block; padding-top: 10px;}
.info li time{ margin-right: 10px; color: #c69b3c; font-size: 14px;}
.info li time:before{ content: "▶"; color:#c69b3c; margin-right: 3px; display:inline;}
.info li dd { font-size: 14px; line-height: 1.8; }
.info li dd a{ color:#c69b3c; text-decoration:underline; display:inline;}
.info li dd b{ font-weight:bold; color:#c69b3c;}
.info li dd span{color:#c69b3c; }
.info li:last-child{ margin-bottom:none; }

#instafeed {width:100%; margin:0 auto 25px; text-align:center;}
#instafeed li { width:30%; display:inline-block; min-height:inherit; vertical-align:top; margin-bottom: 3%;}
#instafeed li img { height: 100px; width: auto; margin: 0 auto 2%;}
#instafeed li p{font-size: 3vw;}	

/* second
----------------------------------------------- */
.main-content {width: 100%;padding: 4%;min-height: 200px;margin: auto;}
.main-content p { margin-bottom: 15px; }
.main-content-inner { padding: 0; } 


/* first
----------------------------------------------- */

/* menu
----------------------------------------------- */
.menubox{ margin:0 auto 10%;}

.menu_btn { margin:0 auto 4%; width:100%;  }
.menu_btn li { display:inline-block; margin-right:1%; margin-bottom:8px; width:48% }
.menu_btn li:nth-child(3n) { margin-right:1%;}
.menu_btn li:nth-child(even) { margin-right:0;}

.menu_list { width:100%; margin:0 auto 4%;}
.menu_list li { margin-bottom:10%; padding-bottom:6%;}
.menu_list li img{ float:none; margin:0 auto 3%; width:80%;}
.menu_list li .box_r{ float:none; width:100%; margin: 0 auto; padding:0 2%;}
.menu_list li .box_r dl { margin-bottom:4%; text-align:center; line-height:1.2;}
.menu_list li .box_r dl dd { text-align:left;}

.menu_list .pricebox .time { float:left; width:34%;  margin:0 auto 1%; display:block; font-size:12px; text-align:center; line-height:1; margin-right:5px;}
.menu_list .pricebox .time span { display:block; font-weight:bold; border:1px solid #666; padding:4px; background:#666; color:#fff; }
.menu_list .pricebox .time b { display:block; font-weight:bold;padding:3px 12px; border:1px solid #666; }
.menu_list .pricebox .price { float:left; margin:0 auto; display:block; text-align:center;}
.menu_list .pricebox .price p { padding:6px 6px 0; font-size:32px; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; font-weight: bold; font-feature-settings : "palt"; line-height:0;}
.menu_list .pricebox .price p span { font-size:20px; display:inline-block; text-align:center; line-height:1;}
.menu_list .pricebox .price p span b { font-size:45%; display:block; text-align:center;}

.menu_list .pricebox_cam .time { float:left; width:34%; margin:0 auto 4%; display:block;  font-size:12px; text-align:center; line-height:1; margin-right:5px;}
.menu_list .pricebox_cam .time span { display:block;font-weight:bold; padding:4px; }
.menu_list .pricebox_cam .time b {display:block; font-weight:bold; padding:3px 12px;  }
.menu_list .pricebox_cam .price { float:left;  margin:0 auto; display:block; text-align:center;}
.menu_list .pricebox_cam .price p { padding:6px 6px 0; font-size:32px; line-height:0;}
.menu_list .pricebox_cam .price p span { font-size:20px; display:inline-block; text-align:center; line-height:1;}
.menu_list .pricebox_cam .price p span b { font-size:45%; display:block; text-align:center;}

.menu_list .pricebox_cam:before { padding-left:13%; margin:0 0 1% ; display:block;}


.menu_list .pricebox_cam_extension .time { float:left; width:34%; margin:0 auto 4%; display:block;  font-size:12px; text-align:center; line-height:1; margin-right:5px;}
.menu_list .pricebox_cam_extension .time span { display:block;font-weight:bold; padding:4px; }
.menu_list .pricebox_cam_extension .time b {display:block; font-weight:bold; padding:3px 12px;  }
.menu_list .pricebox_cam_extension .price { float:left;  margin:0 auto; display:block; text-align:center;}
.menu_list .pricebox_cam_extension .price p { padding:6px 6px 0; font-size:32px; line-height:0;}
.menu_list .pricebox_cam_extension .price p span { font-size:20px; display:inline-block; text-align:center; line-height:1;}
.menu_list .pricebox_cam_extension .price p span b { font-size:45%; display:block; text-align:center;}
.menu_list .pricebox_cam_extension:before { padding-left:13%; margin:0 0 1% ; display:block;}

.menu_list .price_l { float:left; width:70%;}
.btn { margin-top:3%; margin-right:0;
	float:right; 
    width: 82px;
    height: 82px;
	padding-top:8.5%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    background-image: -webkit-linear-gradient(45deg, #387bb3 0%, #709dff 100%);    
    background-image: linear-gradient(45deg, #387bb3 0%, #709dff 100%);
    transition: .4s;
}
.btn p {line-height: 1.2; font-size:14px; font-weight:bold;}
.btn p:after { content: '\f0da';  margin-left: 5px; font-family: FontAwesome; }


.flow_min { letter-spacing:-.40em;}
.flow_min li{ margin:1% 5% 2% 1%;border-radius:20px;padding:1.5% 3%;font-size:14px; line-height:1.5;}
.flow_min li:after { content:"\f105"; margin:0 8px; font-size:4vw; font-family:FontAwesome; display:inline; position:absolute; top:5px; right:-23px;}

.menu_eye_bg {background-size: contain; width:100%; margin:0 auto 8%; padding:6%;}
.eye_ttl { margin:0 auto 6%; padding-bottom:3%;}
.eye_ttl img { display:block; margin:0 auto 2%;}
.eye_ttl p { display:block; margin:0 auto 2%; text-align:center; padding-top:3%; font-size:28px;  }
.eye_ttl p b { font-size:50%; padding-left:0;}

ul.menu_eye { margin:0 auto;}
ul.menu_eye li dl { float:none; width:100%; margin:0 auto;}
ul.menu_eye li dl dt:before { content:"◆"; color:#dbbe6f; margin-right:3px;}
ul.menu_eye li dl dd { text-align:justify; text-justify:auto; line-height:1.4; margin-bottom:3%;}
ul.menu_eye li dl dt { line-height:1.6;}
ul.menu_eye li dl dt b { border:1px solid #a27f4b; color:#a27f4b; padding:3px 6px; font-size:14px; }
ul.menu_eye li p.price {float: none;font-size: 5vw;text-align: center;}
ul.menu_eye li p.price span { color:#bf3d3b; margin-left:8px; }
ul.menu_eye li p.price b {background:#666;padding:4px 6px;font-size:14px;margin-right: 0;color:#fff;display: block;margin-bottom: 4px;}
ul.menu_eye li p.price span  b {background:#bf3d3b;padding:4px 6px;font-size:14px;margin-right:5px;color:#fff;margin: 6px 0;}
ul.menu_eye li p.price span.week {margin-left:8px;}
ul.menu_eye li p.price span  b.week {padding:4px 6px;font-size:14px;margin-right: 0;color:#fff;}
	

.menu_list li .box_r dd ul.point li{ padding-bottom:3%; margin-bottom:3%; border-bottom:none;}
.menu_list li .box_r dd ul.point li b { text-align:center;}
.menu_list li .box_r dd ul.point li b span {  margin:0 auto 3%; width:100%; display:block;}


/* body
----------------------------------------------- */
.body { margin:0 auto;}
.body .body_bn { background-size: auto; height: inherit; padding:6% 0;}
.body .body_bn img { margin:0 auto; width:94%;}
.body .body01{background: url(../images/body_img01_sp.jpg)no-repeat top center; padding: 98% 0; background-size: 200%; height:0; }
.body .body02{background: url(../images/body_img02_sp.jpg)no-repeat top center; padding: 85% 0; background-size: 200%; height:0; }
.body .body03{background: url(../images/body_img03_sp.jpg)no-repeat top center; padding: 130% 0; background-size: 200%; height:0; }
.body .body04{background: url(../images/body_img04_sp.jpg)no-repeat top center; padding: 255% 0; background-size: 200%; height:0; }
.body .body05{background: url(../images/body_img05_sp.jpg)no-repeat top center; padding: 220% 0; background-size: 200%; height:0; }
.body .body06{background: url(../images/body_img06_sp.jpg)no-repeat top center; padding: 296% 0; background-size: 200%; height:0; }
.body .body07{background: url(../images/body_img07_sp.jpg)no-repeat top center; padding: 307% 0; background-size: 200%; height:0; }
.body .body08{background: url(../images/body_img08_sp.jpg)no-repeat top center; padding: 97% 0; background-size: 200%; height:0; }

.body_qa { width:94%; margin:6% auto;}

.lp_staff ul  { width:100%; margin:0 auto; text-align:center;}
.lp_staff ul li { width:44%; display:inline-block; vertical-align:top; margin:0 3% 3% 0 ; padding: 3%; border:1px solid #ccc; }
.lp_staff ul li:nth-child(2n) { margin-right:0;}
.lp_staff ul img { margin:0 auto 3%; width:50%;}
.lp_staff dl dt { font-size: 16px; border-bottom:none; padding:0; margin-bottom:3%;}
.lp_staff dl dt b{ font-size:12px; background: #7db5e6; color: #fff; padding: 5px 10px; margin-bottom: 8px; text-align:center;}
.lp_staff dl dt span{ font-size: 80%; color:#D8B452; display:block;}
.lp_staff dl dd { text-align: left;}


.lp_staff { width: 90%; margin: 8% auto; }
.lp_staff .bx-wrapper { width: 90%; }
.lp_staff .bx-viewport { margin-bottom: 20px; }
.lp_staff .bx-prev, .bx-next { width: 14px; height: 28px; margin-top: 0; background-size: contain; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.lp_staff .bx-prev { left: -50px; }
.lp_staff .bx-next { right: -50px; }



/* salon
----------------------------------------------- */
.salon_info { width:100%; margin:0 auto 8%;}
.gallery { margin:0 auto 10%;}
.gallery ul {margin:3% auto 10%;width: 100%;text-align: left;}
.gallery ul li {width: 48%;height:auto;margin-right: 4%;margin-bottom: 4%;}
.gallery ul li:nth-child(2n) { margin-right:0;}
.gallery ul li img{ width:100%;}

.salon_t { width:100%; margin:4% auto; border: 1px solid #d1cfb9; }
.salon_t tr {border-bottom: 1px solid #d1cfb9;}
.salon_t tr:last-child {border-bottom:none;}
.salon_t tr th { display:block; width:100%; padding:10px; vertical-align: middle; text-align:center;font-size:90%; }
.salon_t tr td {display:block;  width:100%; padding:10px; vertical-align:top; vertical-align:middle;}
.salon_t tr td img { display:block; margin:0 auto;}
.salon .map{ margin:0 auto; width:90%; height:220px; border: 1px solid #d1cfb9; }
.main-content .salon_t p { margin-bottom:0;}

p.salon_time { margin-bottom:0; line-height:1.8; margin:3px auto; text-align: center; }
p.salon_time b { display:block; width:100%; padding:2px; text-align:center; font-size:14px; margin:2% auto;}

/* staff
----------------------------------------------- */
.staff li{width: 100%;padding: 6% 4% 0;margin: 0 auto 6%;}
.staff li img{display: block;margin: 0 auto 8%;width: 70%;}
.staff li dl{display: block;margin: 0 auto 6%;width:100%;}
.staff li dl dt{font-size: 2.2rem;padding-bottom: 4%;margin-bottom: 4%;text-align: center;}
.staff li dl dt b{font-size: 1.4rem;padding: 2% 6%;margin: 3% auto;}
.staff li dl dt spans{}
.staff li dl dd b{font-size: 1.6rem; margin-bottom: 2%; text-align: center;}
/*.staff li dl dd br{display: none;}*/
.staff li table tr th,.staff li table tr td{display: block;width: 100%; padding: 1% auto;}
	
	
/* ba
----------------------------------------------- */

/* voice
----------------------------------------------- */
.voice{ width: 100%; margin: 0 auto 8%;}

/* qa
----------------------------------------------- */
ul.qa { padding: 0; margin-bottom:6%;}
ul.qa li { margin-bottom:4%; }
ul.qa li dl { padding:4%;}
ul.qa li dl dt { background-size:30px; margin-bottom:10px; padding: 4px 0 10px 42px; font-size: 16px; min-height:44px; line-height:1.4; }
ul.qa li dl dd { background:none; padding:0; line-height:1.5; min-height:1px; }


/* contact
----------------------------------------------- */
.mailformproTable .textarea{ width:100%; margin-bottom:2%;}
.main-content .contact_tel { margin-bottom:12%; }
.contact_tel a { font-size: 34px; margin-bottom:5px; }
.contact_tel a span { font-size: 16px; }

.contact_mail { margin-bottom:4%;}
.contact_mail p { margin-bottom:3%; text-align:justify; text-justify:auto;}
.main-content .contact_tel p { margin-bottom:0; line-height:1.4;}
.main-content .contact_tel p.salon_time { margin:3% auto; width:100%;}

/*att*/
.contact_att { width:96%; margin:0 auto 10%; padding:6%; border-radius:10px;} 
.contact_att li.ttl { font-size:16px;}

/* メールフォームプロ　ver4.1.5　【デザイン　ver2.1.3　参考】*/
.mailformproTable th,
.mailformproTable td { display:block !important; width:100% !important; padding:3% !important;}
.mailformproTable th{ background-color:#F6F3EC; color:#696969; }
.mailformproTable .name input { width:82% !important ; margin-bottom:3% !important ;margin-right: 0;}
#mailformpro .mailformproTable .ast{font-size: 12px;}
#mailformpro .mailformproTable .indent{padding: 0;text-indent: 0;}


	
/* sitemap
----------------------------------------------- */
ul.sitemap { margin: 0 auto; width:100%;}
ul.sitemap li { width:100%; display:inline-block; padding:4% 0; margin:0; line-height:1.0; }
ul.sitemap li a { display: block;}
ul.sitemap li:last-child{ border:none;}
/* privacy
------------------------------------------------------------------*/
ul.privacy li{ margin:5% 0;}

/* campaign
----------------------------------------------- */
ul.cam { width:100%; margin:0 auto 16%; padding:0;}
ul.cam li { display:block; width:100%; margin:0 auto;}
ul.cam li:nth-child(odd){ margin:0 auto;}
ul.cam li img { margin-bottom:1%;}
ul.cam li p { padding:0 2%;}

/* recruit
----------------------------------------------- */
.recruit .intro { margin:0 auto 10%; }
.recruit .intro .text { float:none; width:100%; padding:0;}
.recruit .intro .text p.read { font-size:20px;  padding-bottom:2%; margin-bottom:2%;  }
.recruit .intro img { float:none ; margin:0 auto; width:70%;}

.recruit .point { margin:0 auto 6%; }
.recruit .point li { margin:0 auto 4%; padding:5%; }
.recruit .point img { float:none; width:100%; margin:0 auto 5%;}
.recruit .point dl{ float:none; width:100%; padding:0;}
.recruit .point dl dt { font-size:20px; padding-bottom:3%; margin-bottom:3%;}
.recruit .point dl dd { line-height:1.5; text-align:justify; text-justify:auto;}

.recruit_t { width:100%; margin:4% auto 8%; border: 1px solid #d1cfb9; }
.recruit_t tr {border-bottom: 1px solid #d1cfb9;}
.recruit_t tr:last-child {border-bottom:none;}
.recruit_t tr th { display:block; width:100%; padding:10px; vertical-align: middle; text-align:center;font-size:90%; }
.recruit_t tr td {display:block;  width:100%; padding:10px; vertical-align:top; vertical-align:middle;}
.recruit_t tr td img { display:block; margin:0 auto;}

.recruit .map{ margin:0 auto 15px; width:100%; height:300px; border: 1px solid #d1cfb9; }
	

/* epi
----------------------------------------------- */
.epibox{padding: 6%;border: solid 1px #77aedc;margin-bottom: 6%;font-size: 14px;}

.epi_list {margin: -6% auto 0px;width:100%;text-align: center;display: inline-block;}
.epi_list li {width: 100%;display: inline-grid;margin: 0 auto;}
.epi_list li img{width: 100%;margin-top: 8%;}
.epi_list p.epi_h01 {font-size: 5vw;color: #c69b3c;margin: 10px auto;}
.epi_list p.epi_h03 {font-size: 5vw;color: #ffffff;margin: 20px auto;background: #0b79ad;padding: 2%;border-radius: 20px;width: 100%;}
.epi_list li.bd_r {border-right: none;}

.notes {font-size: 4vw;margin-bottom: -6%;}
.notes p.ttl { font-size:20px; text-align:center; border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:25px; }
.notes ul {margin-bottom: 0;font-size: 3.5vw;}
.notes ul li {margin-bottom:15px;width: 100%;text-align: left;padding-left: 1.5em;text-indent: -1.5em;line-height: 16px;display: table;}
.notes ul li:before { margin-right: 8px; font-family: FontAwesome; content: '\f14a'; color:#B8A570; }
.notes p {text-align: justify;display: inline-block;line-height: 20px;margin-bottom: 6%;padding: 0;padding-top: 0;padding-bottom: 0;font-size: 3.5vw;}

.notes2 {background: #ececec;padding: 5%;margin: 0 auto;font-size:14px;margin-top: 4%;}
.notes2 p.ttl {font-size: 4vw;text-align:center;border-bottom:1px solid #ccc;padding-bottom: 6%;margin-bottom: 6%;}
.notes2 ul {text-align: left;}
.notes2 ul li {margin-bottom: 2%;display: inline-block;width: 100%;font-size: 3vw;margin-right: 0;}
.notes2 ul li:before {margin-right: 8px;font-family: FontAwesome;content: '\f14a';color: #73726d;}
.notes2 p b { color:#a38d52; font-weight:bold; margin:0 3px; }


.epi_h02{font-size: 5vw;padding: 6%;color: #676767;background-color: #e4e4e4;margin-top: 0;margin-bottom: 6%;text-align: center;}

.no_list {margin: 0 auto 6%;width:100%;text-align: justify;font-size: 3.5vw;}
.no_list li{width: 32%;display:inline-block;margin-top: 0;}

.intro{width: 100%;text-align:justify;text-justify:auto;margin-bottom: 0;}
.intro img{margin: 0 0 20px 0;}
.intro2{width: 100%;text-align:justify;text-justify:auto;float: none;}
.intro2 img{margin: 0 auto;width: 370px;}
.intro3{width: 100%;text-align: center;text-justify:auto;margin-bottom: 0;font-size: 3vw;}
.intro3 img{margin: 0 0 20px 0;}
	
.muda_box img.muda_img{margin-bottom: 6%;border-bottom: dotted 1px #bdbdbd;padding-bottom: 8%;}
.muda_box img.muda_img2{margin-bottom: 6%;border-bottom: none;padding-bottom: 0;}


.intro3 ul li{background: #fcf1ee;border-bottom: solid 2px #e7b9a0;padding: 10px;margin-bottom: 27px;position: relative;}
.intro3 ul li:after {content: '▼';display: block;position: absolute;top: 128%;width: 90%;height: 35px;margin: 0 auto;color: #f08b81;}
.intro3 ul li.none:after {content: none;}
.muda_box{margin-top: 7%;margin-bottom: 0;font-size: 3.2vw;}
.muda_l{float: none;width: 100%;margin-bottom: 4%;}
.muda_r{float: none;width: 100%;margin-bottom: 4%;}
.epi_last{margin-bottom:2%;}

p.epi_h04{font-size: 5vw;margin-bottom: 4%;padding-bottom: 2%;color: #5493c8;border-bottom: solid 1px #5493c8;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}

.flow_box{text-align: center;}
ul.flow_ul {display:flex;flex-wrap:wrap;justify-content: center;margin-top: 6%;}
ul.flow_ul li {width: 44%;display: inline-block;margin: 0 14px 0 0;position: relative;}
ul.flow_ul li:after {content: "\025b6";color: #77aedc;position: absolute;top: 24%;right: -4%;display: block;font-size: 3vw;}
ul.flow_ul li:last-child:after { display: none;}
ul.flow_ul li p {margin-top: 20px;font-size: 3vw;text-align: justify;}
ul.flow_ul li p.center{text-align: center;}
ul.flow_ul li img{width: 90%;}
	
.yazirusi {margin-top: -26px; width: 20%;}
.intro2 img.epi_03{margin-bottom: 0px}
.epi_h05{font-size: 3.5vw;padding: 3%;background-color: #bdac8a;color: #FFF;line-height: 20px;text-align: center;}
	
.menu-items { margin: 0; }
.menu-items li {width: 50%;margin-bottom: 20px;}	
	.top-menu-text h3{font-size: 5.3vw;}

/* top_info
----------------------------------------------- */
.top_info {margin: 5% auto;width: 90%;}
.top_info p {font-size: 3.8vw;padding: 1%;}
.top_info a {font-size: 3.2vw;margin: 3% 0 3% 2%;}
	
	
/* facial
----------------------------------------------- */
.facial { margin:0 auto;}
.facial .facial_bn {background-size: cover;height: auto;padding:6% 0;}
.facial .facial_bn img {margin:0 auto;width: 90%;}
.facial .facial01{background: url("../images/facial/top.jpg")no-repeat top center;padding: 45% 0;background-size: 200%;height:0;}
.facial .facial02{background: url("../images/facial/face_02_sp.jpg")no-repeat top center;padding: 256% 0;background-size: 200%;height:0;}
.facial .facial03{background: url("../images/facial/face_03.jpg")no-repeat top center;padding: 56% 0;background-size: 200%;height:0;}
.facial .facial04{background: url("../images/facial/face_04.jpg")no-repeat top center;padding: 213% 0;background-size: 200%;height:0;}
.facial .facial05{background: url("../images/facial/face_05_sp.jpg")no-repeat top center;padding: 0 0 287%;background-size: 200%;height:0;}
.facial .facial05 a{padding-top: 44%;width: 90%;}
.facial .facial06{background: url("../images/facial/face_06_sp.jpg")no-repeat top center;padding: 0 0 232%;background-size: 200%;height:0;}
.facial .facial06 a{
    padding-top: 15%;
    width: 90%;
}
.facial .facial07{background: url("../images/facial/face_07_sp.jpg")no-repeat top center;padding: 169% 0;background-size: 200%;height:0;}
.facial .facial08{background: url(../images/body_img08_sp.jpg)no-repeat top center; padding: 97% 0; background-size: 200%; height:0; }	
	

}