@charset "utf-8";


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

/* ボトムのナビゲーション */
.section_cont .ttl_lv1{
	background: url(../img/ttl_lv1_bg.png) no-repeat left top;
}
.section_cont .ttl_lv1.top_ttl:after{
	background: url(../img/ttl_doc_img.png) no-repeat left bottom;
}
.brand_cont h2{
	background: url(../img/sub_ttl_bg.png) no-repeat center top;
}
.clinic_btm_header h1{
	background: url(../img/content_name_bg.png) no-repeat center top;
}


/* タイトル */
.section_cont .practice1_ttl1 span{ background-image: url(../img/practice1_ttl1.png); }
.section_cont .practice2_ttl1 span{ background-image: url(../img/practice2_ttl1.png); }
.section_cont .practice3_ttl1 span{ background-image: url(../img/practice3_ttl1.png); }
.section_cont .practice4_ttl1 span{ background-image: url(../img/practice4_ttl1.png); }
.section_cont .practice4_ttl2 span{ background-image: url(../img/practice4_ttl2.png); }

/* #practice3_header */
#practice4_header h1{
	width: 457px;
}

/* 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;
	font-size: 20px; /* ie8 */
	font-size: 2.0rem;
}
.clinic_box h4{
	margin: 0 0 10px;
	text-align: center;
	color: #ff537b;
	font-size: 28px; /* ie8 */
	font-size: 2.8rem;
}
h4 .num{
	margin: 0 5px 0 0;
	display: inline-block;
	text-align: center;
	font-size: 40px; /* ie8 */
	font-size: 4.0rem;
	line-height: 1.2;
}

.clinic_box h5{
	margin: 40px 0 10px;
	padding: 5px;
	color: #fff;
	font-size: 16px; /* ie8 */
	font-size: 1.6rem;
	background-color: #ff9faa;
	text-align: center;
	border-radius: 2em;
}

.clinic_box div{ margin: 0 0 15px; }
#practice1_cont h4{ margin: 0; }
#practice1_cont h4 span{
	margin: 0 0 -15px;
	display: block;
}
#practice1_cont h4 img{ margin: 0 0 0 -15px; }
#practice1_cont .clinic_box{
	font-size: 15px; /* ie8 */
	font-size: 1.5rem;
}

.clinic_box .size_table_ttl{
	color: #ff537b;
	background: none;
	border-top: 1px solid #ff537b;
	border-bottom: 1px dotted #ff537b;
	border-radius: 0;
}
.size_table{
	margin: 15px 0 0;
	border: 1px solid #bfbfbf;
	background-color: #fff;
	border-collapse: collapse;
	width: 100%;
}
.size_table th, .size_table td {
	border: 1px solid #ccc;
	padding: 5px;
	line-height: 1.4;
	vertical-align: middle;
	font-size: 13px; /* ie8 */
	font-size: 1.3rem;
	text-align: center;
}
.size_table th{
	background-color: #ff537b;
	color: #fff;
	text-align: center;
	font-size: 12px; /* ie8 */
	font-size: 1.2rem;
}
.size_table strong{ color: #ff537b; }
.clinic_cont.process h4{
	width: 1em;
	float: left;
	text-align: left;
}
.clinic_cont.process div{ padding-left: 3.5em; }


/* ナビゲーションリンクボタン */
.categpry_btn.basic_link a{
	margin: 10px 12px 0;
	padding: 10px 30px 10px 10px;
	border-radius: 10px;
	display: block;
	text-align: center;
	background: #ff537b 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.basic_link a:hover{
	opacity: 0.8;
	text-decoration: none;
}

.outline_list li{
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	background: url(../img/list_mark.png) no-repeat left 0.15em;
	font-size: 15px; /* ie8 */
	font-size: 1.5rem;
	line-height: 1.4;
}
.info a:hover{ opacity: 0.8; }



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

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

	/* タイトル */
	.section_cont h2 span{
		position: relative;
		z-index: 100;
	}
	.section_cont .practice1_ttl1 span{ background-image: url(../img/s/practice1_ttl1.png); }
	.section_cont .practice2_ttl1 span{ background-image: url(../img/s/practice2_ttl1.png); }
	.section_cont .practice3_ttl1 span{ background-image: url(../img/s/practice3_ttl1.png); }
	.section_cont .practice4_ttl1 span{ background-image: url(../img/s/practice4_ttl1.png); }
	.section_cont .practice4_ttl2 span{ background-image: url(../img/s/practice4_ttl2.png); }


	.section_cont .ttl_lv1.top_ttl:after{
		margin: -141px -13% 0 0;
		width: 38%;
		height: 0;
		padding-bottom: 43%;
		background-size: auto 100%;
		position: static;
	}
	.clinic_box{ padding: 10px; }
	h4 .num{ font-size: 3.0rem; }
	.clinic_cont.process h4 {
		margin: 0;
		float: none;
		width: auto;
		text-align: center;
	}
	#practice1_cont h4 img{
		margin: 0 0 0 -5px;
		width: 90%;
	}
	.clinic_box h5{ margin: 20px 0 10px; }
	.clinic_cont.process div{ padding-left: 0; }
	/*#brand_btm #practice1_header h1{ width: 48%; }*/
	#practice3_header .content_header_img{ margin: 9% -10% 0 -14%; }
	#brand_btm #practice4_header h1{ width: 67%; }
	.categpry_btn.basic_link a{ margin: 10px; }
	
	.section_cont .ttl_lv1{
		margin: 0 -15px;
		background-size: auto 100%;
		background-position: 13% top;
		padding: 0 10% 0 17%;
		position: relative;
		box-sizing: border-box;
	}
}