/* Common
------------------------*/

.content-wrap {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff url(../images/ja/bg03_pc2.png) no-repeat top left;
	background-size: auto;
	margin-top: 115px;
	padding-bottom: 5%;
}

.content-wrap-inner {
	margin: 0 5%;
}

.content-wrap img {
	max-width: 100%;
}

.img-center {
	text-align: center;
}

.text-center {
	text-align: center;
}

.bold-font {
	font-weight: 800;
}

.text-red {
	color: red;
}

.price-bg-brown {
	background: #5C3D29;
	color: #ffffff;
	padding: 2%;
}

.bold-16px {
	font-weight: 800;
	font-size: 16px;
}

.radiused-tittle h2 {
	color: #683a1b;
	background: #f3d580;
	border-bottom: 6px solid #c49c65;
	border-radius: 12px 12px 0 0;
	line-height: 1.2;
	padding: 10px 20px;
	font-size: 18px;
}

.wide-h2-en {
	border: 1px solid #e0d4c4;
	background: #f3f0e9;
	padding: 4% 5%;
	margin: 0;
}

.wide-h2-en h2 {
	font-size: 16px;
	font-weight: 800;
	color: #5C3D29;
	text-align: left;
	line-height: 1.5
}

.orange-gradient-tittle h2 {
	background:
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4cc71+1,ffffff+100 */
		background: #f4cc71;
	/* Old browsers */
	background: -moz-linear-gradient(left, #f4cc71 1%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f4cc71 1%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f4cc71 1%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4cc71', endColorstr='#ffffff', GradientType=1);
	/* IE6-9 */
	font-size: 15px;
	padding: 3% 5% 3% 5%;
	font-size: 18px;
}

.big-red-btn {
	margin-top: 5%;
	width: 100%;
	border: 1px solid #ce7f7f;
	background: #e38181;
	background: -moz-linear-gradient(top, #e38181 0%, #da5858 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e38181), color-stop(100%, #da5858));
	background: -webkit-linear-gradient(top, #e38181 0%, #da5858 100%);
	background: -o-linear-gradient(top, #e38181 0%, #da5858 100%);
	background: -ms-linear-gradient(top, #e38181 0%, #da5858 100%);
	background: linear-gradient(to bottom, #e38181 0%, #da5858 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e38181', endColorstr='#da5858', GradientType=0);
	border-radius: 5px;
}

.big-red-btn a {
	display: block;
	text-align: center;
	color: #ffffff;
	padding: 5% 0;
	font-size: 18px;
	font-weight: 800;
	text-decoration: none;
}

.content-wrap button.css3button {
	cursor: pointer;
	display: block;
	font-size: 22px;
	color: #8a6a0b;
	padding: 10px 20px;
	margin-top: 5%;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #fdf1d0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbe9b3+0,ffffff+51,fbe9b3+100 */
	background: #fbe9b3;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fbe9b3 0%, #ffffff 51%, #fbe9b3 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fbe9b3 0%, #ffffff 51%, #fbe9b3 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fbe9b3 0%, #ffffff 51%, #fbe9b3 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe9b3', endColorstr='#fbe9b3', GradientType=0);
	/* IE6-9 */
}

.content-wrap section {
	margin-top: 6%;
}

.content-wrap section p {
	line-height: 1.5;
	font-size: 18px;
}

.basic-margin {
	margin-top: 5%;
}

.asc-google-map {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.asc-google-map iframe {
	position: absolute;
	top: 6%;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* hokyo-lp-en.html
------------------------*/
/* hokyo-lp-en.html
------------------------*/
/* hokyo-lp-en.html
------------------------*/

/* clinic-strength-en
------------------------*/

.clinic-strength-en img {
	margin-top: 2.5%;
}

/* key-points-en
------------------------*/

.key-points-en h3 {
	font-size: 22px;
	font-weight: 400;
	margin-top: 5%;
	line-height: 1.25;
	padding-left: 1.8em;
	text-indent: -1.8em;
}

/* breast-aug-price-en
------------------------*/

.breast-aug-price-en table {
	width: 100%;
	border-collapse: collapse;
}

.breast-aug-price-en table th {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	background: #ebe5d8;
	border: 1px solid #ebe5d8;
	padding: 5% 0;
}

.breast-aug-price-en table td {
	display: block;
	font-size: 25px;
	line-height: 1.5;
	border: 1px solid #ebe5d8;
	text-align: center;
	padding: 5% 0;
	border-collapse: collapse;
}

/* breast-aug-box-en
--------------------*/

.breast-aug-box-en h3 {
	font-size: 22px;
	line-height: 1.25;
}

/* breast-aug-box-en
--------------------*/

.concerns-en h3 {
	margin-top: 2.5%;
	font-size: 18px;
	line-height: 1.5;
}

/* clinic-pictures-en
--------------------*/

.clinic-pictures-en img:last-of-type {
	margin-top: 5%;
}

/* msg-from-president-en
--------------------*/

.msg-from-president-en h2 {
	font-size: 18px;
	margin-top: 5%;
}

.msg-from-president-en p {
	margin-top: 3.5%;
}

/* dr-profile-en
--------------------*/
.dr-profile-en h3 {
	font-size: 24px;
	line-height: 1.25
}

.dr-profile-en table {
	width: 100%;
	border-right: 1px solid #d4c2aa;
	border-bottom: 1px solid #d4c2aa;
	border-collapse: collapse;
}

.dr-profile-en table th {
	background: #f3f0e9;
	border-top: 1px solid #d4c2aa;
	border-left: 1px solid #d4c2aa;
	font-size: 16px;
	vertical-align: middle;
	padding: 5% 0;
	display: block;
	border-collapse: collapse;
}

.dr-profile-en table td {
	font-size: 16px;
	border-top: 1px solid #d4c2aa;
	border-left: 1px solid #d4c2aa;
	display: block;
	padding: 5% 5%;
	border-collapse: collapse;
	line-height: 1.5;
}


/* contact-info-en
--------------------*/

.contact-info-en table {
	width: 100%;
	border-collapse: collapse;
}

.contact-info-en table th {
	display: block;
	line-height: 1.5;
	font-size: 16px;
}

.contact-info-en table td {
	display: block;
	text-align: center;
	line-height: 1.5;
	font-size: 16px;
}

.contact-info-en-phone img {
	margin-right: 2.5%;
	padding-bottom: 2%;
}

.phone-number-en {
	color: #CC5439;
	font-weight: 800;
	margin: 0;
	font-size: 22.5px;
}

/*////////// wrinkle-en.html //////////*/
.wrin-mt {
	margin-top: 10%;
}

/* .wrinkle-treatment
	------------------------*/
.wrinkle-treatment h3,
.wrinkle-treatment h4,
.wrinkle-treatment h5 {
	font-size: 19px;
}

.wrinkle-treatment p {
	margin-top: 2%;
}

/* .cause-n-treatment
	------------------------*/
.wrinkle-cause-n-treatment h3 {
	font-size: 19px;
	color: #2C5987;
}

.wrinkle-cause-n-treatment h4 {
	font-size: 19px;
	color: #a70000;
}

.wrinkle-cause-n-treatment h5 {
	font-size: 19px;
	color: #ea5514;
}

.wrinkle-cause-n-treatment p {
	margin-top: 2%;
}

.wrinkle-cause-n-treatment a {
	text-decoration: none;
}

/* .wrinkle-detailed-menu
	------------------------*/
.wrinkle-detailed-menu h3 {
	font-size: 19px;
	color: #2C5987;
	border-bottom: 1px dotted #ddd;
}

.wrinkle-detailed-menu h4 {
	font-size: 19px;
	color: #a70000;
}

.wrinkle-detailed-menu h5 {
	font-size: 19px;
	color: #ea5514;
}

.wrinkle-detailed-menu p {
	margin-top: 2%;
}

.wrinkle-detailed-menu-box table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 5%;
	border: 1px solid #ebe5d8;
}

.wrinkle-detailed-menu-box table th,
.wrinkle-detailed-menu-box table td {
	display: block;
	padding: 5% 0;
	border-collapse: collapse;
}

.wrinkle-detailed-menu-box table th {
	background: #ebe5d8;
	font-size: 16px;
}

.wrinkle-detailed-menu-box table td {
	text-align: center;
	border-bottom: 1px solid #ebe5d8;
	font-size: 18px;
}

.wrinkle-detailed-menu-box table td:last-of-type {
	border-bottom: none;
}


/* .links-for-each-treatment
	------------------------*/
.links-for-each-treatment h3 {
	font-size: 20px;
}

.links-for-each-treatment h4 {
	font-size: 19px;
}

.links-for-each-treatment ul li {
	list-style-position: inside;
	list-style-type: disc;
	font-size: 17px;
	margin-top: 3.5%;
	line-height: 1.5;
}


@media screen and (min-width:768px) {
	.content-wrap {
		margin-top: 143px;
	}

	.content-wrap section {
		margin-top: 4%;
	}

	.basic-margin {
		margin-top: 3%;
	}

	.big-red-btn {
		width: 50%;
		margin: 5% auto 0 auto;
	}

	.key-points-en-flex {
		display: flex;
		flex-direction: row-reverse;
	}

	.key-points-en-img {
		flex-basis: 30%;
	}

	.key-points-en-desc {
		flex-basis: 70%;
	}

	.particular-about-flex {
		display: flex;
	}

	.particular-about1-en-img {
		flex-basis: 45%;
	}

	.particular-about1-en-desc {
		flex-basis: 55%;
	}

	.particular-about-8px-border {
		border: 8px solid #fffae0;
	}

	.particular-about-1px-border {
		border: 1px solid #ffd555;
		padding: 5% 5%;
	}

	.breast-aug-price-en table th {
		display: table-cell;
		padding: 3% 0;
	}

	.breast-aug-price-en table td {
		display: table-cell;
		padding: 3% 0;
	}

	.breast-aug-price-en-desc {
		width: 85%;
		margin: 0 auto;
	}

	.border-btm {
		border-bottom: white 1px solid !important;
	}

	.concerns-en h3 {
		margin-top: 2%;
	}

	.msg-from-president-en p {
		margin-top: 1.5%;
	}

	.wide-h2-en {
		padding: 2% 5%;
	}

	.dr-profile-en table th {
		display: table-cell;
		vertical-align: middle;
	}

	.dr-profile-en table td {
		display: table-cell;
		vertical-align: middle;
	}

	.dr-profile-en-imgflex {
		display: flex;
		justify-content: space-around;
	}

	.dr-profile-en-imgbox1 {
		flex-basis: 40%;
	}

	.dr-profile-en-imgbox2 {
		flex-basis: 40%;
	}

	.dr-profile-en-imgbox3 {
		flex-basis: 20%;
	}

	.contact-info-en-flex {
		display: flex;
		justify-content: space-between;
	}

	.contact-info-en-img {
		flex-basis: 30%;
		padding-right: 2%;
		text-align: left;
	}

	.contact-info-en-address {
		flex-basis: 40%;
		padding: 0 2%;
	}

	.contact-info-en-phone {
		flex-basis: 33%;
		padding-left: 2%;
	}
	
	.contact-info-en-phone p {
		margin-top: 5%;
	}
	
	.phone-number-en {
		font-size: 18px;
	}

	.wrin-mt {
		margin-top: 4%;
	}

	.wrinkle-treatment p {
		margin-top: 1%;
	}

	.wrinkle-cause-n-treatment p {
		margin-top: 1%;
	}

	.wrinkle-cause-n-treatment button.css3button {
		margin-top: 3%;
	}

	.wrinkle-cause-n-treatment .button-flex {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.wrinkle-cause-n-treatment .button-flex .button-box {
		width: 80%;
		margin: 0 auto;
	}

	.wrinkle-detailed-menu-box table {
		margin-top: 2.5%;
	}

	.wdm-table-flex {
		display: flex;
		justify-content: space-around;
	}

	.wdm-table-flex .wdm-table-box {
		flex-basis: 48%;
	}

	.wrinkle-detailed-menu-box table th,
	.wrinkle-detailed-menu-box table td {
		padding: 4% 0;
	}
	
	.links-for-each-treatment-flex {
		display: flex;
		justify-content: space-between;
	}
	
	.links-for-each-treatment-box {
		flex-basis: 33.3%;
	}
	
	.links-for-each-treatment ul li {
		margin-top: 2.5%;
	}
	
	.orange-gradient-tittle h2 {
		font-size: 20px;
	}
}

@media screen and (min-width:1000px) {
	.dr-profile-en-flex {
		display: flex;
	}

	.dr-profile-en-img {
		flex-basis: 25%;
	}

	.dr-profile-en-desc {
		flex-basis: 70%;
	}

	.dr-profile-en table td {
		padding: 2% 5%;
	}
}
