em {font-style: normal;}
#mainvisual {
	background-color:#F6F6F6;
}
#mainvisual .ac_ly_002 {
	align-items: center;
}



#result {
}


/* ドクターテンプレート */

.tmp_box {
	padding: 20px;
	background-color:#FBF7EB;
}
.tmp_head {
	display:flex;
}
.tmp_head ._photo img {
	width: 100px;
}
.tmp_head_right {
	margin-left:10px;
}
.tmp_head_right ._name {
	font-size: 22px;
	color: #f66;
}
.tmp_head_right ._name .links_icons {
	padding-left: 10px;
}
.tmp_head_right ._name .links_icons img {
	width: 22px;
}
.tmp_head_right ._kana {
	font-size: 11px;
}

.tmp_rank {
	margin-bottom:3%;
}
.tmp_rank .ac_ly_002 {
	border-radius:5px;
	background-color:#fff;
	overflow:hidden;
	margin-top:5px;
}
.tmp_rank .ac_ly_002 .col {
	padding: 8px;
	display:flex;
	align-items:center;
}
.tmp_rank .ac_ly_002 .col._left {
	background-color:#FFAEB7;
	color:#fff;
	line-height: 1.2;
}
.tmp_rank .ac_ly_002 .col img {
	margin-right:1%;
	width:15%;
}
.circle1 {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 4px 15px;
	font-size: 13px;
	text-align: left;
	line-height: 120%;
	margin: 5px 0;
}
.circle1 ._center {
	text-align: center;
	font-size: 18px;
	padding: 6px 0;
}
.circle1 ._right ._hiredate {
	font-size: 11px;
}
.between_btns {
	font-size: 13px;
	margin: 5px 0;
}
/* 横長ボタン */
._btns1, ._btns2 {
	margin: 1% 2%;
}

/* -------------------------------------------- ポップアップ */
.selecter {
	position: relative;
	display: none;
}
.selecter .left_bottom {
	position: absolute;
	bottom: -50px;
	left: 10px;
	margin: 0 5%;
	padding: 10px 0;
}
.buttons {
}
.buttons {
	box-shadow:none!important;
	border:none!important;
	padding:0!important;
	font-size:0;
}
.buttons h4 {
	background-color: #FC637F;
	color:#fff;
	font-size:22px;
	padding: 2%;
	text-align: center;
	display: flex;
    justify-content: space-between;
}
.buttons h4 .closeBtn {
	border:1px solid #fff;
	background-color:transparent;
	padding: 3px 15px;
    font-size: 15px;
	cursor:pointer;
}
.buttons h5 {
	font-size:18px;
}
.buttons h5:before {
	content:'■';
	color: #FC637F;
}
.buttons .selecter_inner {
	margin:5%;
}
.buttons .selBtn {
	font-size:18px;
	display: inline-block;
	border-radius:5px;
	padding: 2px 10px;
	margin: 4px;
	cursor: pointer;
	background-color: #fff;
	box-shadow: 3px 3px 0px 0px #ddd;
}
.buttons .selBtn:hover {
	opacity:0.7;
}
.buttons .selBtn span.jsk {
	font-size: 80%;
	font-weight: bold;
	color: #FC637F;
	display: block;
}
.buttons .selBtn._on span.jsk {
	color: #fff;
}
.buttons ._on {
	background-color: #FC637F;
	color:#fff;
	border:none!important;
}
.buttons span.closeBtn {
	display:none;
}
.buttons .closeBtn::after {
	content:'×';
}
.buttons .return-city {
	display: inline-block;
	font-size: 13px;
	cursor: pointer;
	border: 1px solid #ddd;
	padding: 3px 8px 3px 20px;
	margin-bottom: 15px;
	position: relative;
	background-color: #fff;
}
.buttons .return-city:before {
	content: '<';
	position: absolute;
	top: 3px;
	left: 8px;
}
.buttons .return-city:hover {
	background-color: #f5f5f5;
}

@media screen and (max-width: 979px) {
	#mainvisual {
		background-image:url(images/main.png);
		background-position:center center;
		background-size:cover;
		text-align:center;
	}
	#mainvisual .col {
		margin:0;
		background-color:rgba(255,255,255,.6);
		padding:4% 0;
	}
/*	#recommend_doctor_subject {
		padding-top: 20%;
	}*/
	.tmp_box {
		padding:10px;
	}
	.tmp_rank .ac_ly_002 .col {
		padding:5px;
	}
	.tmp_rank .ac_ly_002 .col._left {
		text-align:center!important;
		padding:10px 0;
		display: block;
	}
	.tmp_rank .ac_ly_002 .col span {
		width:100%;
		text-align:center;
	}
	.tmp_rank .ac_ly_002 .col img {
		margin-right:1%;
		width:12%;
	}
	
	
	.buttons h4 {
		font-size:20px;
		text-align: left;
	}
	.buttons h4 .closeBtn {
		flex: none;
    	align-self: center;
	}
	.buttons h5 {
		font-size:16px;
	}
	.buttons .selBtn {
		font-size:16px;
	}
}

/*---------------------------------------------- エキスパートドクター */

section.exDoctor {
	padding: 40px 0;
	background: #FBF7EB;
	font-size: 18px;
	line-height: 1.5;
}
section.exDoctor .inner {
	width: 980px;
	margin: 0 auto;
}
section.exDoctor .containerWrap {
	border: 10px solid #fff;
	margin: 20px 0 0;
	padding: 25px 20px 5px 315px;
	background-color: #F6F6F6;
	background-repeat: no-repeat;
}
section.exDoctor .inner .containerWrap {
	background-position: left top;
	min-height: 560px!important;
	background-position: 10px top!important;
}
section.exDoctor .inner .containerWrap.nagura {
	background-image: url(/assets/liposuction/images/ex_dr_nagura.png);
}
section.exDoctor .inner .containerWrap.kuzushima {
	background-image: url(/assets/liposuction/images/ex_dr_kuzushima02.png);
}
section.exDoctor .inner .containerWrap.tanaka {
	background-image: url(/assets/agingcare/images/ex_dr_tanaka.png);
}
section.exDoctor .inner .containerWrap.takahashi {
	background-image: url(/assets/agingcare/images/ex_dr_takahashi.png);
}
section.exDoctor .containerInner1 {
	text-align: center;
	margin: 0 0 20px;
}
section.exDoctor .containerInner1 header {position: relative;}
section.exDoctor .containerInner1 header h2 {
	height: 36px;
	font-size: 20px;
	line-height: 1.85;
	background: url(images/expert/exIndex.png) center top no-repeat;
	position: relative;
	z-index: 3;
}
section.exDoctor .inner .containerWrap .containerInner1 header h2.large {
	background-image: url(https://www.s-b-c.sbs/doctor/area_contents/images/exIndex_large.png);
}
@media screen and (max-width: 979px) {
	section.exDoctor .inner .containerWrap .containerInner1 header h2.large {
		height: 7.5vw;
	}
}
section.exDoctor .containerInner1 header h2 span {
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: rgb(227,195,126);
	background: linear-gradient(0deg, rgba(207,170,90,1) 20%, rgba(237,226,182,1) 50%, rgba(207,170,90,1) 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
section.exDoctor .containerInner1 header::before {
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	top: 50%;
	top: calc(50% - 2px);
	background: url(images/expert/exIndexBg.png) repeat;
	z-index: 2;
}
section.exDoctor .containerInner1 h3 {
	font-size: 40px;
	line-height: 1.2;
	margin: 10px 0 0;
	color: #6b4614;
	background: url(images/expert/exH3bg.jpg) center center / 100% 100% no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
section.exDoctor .containerInner1 .detail {
	display: flex;
	justify-content: space-between;
	background: url(images/expert/exIndexBg.png) left bottom repeat-x;
	padding: 10px 0 14px;
	line-height: 1.5;
}
section.exDoctor .containerInner1 .detail > div {width: 137px;}
section.exDoctor .containerInner1 .detail > div img {margin-top: -68px;}
section.exDoctor .containerInner1 .detail > p {
	width: 485px;
	width: calc(100% - 140px);
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}
section.exDoctor .containerInner1 .detail > p em {color: #B20000;}
section.exDoctor .containerInner2 {
	width: 100%;
	display: flex;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
}
section.exDoctor .containerInner2 h3 {
	font-size: 22px;
	width: 100%;
}
section.exDoctor .containerInner2 h3::before {
	content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    border: none;
    padding: 0;
    margin: 0 6px 0 0;
    vertical-align: text-bottom;
    background: url(https://www.s-b-c.sbs/clinic/branch/shinjuku/images/crown.svg) center top/100% auto no-repeat;
}
section.exDoctor .containerInner2 .name {
	padding: 0 20px 0 0;
	font-size: 40px;
	font-weight: bold;
	color: #FF6699;
	line-height: 1.2;
}
section.exDoctor .containerInner2 .kana {
	width: 100%;
	font-size: 15px;
}
section.exDoctor .containerInner2 ul.links {
	display: flex;
	justify-content: flex-start;
}
section.exDoctor .containerInner2 ul.links li + li {margin-left: 5px;}
section.exDoctor .containerInner2 ul.links li img {
	width: 40px;
	height: auto;
}
section.exDoctor .containerInner3 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	margin: 20px 0 0;
}
section.exDoctor .containerInner3 > p {width: 300px;}
@media screen and (max-width: 979px) {
	section.exDoctor {
		padding: 3%;
		font-size: 3vw;
	}
	section.exDoctor .inner {width: 100%;}
	section.exDoctor header {margin: 0 0 3%;}
	section.exDoctor header h2 {
		padding: 6vw 0 0;
		max-width: 70%;
		margin: 0 auto;
	}
	section.exDoctor header h2::before {
		background-size: 100% auto;
		width: 6vw;
		height: 4vw;
		left: calc(50% - 3vw);
	}
	section.exDoctor header p {
		margin-top: 3px;
		font-size: 3.5vw;
	}
	section.exDoctor .containerWrap {
		border: 2vw solid #fff;
		margin: 4vw 0 0;
		min-height: inherit;
		padding: 3%;
	}
	section.exDoctor .inner .containerWrap {
		min-height: inherit;
		background-image: none!important;
	}
	section.exDoctor .containerInner1 {
		margin: 0 0 2vw;
	}
	section.exDoctor .containerInner1 header h2 {
		height: 8vw;
		font-size: 4vw;
		line-height: 2.1;
		background-size: auto 100%;
		padding: 0;
	}
	section.exDoctor .containerInner1 header h2 span {}
	section.exDoctor .containerInner1 header::before {}
	section.exDoctor .containerInner1 h3 {
		font-size: 8vw;
		margin: 1vw 0 0;
	}
	section.exDoctor .containerInner1 .detail {padding: 2vw 0 2.2vw;}
	section.exDoctor .containerInner1 .detail > div {width: 30%;}
	section.exDoctor .containerInner1 .detail > div img {margin-top: 0;}
	section.exDoctor .containerInner1 .detail > p {
		width: 68%;
		font-size: 3.5vw;
	}
	section.exDoctor .containerInner2 {
		width: 100%;
		display: flex;
		justify-content: left;
		align-items: center;
		flex-wrap: wrap;
	}
	section.exDoctor .containerInner2 h3 {
		font-size: 4.5vw;
		width: 100%;
	}
	section.exDoctor .containerInner2 h3::before {
		width: 7vw;
		height: 7vw;
		padding: 0;
		margin: 0 1vw 0 0;
	}
	section.exDoctor .containerInner2 .name {
		padding: 0 3vw 0 0;
		font-size: 7vw;
	}
	section.exDoctor .containerInner2 .kana {
		width: 100%;
		font-size: 3vw;
	}
	section.exDoctor .containerInner2 ul.links li + li {margin-left: 1vw;}
	section.exDoctor .containerInner2 ul.links li img {
		width: 7vw;
		height: auto;
	}
	section.exDoctor .containerInner2 ._pc-none {
		width: 70%;
		margin: 2vw auto 0;
		text-align: center;
	}
	section.exDoctor .containerInner3 {
		margin: 0;
		flex-direction: column;
	}
	section.exDoctor .containerInner3 > p {width: 100%;}
	section.exDoctor .containerInner3 > p + p {margin-top: 2vw;}
	section.exDoctor .button-normal {
		min-height: inherit;
		font-size: 4vw;
		padding: 2vw;
	}
}




