@charset "utf-8";


/*=======================================================
	エリス 新素肌感
=======================================================*/
/*---------------------------------------------
	cms・brand上書き
---------------------------------------------*/
.brand_cont{
	margin-bottom: 0;
	padding: 0;
}
.br_sp{ display: none; }


/*---------------------------------------------
	style
---------------------------------------------*/
#top_clinic_ttl{
	margin: 30px auto 25px;
	padding: 0 0 20px;
	overflow: hidden;
	height: 52px;
	width: 239px;
	border-bottom: 2px dotted #9a8c7c;
	background: url(../img/seminar_title.gif) no-repeat center top;
	text-indent: 100%;
	white-space: nowrap;
}
/* セミナー見出し */
#seminar_ttl{
	margin-bottom: 5px;
	border-bottom: 1px solid #b98fe8;
	color: #b98fe8;
	font-size: 2.0rem;
}
#seminar_subttl{
	margin-bottom: 20px;
	width: 700px;
	color: #747474;
	font-size: 1.5rem;
}
#shinsuhadakan_seminar .main_cont{
	margin: 20px auto 0;
	clear: both;
	width: 700px;
}
#shinsuhadakan_seminar main h1{
	margin-bottom: 10px;
}
#shinsuhadakan_seminar main h3{
	margin: 20px 0 10px;
	border-bottom: 1px solid #edecee;
}
#shinsuhadakan_seminar main .note_cont{
	margin: 30px auto 0;
}
#shinsuhadakan_seminar main .note_cont h3{
	padding-bottom: 0;
	border-bottom: 1px solid #b48be1;
}
.bottom_nav{
	overflow: hidden;
}
.bottom_nav .prev{
	float: left;
}
.bottom_nav .next{
	float: right;
}
/* 01 */
#seminar_01 .seminar_flow{
	margin: 0 auto;
	overflow: hidden;
	width: 600px;
}
#seminar_01 .seminar_flow li{
	display: inline;
	float: left;
	width: 200px;
	vertical-align: top;
}
#seminar_01 .seminar_flow li img{
	vertical-align: top;
}
#seminar_01 .seminar_flow .seminar_flow_text{
	width: 170px;
}
/* 02 */
#seminar_02 .trouble{
	float: left;
	width: 480px;
}
#seminar_02 .trouble p{
	padding-left: 60px;
	background: url(../img/sm02_icon_trouble.gif) no-repeat left top;
}
#seminar_02 .trouble_img{
	float: right;
	width: 180px;
	text-align: center;
}
#seminar_02 .sm02_doctor{
	margin-bottom: 10px;
	padding: 15px;
	overflow: hidden;
	clear: both;
	border: 1px solid #ccc;
	background-color: #f5eefe;
}
#seminar_02 .sm02_doctor .sm02_doctor_img{
	margin: 0;
	float: left;
	width: 115px;
}
#seminar_02 .sm02_doctor .sm02_doctor_main{
	float: right;
	width: 540px;
}
#shinsuhadakan_seminar main .sm02_doctor_main h3{
	margin-top: 0;
}
#seminar_02 .sm02_doctor .sm02_doctor_main dt{
	margin: 0 -110px 0 0;
	padding: 4px 0;
	display: inline;
	float: left;
	clear: both;
	width: 110px;
}
#seminar_02 .sm02_doctor .sm02_doctor_main dd{
	padding: 4px 10px 4px 110px;
}
/* 03 */
/* 画像置換 */
#seminar_03 #sm03_catch{
	overflow: hidden;
	width: 523px;
	height: 57px;
	background: url(../img/sm03_catch.gif) no-repeat left top;
	text-indent: 120%;
	white-space: nowrap;
}
#seminar_03 #checklist{
	margin-bottom: 15px;
}
#seminar_03 #checklist li{
	padding: 10px 0 0;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #ccc;
}
#seminar_03 #checklist li span{
	display: block;
	display: inline;
	overflow: hidden;
	float: left;
	width: 380px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 120%;
	white-space: nowrap;
}
#seminar_03 #checklist li #sm03_q01{
	background-image: url(../img/sm03_q01_let.gif);
}
#seminar_03 #checklist li #sm03_q02{
	background-image: url(../img/sm03_q02_let.gif);
}
#seminar_03 #checklist li #sm03_q03{
	background-image: url(../img/sm03_q03_let.gif);
}
#seminar_03 #checklist li #sm03_q04{
	background-image: url(../img/sm03_q04_let.gif);
}
#seminar_03 #checklist li #sm03_q05{
	background-image: url(../img/sm03_q05_let.gif);
}
#seminar_03 #checklist li #sm03_q06{
	background-image: url(../img/sm03_q06_let.gif);
}
#seminar_03 #checklist li #sm03_q07{
	background-image: url(../img/sm03_q07_let.gif);
}
#seminar_03 #checklist li #sm03_q08{
	background-image: url(../img/sm03_q08_let.gif);
}
#seminar_03 #checklist li #sm03_q09{
	background-image: url(../img/sm03_q09_let.gif);
}
#seminar_03 #checklist li #sm03_q10{
	background-image: url(../img/sm03_q10_let.gif);
}
#seminar_03 #checklist li #sm03_q11{
	background-image: url(../img/sm03_q11_let.gif);
}
#seminar_03 #checklist li #sm03_q12{
	background-image: url(../img/sm03_q12_let.gif);
}
#seminar_03 #checklist li #sm03_q13{
	background-image: url(../img/sm03_q13_let.gif);
}
#seminar_03 #checklist li img{
	display: inline;
	float: left;
}
#seminar_03 input{
	float: right;
}
/* POPUP */
#sinsuhadakan_popup,
#sinsuhadakan_popup body{
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
}
#sinsuhadakan_popup section{
	margin: 0 auto;
	padding-bottom: 10px;
	width: 380px;
	background: #fff url(../img/pop_f_01.gif) no-repeat center bottom;
}
#sinsuhadakan_popup section h1{
	margin: 0 -10px;
}
#sinsuhadakan_popup section p{
	padding: 10px 30px 0;
}
/* 04 */
/* 画像置換 */
#seminar_04 .sm04_subttl{
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 120%;
	white-space: nowrap;
}
#sm04_subttl_01{
	width: 582px;
	height: 23px;
	background-image: url(../img/sm04_st_01.gif);
}
#sm04_subttl_02{
	width: 582px;
	height: 24px;
	background-image: url(../img/sm04_st_02.gif);
}
#seminar_04 section{
	margin-bottom: 20px;
	clear: both;
}
#seminar_04 section h3{
	margin-top: 10px;
}
#seminar_04 section h4{
	margin: 10px 0 5px;
	clear: both;
	border-bottom: 1px solid #ccc;
}
/*---------------------------------------
	汎用
---------------------------------------*/
.textcenter{
	text-align: center;
}
.textright{
	text-align: right;
}
.fr{
	float: right;
}
.fr img,
img.fr{
	margin-left: 10px;
}
.fl{
	float: left;
}
.fl img,
img.fl{
	margin-right: 10px;
}
.special_cont main p{
	margin: 10px 0;
}
.brand_cont nav ul{
	width: 200px;
	border-top: 1px dotted #8e8277;
	background-color: #fff;
}
.brand_cont nav li{
	padding: 10px;
	border-bottom: 1px dotted #8e8277;
	text-align: center;
}
.brand_cont nav li a{
	color: #9a8c7c;
	font-weight: bold;
}
.brand_cont nav li.current a{
	border-bottom: 3px solid #ad72f0;
	color: #322926;
}


/* ===========================================
	MediaQueries
=========================================== */
/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	/*---------------------------------------------
		cms・brand上書き
	---------------------------------------------*/
	.brand_cont{
		margin-bottom: 0;
		padding: 0 15px;
	}
	.brand_cont img{
		max-width: 100% !important;
		height: auto !important;
	}
	.br_sp{ display: inline-block; }

	/*---------------------------------------------
	style
	---------------------------------------------*/
	.brand_cont nav ul{
		width: 100%;
	}
	#top_clinic_ttl{
		margin: 25px auto 10px;
		background: url(../img/s/seminar_title.gif) no-repeat center top;
		background-size: 100% auto;
	}
	#brand_btm #seminar_ttl{
		margin: 0 0 5px;
		padding: 5px 0 5px;
	}
	#seminar_subttl{
		width: 100%;
		font-size: 1.3rem;
	}
	#seminar_01 .seminar_flow{
		width: 100%;
	}
	#seminar_01 .seminar_flow li{
		margin: 0 0 25px;
		float: none;
		width: 100%;
		text-align: center;
		display: block;
		position: relative;
	}
	#seminar_01 .seminar_flow li:first-child img{
		padding-right: 20px;
	}
	.note_arrow{
		display: none;
	}
	#seminar_01 .seminar_flow li:before{
		content: '';
		margin: 0 auto;
		width: 18px;
		height: 16px;
		transform:rotate(90deg);
		text-align: center;
		background: url(../img/sm01_ill02_yazi.gif) no-repeat right bottom;
		position: absolute;
		top: -21px;
		left: 0;
		right: 0;
	}
		#seminar_01 .seminar_flow li:first-child:before{
			content: none;
	}
	#seminar_01 .seminar_flow .seminar_flow_text{
		width: 100%;
	}
	/* 02 */
	#seminar_02 h3{
		margin: 0;
	}
	#seminar_02 p.sm02_doctor_img{
		padding-left: 0;
		position: absolute;
		top: 52px;
		left: 10px;
		width: 60px;
	}
	#seminar_02 .trouble{
		width: 100%;
	}
	#seminar_02 .trouble p{
		margin-bottom: 15px;
		padding-left: 60px;
		background: url(../img/sm02_icon_trouble.gif) no-repeat left top;
		font-size: 13px;
		min-height: 60px;
	}
	#seminar_02 .trouble_img{
		float: none;
		text-align: center;
		width: 100%;
	}
	#seminar_02 .sm02_doctor{
		margin-bottom: 15px;
		padding: 15px 10px;
		position: relative;
		border: 1px solid #ccc;
		background-color: #f5eefe;
	}
	#seminar_02 .sm02_doctor p{
		padding: 0 0 0 65px;
	}
	#seminar_02 .sm02_doctor .sm02_doctor_img{
		padding-left: 0;
		position: absolute;
		top: 52px;
		left: 10px;
		width: 60px;
	}
	#seminar_02 dt{
		margin-top: 10px;
	}
	#seminar_02 dd{
		line-height: 1.3;
	}
	/* 03 */
	#seminar_03 #sm03_catch{
		margin-bottom: 10px;
		padding: 10px 10px 10px 60px;
		overflow: visible;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		border: 1px solid #a17cbc;
		background: url(../img/s/sm03_catch_bg1.png) no-repeat left top, url(../img/s/sm03_catch_bg2.png) repeat left top;
		color: #fff;
		font-size: 13px;
		text-indent: 0;
		white-space: normal;
	}
	#seminar_03 #checklist{
		margin-bottom: 15px;
	}
	#seminar_03 #checklist li{
		padding: 10px 0 ;
		overflow: hidden;
		clear: both;
		border-bottom: 1px solid #ccc;
		line-height: 1.2;
	}
	#seminar_03 #checklist li img{
		margin-right: 5px;
		float: left;
	}
	#seminar_03 #checklist li span{
		float: left;
		width: 70%;
	}
	#seminar_03 input{
		float: right;
	}
	/* POPUP */
	#sinsuhadakan_popup,
	#sinsuhadakan_popup body{
		margin: 0;
		padding: 0;
		border: none;
		background-image: none;
	}
	#sinsuhadakan_popup img{
		max-width: 100% !important;
		height: auto !important;
	}
	#sinsuhadakan_popup body{
		background-size: 10px 404px;
	}
	#sinsuhadakan_popup section{
		margin: 0 auto;
		padding-bottom: 10px;
		width: 300px;
		border-radius: 0 0 5px 5px;
		background-color: #fff;
	}
	#sinsuhadakan_popup section h1{
		margin: 0 -8px;
	}
	#sinsuhadakan_popup section p{
		margin: 0 0 10px;
		padding: 0 30px 0;
		font-size: 13px;
	}
	/* 04 */
	#seminar_04 section{
		margin-bottom: 20px;
		clear: both;
	}
	#seminar_04 section h3{
		margin-top: 20px;
		padding: 10px;
		background: rgb(190,152,234); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(190,152,234,1) 76%, rgba(221,213,232,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(76%,rgba(190,152,234,1)), color-stop(100%,rgba(221,213,232,1))); /* Chrome,Safari4+ */
		background: linear-gradient(to right,  rgba(190,152,234,1) 76%,rgba(221,213,232,1) 100%); /* W3C */
		text-shadow: 0 0 2px #87729e;
;
		color: #fff;
		line-height: 1.3;
	}
	#seminar_04 section h3 span:before{
		content: '\A';
		white-space: pre;
	}
	#seminar_04 section h4{
		margin: 10px 0 0;
		border-bottom: 1px solid #ccc;
	}
	/*---------------------------------------
		汎用
	---------------------------------------*/
	.textcenter{
		text-align: center;
	}
	.textright{
		text-align: right;
	}
	.fr,
	.fl{
		float: none;
		text-align: center;
	}
	#seminar_02 .sm02_doctor .sm02_doctor_main{
		width: 100%;
	}
	.bottom_nav .prev{
		float: none;
		text-align: center;
	}
	.bottom_nav .next{
		float: none;
		text-align: center;
	}
	#brand_btm #seminar_03 #checklist li span{
		overflow: visible;
		background: none;
		text-indent: 0;
		white-space: normal;
	}
	#seminar_04 .sm04_subttl{
		box-sizing: border-box;
		width: 100%;
		height: auto;
		text-indent: 0;
	}
	#sm04_subttl_02{
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}
	#seminar_04 section h3 span{
		display: block;
		width: 100%;
	}
	#seminar_04 .sm04_subttl{
		overflow: visible;
		text-indent: 0;
		white-space: normal;
	}
}