@charset "UTF-8";
/*背景の設定*/

section.result {
	border-radius: 0px;
}

h2.post-title {
	display: none;
}

section.result {
	padding: 0;
	position: relative;
	background: none;
}

.h3noimg {
	margin-bottom: 0;
}

article#contact {
	padding-top: 0;
	margin-top: 0;
}

.h3noimg,
.result-comment,
footer {
	position: relative;
}

.result_img {
	width: 95%;
}

.result_info {
	width: 100%;
}

.background-img1,
.background-img2,
.background-img3 {
	position: absolute;
}

.beforeafter_img {
	position: relative;
	text-align: center;
}

.before_img_herb,
.after_img_herb {
	position: relative;
}

.before_label,
.after_label {
	position: absolute;
	left: 0%;
	top: 0%;
	background: #ab8047;
}

.before_img_herb img,
.after_img_herb img {
	width: 100%;
}

.beforeafter_migi_herb {
	width: 20px;
	font-size: 17px;
}

.img-squea {
	border: 1px solid #ab8047;
}

.beforeafter_migi_herb i {
	color: #ab8047;
}

.result_name {
	display: inline-block;
	width: calc(100% - 10px);
	background: #ead49c;
	margin-bottom: 6px;
	padding: 5px;
}

.result_menu {
	display: inline-block;
	width: calc(100% - 10px);
	background: #ead49c;
	padding: 5px;
}

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

.comment-title p {
	font-size: 13px;
}

.comment-box {
	width: 94%;
	margin: 25px auto;
}

.comment-text {
	padding: 15px 25px;
	border: solid 1px #b50016;
	outline: solid 1px #b50016;
	outline-offset: 3px;
	margin: 3px;
	text-align: left;
}

.text-bold {
	font-weight: bold;
}
@media only screen and (min-width:768px) { /* PCサイズでの指定 */
	.result_info {
		text-align: center;
	}

	.before_img_herb,
	.after_img_herb {
		display: inline-block;
		width: 23%;
		height: 225px;
		overflow: hidden;
		margin: 0 0 15px;
	}

	.after_img_herb {
		margin-right: 20px;
	}

	.beforeafter_migi_herb {
		top: -122px;
	}

	.result-info {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.result_kikan {
		display: inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}

	.result_kikan p {
		font-size: 26px;
	}

	.result_kikan p span {
		font-size: 36px;
		font-weight: bold;	}

	.info-box {
		display: inline-block;
		width: 40%;
		text-align: center;
		vertical-align: middle;
	}

	.result_name p,
	.result_menu p {
		font-size: 15px;
	}

	.result-comment {
		display: inline-block;
		width: 48%;
		margin: 50px 5px;
		vertical-align: top;
	}

	.background-img1 {
		width: 350px;
		top: 210px;
		left: 342px;
	}
	
	.background-img2 {
		width: 350px;
		top: 637px;
		left: 342px;
	}

	.background-img3 {
		display: none;
	}

}

@media only screen and (max-width:768px) { /* SPサイズでの指定 */

	section.result {
		width: 95%;
		text-align: center;
	}

	.before_img_herb,
	.after_img_herb {
		width: 40%;
		display: inline-block;
	}
	.beforeafter_migi_herb {
		top: -18vw;
	}
	.result_kikan {
		width: 100%;
	}
	.result_kikan p {
		font-size: 24px;
	}

	.result_kikan p span {
		font-size: 35px;
		font-weight: bold;
	}

	.info-box {
		display: inline-block;
		width: 94%;
		margin-bottom: 10px;
	}

	.background-img1 {
		width: 220px;
		top: 184px;
		left: -65px;
	}

	.background-img2 {
		width: 220px;
		top: 663px;
		left: -65px;
	}

	.background-img3 {
		width: 220px;
		top: 1150px;
		left: -65px;
	}

	.result-comment {
    margin-top: 30px;
	}

}