@charset "utf-8";


/*=======================================================
	エリス 女の子 クリニック
=======================================================*/

/* タイトル */
.section_cont .basic1_ttl1 span{ background-image: url(../img/basic1_ttl1.png); }
.section_cont .basic1_ttl2 span{ background-image: url(../img/basic1_ttl2.png); }
.section_cont .basic2_ttl1 span{ background-image: url(../img/basic2_ttl1.png); }
.section_cont .basic2_ttl2 span{ background-image: url(../img/basic2_ttl2.png); }
.section_cont .basic3_ttl1 span{ background-image: url(../img/basic3_ttl1.png); }
.section_cont .basic3_ttl2 span{ background-image: url(../img/basic3_ttl2.png); }
.section_cont .basic4_ttl1 span{ background-image: url(../img/basic4_ttl1.png); }
.section_cont .basic4_ttl2 span{ background-image: url(../img/basic4_ttl2.png); }
.section_cont .basic4_ttl3 span{ background-image: url(../img/basic4_ttl3.png); }

/* #basic1_header */
#basic1_header h1{
	margin: 15px 0 0 -31px;
	padding: 20px 0 0;
}


/* 1 */
.b1_cont1_float_left{
	margin-right: -35px;
	width: 230px;
	float: left;
}
.clinic_box{
	margin: 0 0 15px;
	padding: 20px 30px 20px;
	background: #fffaf7 url(../../img/clinic_box_bg.png) repeat left top;
	border-radius: 15px;
	border: 5px solid  #fff;
	position: relative;
	-webkit-box-shadow: 1px 1px 3px rgba(206, 67, 67, 0.2), 0 0 1px 2px #fff inset;
	box-shadow: 1px 1px 3px rgba(206, 57, 57, 0.33), 0 0 1px 2px #fff inset;
}
.clinic_box h4{
	margin: 0 0 15px;
	text-align: center;
	color: #ff537b;
}
.clinic_box h4 .num{
	display: block;
	text-align: center;
	font-size: 50px; /* ie8 */
	font-size: 5.0rem;
	line-height: 1.3;
}

#growup1 div{ padding-right: 47px; }
.girls1{
	position: absolute;
	bottom: -40px;
	right: -60px;
	z-index: 10;
}
#growup2 div{ padding-left: 50px; }
.girls2{
	position: absolute;
	bottom: -40px;
	left: -60px;
	z-index: 10;
}

/* 2 */
.clinic_btm_header.basic2_header .content_header_img img{
	margin-bottom: -180px;
}
#mother_cont{
	padding: 15px 25px 5px;
	background-color: #fff;
}
#mother_cont h3{
	margin: 0 0 3px;
	padding: 4px 0;
	text-align: center;
	line-height: 1.4;
	color: #fff;
	font-size: 14px; /* ie8 */
	font-size: 1.4rem;
	background-color: #ffadc6;
}
#mother_cont h4{
	text-align: center;
	color: #ff98b7;
}
.prepare .clinic_box{ text-align: center; }
.ready_img{ text-align: center; }


/* 3 */
#basic3_img4{ margin: -10px 20px 10px -20px; }
.detail_cont{ position: relative; }
.detail_cont h4{
	margin: 0 0 5px;
	color: #ff537b;
	text-align: center;
	line-height: 1.4;
}
.cycle .clinic_box{ overflow: hidden; }
.section_cont .cycle_arrow{
	margin: -40px 0 -20px;
	text-align: center;
	position: relative;
	z-index: 100;
}
.section_cont .cycle_arrow2{
	margin: -50px 0 0 0;
	padding: 0 0 0 100px;
	text-align: center;
	position: relative;
	z-index: 100;
	width: 400px;
}
.section_cont .cycle_arrow2 img{
	width: 100%;
	height: auto;
}
.cycle_img{
	width: 240px;
	height: auto;
}
.clinic_box h4 .cycle_num{
	display: inline-block;
	padding-right: 5px;
	text-align: center;
	font-size: 40px; /* ie8 */
	font-size: 4.0rem;
	line-height: 1.3;
	vertical-align: middle;
}

/* 4 */
.section_cont .ttl_lv2.attention_ttl{ margin-right: 50px; }
.section_cont .basic4_img1{
	position: absolute;
	bottom: -77px;
	right: -60px;
	z-index: 10;
}
.basic4_img2{
	position: absolute;
	bottom: 0;
	left: -70px;
	z-index: 10;
}
.section_cont .basic4_img3{ margin: 10px 15px 0 -20px; }

#attention1 div{ padding-right: 94px; }
#attention2 div{ padding-left: 85px; }
#attention3 div{ padding-left: 25px; }

/* ナビゲーションリンクボタン */
.categpry_btn.practice_link a{
	margin: 10px 12px 0;
	padding: 10px;
	border-radius: 10px;
	display: block;
	text-align: center;
	background: #46c1eb url(../../img/link_arrow.png) no-repeat 92% center;
	font-weight: bold;
	color: #fff;
	font-size: 18px; /* ie8 */
	font-size: 1.8rem;
	border: 2px solid #ff537b;
	-webkit-box-shadow: 0 0 0 2px #fff inset;
	box-shadow: 0 0 0 2px #fff inset;
}
.categpry_btn.practice_link a:hover{
	opacity: 0.8;
	text-decoration: none;
}


.section_cont p.btn_girls_clinic{
	margin: 25px 0 0;
}
.section_cont p.btn_girls_clinic a:hover{
	opacity: 0.8;
}

/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (max-width: 767px){

	/* タイトル */
	.section_cont .basic1_ttl1 span{ background-image: url(../img/s/basic1_ttl1.png); }
	.section_cont .basic1_ttl2 span{ background-image: url(../img/s/basic1_ttl2.png); }
	.section_cont .basic2_ttl1 span{ background-image: url(../img/s/basic2_ttl1.png); }
	.section_cont .basic2_ttl2 span{ background-image: url(../img/s/basic2_ttl2.png); }
	.section_cont .basic3_ttl1 span{ background-image: url(../img/s/basic3_ttl1.png); }
	.section_cont .basic3_ttl2 span{ background-image: url(../img/s/basic3_ttl2.png); }
	.section_cont .basic4_ttl1 span{ background-image: url(../img/s/basic4_ttl1.png); }
	.section_cont .basic4_ttl2 span{ background-image: url(../img/s/basic4_ttl2.png); }
	.section_cont .basic4_ttl3 span{ background-image: url(../img/s/basic4_ttl3.png); }

	/* #basic1_header */
	#brand_btm #basic1_header h1{
		margin: -5px 0 0 10px;
		padding; 0 0 28.5%;
		width: 47%;
	}
	
	/* 1 */
	.b1_cont1_float_left{
		width: 100%;
		float: none;
	}
	.section_cont .float_right{ float: none; }
	.clinic_box{ padding: 10px; }
	.clinic_box:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.clinic_box h4{
		line-height: 1.4;
		font-size: 1.65rem;
	}
	.clinic_box h4 .num{ font-size: 3.0rem; }

	#growup1 div{ padding: 0; }
	.section_cont .girls1{
		margin: 0 -10% 0 10px;
		position: static;
		width: 38%;
		z-index: 0;
		float: right;
	}
	#growup2 div{ padding-left: 0; }
	.section_cont .girls2{
		margin: 0 10px 0 -8%;
		position: static;
		width: 38%;
		z-index: 0;
		float: left;
	}

	/* 2 */
	.ready_cont{ padding: 10px; }
	#brand_btm .clinic_btm_header.basic2_header h1.three_lines{
		width: 55%;
	}
	#brand .clinic_btm_header.basic2_header .content_header_img img{
		margin: 0;
		top: -55%;
		right: -22%;
		width: 150%;
		max-width: 110% !important;
	}

	/* 3 */
	#basic3_header .content_header_img{ margin: 3% -10% 0 -5%; }
	#basic3_img4{
		margin: 0 50px 5px;
		float: none;
		text-align: center;
	}
	.cycle .clinic_box h4{ margin: 0 0 -5px; }
	.cycle .clinic_box .float_left{
		float: none;
		text-align: center;
	}
	.section_cont .cycle_arrow2{
		margin: -30px auto 10px auto;
		padding: 0 0 0 5%;
		width: 80%;
	}

	/* 4 */
	.detail_cont{ padding: 10px 15px; }
	.detail_cont:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.detail_cont h4{
		font-size: 1.65rem;
		line-height: 1.5;
	}
	.section_cont .ttl_lv2.attention_ttl{ margin-right: 0; }
	.section_cont .basic4_img1{
		margin: 0 -5% 0px 0;
		position: static;
		width: 38%;
		z-index: 0;
		float: right;
	}
	.section_cont .basic4_img2{
		margin: 0 10px 10px -1%;
		position: static;
		width: 38%;
		float: left;
	}

	.section_cont .basic4_img3{
		margin: 10px 15px 0 0;
		width: 80px;
	}
	#attention1 div{ padding-right: 0; }
	#attention2 div{ padding-left: 0; }
	#attention3 div{ padding-left: 0; }
	.categpry_btn.practice_link a{ margin: 10px; }
}