@charset "utf-8";

/* ==============================================================
/*    Common
/* ============================================================== */
.imgL {
	float: left;
}

.cTxt {
	text-align: center;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}

.fcGrn {
	color: #14aaa0;
}

.fs12 {
	font-size: 12px !important;
}
.fs16 {
	font-size: 16px !important;
}
.fs18 {
	font-size: 18px !important;
}
.fs24 {
	font-size: 24px !important;
}
.fs30 {
	font-size: 30px !important;
	font-weight: bold;
	line-height: 1.3 !important;
}


/* Clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* ==============================================================
/*     TOP
/* ============================================================== */
h1 a img{
	width:14%;
	height:auto;
}
#slides {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 940px;
	/*min-height: 748px;*/
}

.bx-wrapper {
	margin: 0 auto;
	position: relative;
}

.bx-wrapper .bx-viewport {
	/*overflow: visible !important;*/
	left: 0;
	border: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.bx-controls {
	height: 70px;
}

.bx-wrapper .bx-pager {
	bottom: auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 16px;
	height: 16px;
	background: #afafaf;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #4d4d4d;
}

/*.slide_inner {
	position: relative;
	left: 50%;
	width: 4500px;
	height: 818px;
	margin-left: -2250px;
	overflow: hidden;
}*/
.slide_inner {
    position: relative;
    left: 50%;
    width: 4000px;
    /*height: 818px;*/
    margin-left: -2000px;
    overflow: hidden;
}

.slides_container {
	margin-left: 1500px;
}

#slideFilterL,
#slideFilterR {
	position: absolute;
	top: 0;
	width: 1500px;
	height: 748px;
	background: #fff;
	opacity: .8;

	    filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#slideFilterL {
	left: 0;
}
#slideFilterR {
	right: 0;
}

.slides_container > li {
	/*width: 1200px !important;*/
	width: 1000px !important;
}

.slides_container a {
	display: block;
}

.slide0 > img {
	top: 0;
	/*position: absolute;*/
}
.slide_wrap {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: auto;
}
.slide0 .slide_wrap div {
	position: absolute;
	z-index: 1;
	/*top: 250px;*/
	top: 180px;
	right: 120px;
}
.slide0 .slide_wrap div img {
	width: auto;
}
.slide0 .slide_wrap div p {
	margin-bottom: 25px;
	font-size: 16px;
	color: #808080;
}
.slide0 .slide_wrap div li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.slide0 .slide_wrap div .break {
	float: left;
	clear: left;
}

@media screen and (max-device-width: 760px) {
	#slides {
		min-width: 940px;
		min-height: 559px;
		height: 559px;
	}

	.slide_inner {
		left: 0;
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.slides_container {
		margin-left: 0;
	}

	.slides_container > li {
		width: 980px !important;
	}

	.slides_container > li > img,
	.slides_container > li > a > img {
		width: 980px;
		height: 489px;
	}

	.slide_wrap {
		width: auto;
	}
	.slide0 .slide_wrap div {
		top: 160px;
		right: 0;
	}

	.slide0 .slide_wrap div p {
		margin-bottom: 15px;
		font-size: 12px;
	}

	.slide0 .slide_wrap div li {
		width: 100px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.slide0 .slide_wrap div img {
		width: 100px;
		height: auto;
	}

	#slideFilterL,
	#slideFilterR {
		display: none;
	}
}


/* バナー 1 */
.liTopBn li {
	float: left;
	width: 300px;
	margin: 0 10px 25px 0 !important;
}
.liTopBn li.rLine {
	margin-right: 0 !important;
}
.liTopBn li.mb50 {
	margin-bottom: 50px !important;
}

.liTopBn li a {
	text-decoration: none;
}

.liTopBn li h2 {
	font-size: 20px;
	font-weight: normal;
	color: #4d4d4d;
}
#mCol .liTopBn li p {
	margin-bottom: 0;
	color: #808080;
}

/* インフォメーション */
#info {
	margin-bottom: 26px;
}
#info h3 {
	margin-bottom: 0;
}
#info ul {
	overflow: auto;
	height: 270px;
}
#info ul li {
	margin-bottom: 0;
	padding: 10px 0;
	border-bottom: 1px solid #000;
}
#info ul li .data {
	font-size: 90%;
}
#info ul li .txt {
	margin-bottom: 0;
	padding-top: 5px;
	font-size: 12px;
	line-height: 1.5em;
}
#info ul li .txt a {
	text-decoration: none;
}

/* バナー 2 */
.liSalon li {
	float: left;
	width: 300px;
	margin: 0 10px 25px 0 !important;
}
.liSalon li.rLine {
	margin-right: 0 !important;
}
.liSalon li.mb50 {
	margin-bottom: 50px !important;
}

.liSalon li a {
	text-decoration: none;
}

.liSalon li h2 {
	font-size: 20px;
	font-weight: normal;
	color: #4d4d4d;
}
#mCol .liSalon li p {
	margin-bottom: 0;
	color: #808080;
}


#fb {
	position: absolute;
	right: 58px;
	bottom: -33px;
}
#twitter {
	position: absolute;
	right: 140px;
	bottom: -33px;
}



/* ==============================================================
/*     Begginer
/* ============================================================== */
.txtBln {
	float: right;
	width: 363px;
	margin-bottom: 2.5em;
	padding-bottom: 15px;
	background: url(../img/beginner/bg_balloon.png) no-repeat 0 bottom;
}
.txtBln p {
	margin-bottom: 0 !important;
	padding: 18px 15px 0 38px;
	background: url(../img/beginner/bg_balloon.png) no-repeat;
}
.bdGrn {
	margin-bottom: 3em !important;
	padding-top: 15px;
	background: url(../img/beginner/bg_balloon2.png) no-repeat;
}
.bdGrn p {
	padding: 0 15px 15px;
	background: url(../img/beginner/bg_balloon2.png) no-repeat bottom;
}


/* ==============================================================
/*     Stores
/* ============================================================== */

.imgL2 {
	float: left;
	width: 277px;
	margin: 0 0 30px 0;
}
.boxR {
	float: right;
	width: 313px;
	margin: 0 0 40px 0;
}
.boxR dl,
.dlLine {
	border-top: 1px solid #bfe0df;
}
.boxR dl dt,
.dlLine dt {
	float: left;
	clear: both;
	width: 80px;
	margin-bottom: 0 !important;
	padding: 10px 0 10px 5px;
}
.boxR dl dd,
.dlLine dd {
	margin-bottom: 0 !important;
	padding: 10px 0 10px 90px;
	border-bottom: 1px solid #bfe0df;
}
.dlLine {
	margin-bottom: 40px;
	border-top: 3px solid #bfe0df;
}
.dlLine dt {
	width: 150px;
	padding: 15px 0 15px 15px;
}
.dlLine dd {
	padding: 15px 0 15px 155px;
	border-bottom-style: dotted;
}

#imgTencho {
	line-height: 1.4 !important;
}
#imgTencho img {
	margin-bottom: 8px;
}

.grtBox {
	width: 477px;
	margin: 0 0 0 133px;
	padding-bottom: 15px;
	background: url(../../salon/img/bg_baloon.png) no-repeat bottom;
}
.grtBox p {
	margin-bottom: 0 !important;
	padding: 18px 15px 0 38px;
	background: url(../../salon/img/bg_baloon.png) no-repeat;
}

#mapBox {
	margin-bottom: 40px;
}


/* ==============================================================
/*     Pribacy Policy
/* ============================================================== */
#dlPp dt {
	margin-bottom: 20px !important;
}
.shomds.cTxt label a {
	color: #0c6baf;
	text-decoration: underline;
}


/* ==============================================================
/*     FAQ
/* ============================================================== */
.liFaq {
	padding-bottom: 50px;
}
.liFaq li {
	margin-bottom: 5px !important;
}
.liFaq li span {
	font-size: 16px;
	font-weight: bold;
	color: #0c6baf;
}

#faqDepi {
	background: url(../img/faq/bg_depi.jpg) no-repeat 100% 0;
}
#faqFacial {
	background: url(../img/faq/bg_facial.jpg) no-repeat 100% 0;
}

.dlFaq dt {
	margin-bottom: 20px !important;
	padding-bottom: 10px;
	background: url(../img/faq/bg_q.png) no-repeat bottom;
}
.dlFaq dt span {
	display: block;
	min-height: 30px;
	padding: 40px 30px 10px 175px;
	background: url(../img/faq/bg_q.png) no-repeat;
}
.dlFaq dd {
	margin-bottom: 50px !important;
	padding-bottom: 10px;
	background: url(../img/faq/bg_a.png) no-repeat bottom;
}
.dlFaq dd span {
	display: block;
	min-height: 30px;
	padding: 40px 140px 15px 60px;
	background: url(../img/faq/bg_a.png) no-repeat;
}
.bnBox {
	margin-bottom: 50px !important;
}
.red {
	font-size: 80%;
	color: #14aaa0;
}

/* ==============================================================
/*     Kuchikomi
/* ============================================================== */

.comment-respond {
	width: 100%;
}

#respond.comment-respond p {
	margin-bottom: 0;
}
.comment-respond td p {
	border-bottom: 1px solid #ddd;
}
.comment-respond p:last-child {
	border: 0;
}
.comment-respond p.attention {
	margin-bottom: 30px !important;
	padding: 0;
	border: 0;
}

.comment-respond th,
.comment-respond td {
	padding: 10px;
}

/*label {
	display: inline-block;
	width: 180px;
	margin-bottom: 1px;
	padding: .7em;
	background: #f6f6f6;
	text-align: left;
	vertical-align: middle
}
*/
.comment-respond label:after {
	content: "(※)";
	font-size: 80%;
	color: #14aaa0;
}
/*#respond.comment-respond input {
	margin: .7em;
}
*/
.comment-respond .rating_td {
	padding: 0;
}

.comment-respond .crfp-field {
	float: none;
	/*display: inline-block;*/
	width: auto;
}
.comment-respond .crfp-field label,
.comment-respond .crfp-field span {
	display: inline-block;
	width: 180px;
	padding: 10px;
	vertical-align: middle;
}
.comment-respond .crfp-field label {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	background: #f6f6f6;
}
.comment-respond .crfp-field span:after {
	content: "★で評価";
	margin-left: 15px;
	font-size: 90%;
	vertical-align: middle;
}

.comment-respond .comment-form-comment {
	height: inherit;
}

#respond table {
	margin-bottom: 15px;
}
#respond input[type="text"],
#respond textarea {
	padding: 10px;
	border: 1px solid #ccc;
}

.form-submit {
	margin-bottom: 50px !important;
	text-align: center;
}

#submit {
	width: 230px;
	padding: 10px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #14aaa0;
	border: none;
}
#submit:hover {
	opacity: .8;
}

.kuchikomi .box {
	margin-bottom: 20px;
	padding: 20px 25px 30px;
	background: url(../img/common/bg_dot.png);
	border: 1px dashed #14aaa0;
}
.kuchikomi .box .day {
	font-size: 12px;
	color: #14aaa0;
	text-align: right;
}
.kuchikomi .box .name {
	float: left;
	width: 303px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}
.clear {
	clear: both;
}

.kuchikomi .box .tenpo,
.kuchikomi .box .sejutsu {
	float: right;
	width: 230px;
	margin: 10px 0 20px;
	padding-bottom: 6px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}
.kuchikomi .box .tenpo .tenpo_blue,
.kuchikomi .box .blue {
	padding-right: 10px;
	font-size: 12px;
	color: #14aaa0;
}

.kuchikomi .box .age {
	float: left;
	width: 303px;
	margin: 10px 0 20px;
	padding-bottom: 6px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

.comment .crfp-group-2 {
	float: left;
	width: 220px;
}
.comment .crfp-group-2 .label {
	display: block;
	margin-bottom: 0 !important;
	font-size: 13px;
	color: #666;
}
.comment .rating-always-on {
	margin-bottom: 10px !important;
	font-size: 20px;
	line-height: 1.4 !important;
	/*color: #14aaa0;*/
	letter-spacing: 4px;
}
/*.comment dd .gry{
	color: #ddd
}*/

.box .comment .rating-container:nth-child(4) {
	float: right;
	width: 310px;
	margin-top: -160px;
	font-size: 14px;
	line-height: 1.6;
}

.comment-navigation {
	margin-bottom: 20px;
	font-size: 12px;
	color: #14aaa0;
}
.comment-navigation a {
	color: #14aaa0;
}

.nav-next {
	float: left;
}
.nav-previous {
	float: right;
}

/* Reply comment */
.kuchikomi .children .box {
	margin-bottom: 40px;
	border-style: solid;
	background: none;
background-color: #eee;
color: #444;
border-color: #444;
}
ul.children {
	width: 90%;
	margin-left: 10%;
}
.kuchikomi .children .box .name {
	float: none;
	width: auto;
}

.kuchikomi .children .name .suf,
.kuchikomi .children .tenpo,
.kuchikomi .children .age,
.kuchikomi .children .sejutsu {
	display: none;
}

/* LOGGED IN */

.logged-in #comments > #respond {
	display: none;
}
.logged-in #respond {
	margin-top: 20px;
	text-align: right;
}

.logged-in .comments_footer {
	margin-top: 30px;
	text-align: right;
}

.logged-in .comments_footer a,
.logged-in .comment-reply-title a {
	display: inline-block;
	padding: 10px;
	font-size: 80%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #14aaa0;
}
.logged-in .comments_footer a:hover,
.logged-in .comment-reply-title a:hover {
	padding: 10px;
	color: #000;
	text-align: center;
	background: #84f4cd;
}
.comment-edit-link {
	margin-right: 15px;
}

.logged-in-as a {
	font-size: 105%;
	font-weight: bold;
	font-style: italic;
	color: #14aaa0;
	text-decoration: underline;
}

.logged-in label[for="comment"] {
	/*position: relative;*/
	display: block;
	visibility: hidden;
	height: 1.5em;
}
.logged-in label[for="comment"]:before {
	content: "返信する";
	display: block;
	visibility: visible;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 110%;
	color: #14aaa0;
}

.logged-in #comment {
	width: 90%;
	margin-top: 5px;
	margin-bottom: 15px;
}


/* ==============================================================
/*     Recruit
/* ============================================================== */
.arrowBox {
	padding-bottom: 50px;
	background: url(../img/recruit/bg_arrow.png) no-repeat 50% 100%;
}
.dayBox {
	position: relative;
}
#mCol .dayBox p {
	margin-bottom: 10px;
	padding: 0 240px 0 15px;
	line-height: 1.8;
}
#mCol .dayBox .dayImg {
	position: absolute;
	top: -30px;
	right: 0;
	margin-bottom: 0;
	padding: 0;
}

#pointBox {
	position: relative;
	margin-bottom: 80px;
	padding-top: 15px;
	background: url(../img/recruit/bg_point.png) no-repeat;
}
#pointBox .inner {
	width: 580px;
	margin: 0;
	padding: 0 15px 15px;
	background: url(../img/recruit/bg_point.png) no-repeat bottom;
}
#pointBox .inner div {
	padding: 15px 15px 130px;
	background: #fff;
}
#mCol #pointBox h4 {
	margin-bottom: 0;
}
#mCol #pointBox p {
	margin: 0 10px;
	line-height: 1.8;
}

#pointImg {
	position: absolute;
	bottom: -50px;
	left: 65px;
}

/* ==============================================================
/*     Reserve
/* ============================================================== */

.bold {
	font-weight: bold;
	color: #14aaa0;
}
.mds {
	margin: 20px 0 10px;
	padding: 10px 0 10px 10px;
	font-size: 95%;
	font-weight: bold;
	text-align: left;
	background: #f6f6f6;
	border-left: 5px solid #14aaa0;
}
.shomds {
	width: 100%;
	padding: 5px 0 10px 5px;
	line-height: 2em;
	text-align: left;
}
.shomds.cTxt {
	text-align: center;
}

.input_txt {
	padding: 10px 100px 10px 5px;
	font-size: 120%;
}
.shomds label {
	padding: 0 30px 0 0;
	font-size: 110%;
}
.bg_red {
	margin-bottom: 10px;
	padding: 10px 0 10px 15px;
	background: #fff7d9;
}
.bg_green {
	margin-bottom: 10px;
	padding: 10px 0 10px 15px;
	background: #e2f6f4;
}
#privacy_scroll {
	overflow: auto;
	overflow-x: hidden;
	height: 170px;
	margin: 10px 0 5px;
	padding: 15px;
	border: 1px solid #ddd;
}
#privacy_scroll dt {
	margin-bottom: 10px !important;
	font-weight: bold;
	color: #14aaa0;
}

/* ==============================================================
/*     Depilation
/* ============================================================== */

.dhBox {
	margin-bottom: 40px !important;
	padding: 15px 0;
	text-align: center;
	border: 1px dashed #ccc;
}


/* ==============================================================
/*     笑顔のヒミツ / smile.html
/* ============================================================== */

.smile [id="mCol"] .left {
	float: left;
}
.smile [id="mCol"] .right {
	float: right;
}

.smile [id="mCol"] h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	color: #299893;
}

.smile [id="mCol"] .topimg {
	margin-top: 25px;
	margin-bottom: 40px;
}

.smile [id="mCol"] .lead.text {
	min-height: 320px;
	margin-bottom: 15px;
	padding-right: 200px;
}

.smile [id="mCol"] .wa.text {
	margin-bottom: 40px;
}

.smile [id="mCol"] .wa.text .right {
	width: 360px;
	text-align: center;
}
.smile [id="mCol"] .wa.text .right p {
	margin-top: 20px;
	font-size: 93%;
	color: #808080;
	text-align: left;
}

/* ==============================================================
/*     LP脱毛
/* ============================================================== */

.reserve {
	clear: both;
	padding: 60px 0;
	text-align: center;
}
.mb60 {
	margin-bottom: 60px;
}
.tenpo li {
	float: left;
}
/* ==============================================================
/*     LPフェイシャル
/* ============================================================== */

.reserve2 {
	clear: both;
	padding: 30px 0;
	text-align: center;
}
#box01 {
	float: left;
	width: 603px;
	height: 470px;
	background: url(../../campaign/facial2/img/30_fukidashi.gif) no-repeat;
}
#box01 a {
	display: block;
	margin: 340px 0 0 0;
}

/* ==============================================================
/*     LP目元クマ
/* ============================================================== */

.reserve3 {
	position: absolute;
	clear: both;
	padding: 60px 0 0 50px;
	text-align: center;
}
.mb60 {
	margin-bottom: 60px;
}
.height300 {
	height: 380px;
}
.fav {
	margin: 0 70px 20px 0;
	text-align: right;
}

/* ==============================================================
/*     サイトマップ
/* ============================================================== */

.sitemapbox {
	float: left;
	width: 50%;
}
.sitemapbox li {
	margin-bottom: 0;
	line-height: .5em;
}
.sitemapbox li a {
	color: #999;
	text-decoration: underline;
}

/* ==============================================================
/*     インフォメーション
/* ============================================================== */


.info {
	padding-bottom: 10px;
	border-bottom: 1px dotted #666;
}
.info .data {
	padding-top: 10px;
	font-size: 90%;
	color: #57b9af;
}
.info li {
	margin-bottom: 0 !important;
	padding-top: 5px;
	font-size: 80%;
	line-height: 2em;
	letter-spacing: .1em;
}
.info li a {
	text-decoration: underline;
}

/* ==============================================================
/*     お客様の声
/* ============================================================== */

#voice .voice_mds {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 28px;
	color: #14aaa0;
	border-bottom: dotted 1px #999;
}
.txt {
	font-size: 14px;
	line-height: 1.6;
}
#voice .txt a {
	color: #6cf;
}
#voice .txt a:hover {
	text-decoration: underline;
}


/* ==============================================================
/*     ムービー
/* ============================================================== */

#movie .voice_mds {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 28px;
	color: #14aaa0;
	border-bottom: dotted 1px #999;
}
#movie .txt a {
	color: #6cf;
}
#movie .txt a:hover {
	text-decoration: underline;
}


/* ==============================================================
/*     フォーム切り替え
/* ============================================================== */

.invisible {
	display: none;
}
/* ==============================================================
/*     フォーム修正
/* ============================================================== */
#mCol2,
.shomds #message {
	font-size: 120%;
}
.caption {
	width: 100%;
	font-size: 75%;
	line-height: 2em;
	color: #333;
}
#bg_img {
	height: 250px;
	background: url(../../reserve_kuma/img/sejyutsu.png) no-repeat right 50%;
}
#mCol2 h4.kuma {
	clear: both;
	margin-bottom: 20px;
	font-size: 120%;
	line-height: 1.8em !important;
	/*padding-bottom:10px;*/
	color: #14aaa0;
	border: none !important;
}
.red_text {
	font-size: 90%;
	color: #ccc;
}
#submitBtnA{
	margin-bottom: 50px !important;
	text-align: center
}
#submitBtnA input{
	width: 230px;
	padding: 10px;
	border: none;
	background: #14aaa0;
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor: pointer
}
#submitBtnA input:hover{
	opacity: 0.8
}

h4#caption{
	margin-bottom: 10px;
font-size: 1.2em;
color: #14aaa0;
line-height: 1.5em;
	}

/* ==============================================================
/*     口コミ
/* ============================================================== */
.kcuhikomi_ken {
	color: #ef6a98;
}
#sfm-form .kao {
font-size: 180%;
}
input.button2 {
font-size: 2em !important;
padding: 10px 30px;
margin: 20px 0 50px;
background-color: #14aaa0;
border-style: none;
color: #fff;
}
clear: both;
padding: 50px 0 20px;
font-size: 200%;
/* padding-bottom: 10px; */
color: #14aaa0;
line-height: 1.5em;
.caption {
width: 100%;
font-size: 100%;
line-height: 2em;
color: #333;
}
#cap {
color: #14aaa0;
font-size: 0.8em;
}
h4.kao {
clear: both;
padding: 50px 0 20px;
font-size: 200%;
/* padding-bottom: 10px; */
color: #14aaa0;
line-height: 1.5em;
}
select.pull {
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
border: 1px solid #ccc;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
padding: 5px;
}