@charset "utf-8";

/* SP：list_sp.css
 * **************************************************
 * common
 * categoryList
 * tab （美容皮フ科・美容外科一覧）
 * **************************************************
 */

/* common
------------------------------------------------------------------ */
#subPage #content h1 > span {
    font-size: 2em;
    color: #d6809a;
    font-weight: normal;
    letter-spacing: 0.05em;
}

 /* categoryList （お悩みから探す 治療方法から探す 一覧）
------------------------------------------------------------------ */
#trouble_index .inner,
#treatment_index .inner  {
	padding: 0;
}
.iconDiscription {
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin: 20px 6%;
	border-radius: 10px;
	padding: 1em;
	box-sizing: border-box;
}
.iconDiscription dl + dl {
	margin: 0.25em 0 0 0;
}
.iconDiscription dt {
	float: left;
}
.iconDiscription dd {
	position: relative;
	padding: 0 0 0 6em;
}
.iconDiscription dd:before {
	content: "\002192";
	position: absolute;
	width: 1.5em;
	height: 1em;
	left: 4.5em;
}
.categoryList {
	border-top: 1px solid #ddd;
}
.categoryList li {
	list-style-type: none;
	padding: 1em 8% 1em 6%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.iconDiscription dt,
.categoryList dt {
	font-size: 1.3em;
	line-height: 1.4;
	color: #736357;
}
.iconDiscription dt img,
.categoryList dt img {
	height: 1.2em;
	width: auto;
	vertical-align: top;
	padding: 0 0 0 0.5em;
}
.categoryList dt img + img {
	padding: 0 0 0 0.2em;
}
.categoryList dd {
	color: #666666;
}
.categoryList a {
	display: block;
	position: relative;
}
#trouble_index .categoryList a:after,
#treatment_index .categoryList a:after {
	border: 4px solid #d97f9d;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid transparent;
	content: '';
	display: block;
	position: absolute;
	bottom: inherit; right: -1.5em; top: 50%;
	margin: -4px 0 0 0;
}
/* #treatment_index */
#treatment_index .inner > ul > li {
	list-style-type: none;
	position: relative;
}
#treatment_index .inner > ul > li > a {
	padding: 1.3em 3em 1.3em 2em;
	font-size: 1.3em;
	color: #d6809a;
	background: #f5f5f5;
  pointer-events: none;
}
#treatment_index .inner > ul > li > a:after {
  border: none;
}
#treatment_index li > a {
	transition: none;
	-webkit-transition: none;
}
#treatment_index li > a.active:after {
	background: url(../images/common/roundarrow_top.png) no-repeat center center;
	background-size: contain;
}
#treatment_index .inner > ul {
	border-top: 1px solid #dadada;
}
#treatment_index .inner > ul > li {
	border-bottom: 1px solid #dadada;
}
#treatment_index .inner > ul > li ul li:last-child {
	border-bottom: none;
}


 /* tab （美容皮フ科・美容外科一覧）
------------------------------------------------------------------ */
.search.inner {
	padding: 0;
}
.disnon {
	display: none;
}
/* tab */
#tab {
	padding: 0 4%;
	box-sizing: border-box;
	border-bottom: 10px solid #d97f9d;
}
#tab li {
	width: 50%;
	float: left;
	list-style-type: none;
}
#tab li a {
	color: #fff;
	font-size: 1.1em;
	padding: 0.75em 2.5em;
	line-height: 1.4;
	margin: 0.5em 0 0 0;
	background: #838383;
		/*For Old WebKit*/
		background: -webkit-linear-gradient(
		top,
		#838383 0%,
		#636363 100%
	);
		/*For Modern Browser*/
		background: linear-gradient(
		to bottom,
		#838383 0%,
		#636363 100%
	);
}
#tab li.select a {
	pointer-events : none;
	padding: 1.25em 2.5em 0.75em 2.5em;
	margin: 0;
	background: #e4a1b7;
		/*For Old WebKit*/
		background: -webkit-linear-gradient(
		top,
		#e4a1b7 0%,
		#da809e 100%
	);
		/*For Modern Browser*/
		background: linear-gradient(
		to bottom,
		#e4a1b7 0%,
		#da809e 100%
	);
}
#tab li a:after {
	border: none;
}
#tabBeauty a {
	border-radius: 5px 0 0 0;
}
#tabBeauty.select a {
	border-radius: 5px 5px 0 0;
}
#tabDermatology a {
	border-radius: 0 5px 0 0;
}
#tabDermatology.select a {
	border-radius: 5px 5px 0 0;
}

 /* content_wrap（美容皮フ科・美容外科一覧）
------------------------------------------------------------------ */
#content .searchList {
	margin: 3em 0;
	border-bottom: 1px solid #dadada;
}
#content .searchList li {
	list-style-type: none;
	position: relative;
	border-top: 1px solid #dadada;
}
#content .searchList li a {
	padding: 1.5em 8% 1.5em 6%;
}
#content .searchList li a:after {
	border: 4px solid #d97f9d;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid transparent;
	content: '';
	display: block;
	position: absolute;
	bottom: inherit;
	right: 1em;
	top: 50%;
	margin: -4px 0 0 0;
}