@charset "UTF-8";



/*導入*/
.com_lead_box .lead_bg {
	background-image: url("../images/beauty/m_img@2x.png");
}



/*box2*/
.box2 .med_bgbox3 {
	background-image: url("../images/beauty/bg1@2x.png"), url("../images/beauty/bg2@2x.png");
	border: 2px solid #bea971;
}
.box2 .bg_color {
	background-color: rgba(190,169,113,0.15);
}
.box2 .med_bgbox3 .bg_index {
    color: #ac9a58;
	margin-bottom: 1.8em;
}
.box2 .med_bgbox3 .bg_inbox {
    max-width: 1058px;
}
.box2 .med_bgbox3 .bg_inbox {
    display: flex;
	justify-content: space-between;
}
.box2 .med_bgbox3 .bg_inbox dl {
	width: 46.5%;
}
.box2 .med_bgbox3 .bg_inbox dl dt {
	position: relative;
	text-align: center;
	font-size: 129%;
	padding-bottom: .3em;
	margin-bottom: 1em;
}
.box2 .med_bgbox3 .bg_inbox dl dt::after {
	position: absolute;
	content: "";
	background-color: rgba(190,169,113,0.3);
	width: 98%;
	height: 2px;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.box2 .med_bgbox3 .bg_inbox .flex_box dl dd {
	font-size: 97%;
}

.box2 .med_sub_box {
    border-radius: 20px;
}
.box2 .med_sub_box .flex_box {
    align-items: flex-start;
}

.box2 .med_bgbox {
	background-color: rgba(252,148,93,0.05);
}
.box2 .med_bgbox .bg_index {
	color: #e87e3a;
	border-color: #fc945d;
}
.box2 .med_bgbox .bg_inbox .med_flt .img_r {
    width: 28%;
    max-width: 316px;
}
.box2 .med_bgbox .bg_inbox .med_flt .txt_l {
    width: 67%;
}
.box2 .med_bgbox .med_style2 dt::before {
	color: #fc945d;
}
.box2 .med_bgbox .med_style2 dt .txt2 {
	display: inline-block;
	font-size: 90%;
	line-height: 1.2;
	border-left: 5px solid rgba(252,148,93,0.25);
	padding-left: 1em;
	margin-left: .6em;
}
.box2 .med_bgbox .score {
	background-color: rgba(255,255,255,0.8);
	padding: .6em 3.5em;
	margin: 1em 0;
	overflow: hidden;
}
.box2 .med_bgbox .score li {
	float: left;
	margin-right: 2em;
}
.box2 .med_bgbox .score li:last-of-type {
	margin-right: 0;
}

.med_merit_demerit > dl {
	background-image: url("../images/beauty/bg_merit.svg");
	background-repeat: no-repeat;
	background-position: right -10px bottom -10px;
}
.med_merit_demerit > dl.demerit {
/*	background-color: rgba(192,188,185,0.1);*/
	background-image: url("../images/beauty/bg_demerit.svg");
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.box2 .med_bgbox3 {
	background-size: auto 100%, 30% auto;
}
.box2 .med_bgbox3 .bg_index {
	margin-bottom: 1.4em;
}
.box2 .med_bgbox3 .bg_inbox dl dt {
	font-size: 115%;
}
	
.box2 .med_bgbox .bg_inbox .med_flt .img_r {
    width: 32%;
}
.box2 .med_bgbox .bg_inbox .med_flt .txt_l {
    width: 32%;
}
.box2 .med_bgbox .score {
	padding: .6em 3.5em;
	margin: 1em 0;
}
.box2 .med_bgbox .score li {
	margin-right: 2em;
}
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.box2 .med_bgbox3 {
	background-image: url("../images/beauty/bg1@2x.png");
}
.box2 .med_bgbox3 .bg_index {
	margin-bottom: 1em;
}
.box2 .med_bgbox3 .bg_inbox {
    display: block;
}
.box2 .med_bgbox3 .bg_inbox dl {
	width: 100%;
}
.box2 .med_bgbox3 .bg_inbox dl:last-of-type {
	border-top: 1px solid #bea971;
	padding-top: 7%;
	margin-top: 7%;
}
.box2 .med_bgbox3 .bg_inbox dl dt {
	font-size: 115%;
	padding-bottom: .3em;
	margin-bottom: 1em;
}
.box2 .med_bgbox3 .bg_inbox dl dt::after {
	position: absolute;
	width: 80%;
}
	
.box2 .med_sub_box .flex_box .img_l {
    float: none;
    margin: 0 auto 1em;
    width: 60%;
}
	
.box2 .med_bgbox .bg_inbox .med_flt .img_r {
    width: 70%;
}
.box2 .med_bgbox .score {
	padding: .6em 10%;
	margin: 1em 0;
}
.box2 .med_bgbox .score li {
	margin-right: 1em;
}
	
}



/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}