@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
.bl_lower_mv_ttl::after{
	background: url(../images/dr-cosme/mv_ttl.svg) top center / cover no-repeat;
	width: 82px;
	height: 14px;
}
@media screen and (max-width : 750px){
	.bl_lower_mv_ttl::after{
		width: 108px;
		height: 18px;
	}
}

/*=======================================================
buy
=======================================================*/
.bl_buy{
	padding: 60px 0 0;
}
.bl_buy .bl_media{
	gap: 0 32px;
}
@media screen and (max-width : 750px){
	.bl_buy .bl_media{
		gap: 0;
	}
	.bl_buy .bl_media_imgWrapper{
		margin-bottom: 32px;
	}
}

/*=======================================================
brand
=======================================================*/
.bl_brand{
	padding: 56px 0 0;
}
.bl_brandList{
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}
.bl_brand_item > a{
	width: 232px;
	height: 76px;
	background: #CCCBC8;
	border: 1px solid #5D493A;
	font-size: 20px;
	color: #5D493A;
	text-align: center;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 各セクション */
.bl_navision{
	padding: 112px 0 56px;
}
.bl_brand section{
	padding: 56px 0;
}
.bl_brand section:last-of-type{
	padding-bottom: 96px;
}
.bl_brand section:nth-of-type(even){
	padding: 56px 0;
	background: #EBDFCF;
}
/* 商品 */
.bl_brand .el_secTtl{
	font-size: 30px;
	color: #fff;
	height: 62px;
	background: #78746B;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 1px;
	margin-bottom: 40px;
}
.bl_brand .bl_cardUnit{
	margin-top: 40px;
	gap: 40px 32px;
	align-items: flex-start;
}
.bl_brand .bl_card{
	width: 320px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #846160;
	background: #F0EEE7;
	padding: 22px 22px 0;
}
.bl_brand .bl_card_main{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bl_navision .bl_card_main{
	min-height: 414px;
}
.bl_wiqo .bl_card_main{
	min-height: 345px;
}
.bl_plus .bl_card_main{
	min-height: 380px;
}
.bl_plus .bl_card:nth-of-type(n+4):nth-of-type(-n+6) .bl_card_main{
	min-height: 347px;
}
.bl_muriem .bl_card_main{
	min-height: 470px;
}
.bl_muriem .bl_card:nth-of-type(4) .bl_card_main{
	min-height: auto;
}
.bl_brand .bl_card_imgWrapper{
	width: 274px;
	margin-bottom: 16px;
}
.bl_brand .el_label{
	display: inline-block;
	padding: 0 8px 1px;
	background: #5D493A;
	margin: 0 0 10px;
}
.bl_brand .bl_card_ttl{
	font-size: 22px;
	letter-spacing: 0.88px;
	line-height: 1.5;
	text-align: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #5D493A;
	margin-bottom: 16px;
}
.bl_brand .bl_card:nth-of-type(6) .bl_card_ttl{
	font-size: 21px;
}
.bl_brand .bl_card_ttl > .el_small{
	font-size: 15px;
	letter-spacing: 0.6px;
}
.bl_brand .bl_card_ttl > .el_middle{
	font-size: 17px;
}
.bl_brand .bl_card_sTxt{
	text-align: center;
	margin-bottom: 8px;
}
.bl_muriem .bl_card:nth-of-type(2) .bl_card_sTxt{
	width: 298px;
}
.bl_brand .bl_card_sTxt > span{
	margin-right: 12px;
}
.bl_brand .bl_price:last-of-type{
	margin-bottom: 16px;
}
.bl_brand .bl_price .hp_mincho{
	font-size: 20px;
	color: #EF626B;
}
.bl_brand .bl_toggle{
	flex: 1;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
.bl_brand .el_cardBtn{
	background: #846160;
	width: 320px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	position: relative;
	cursor: pointer;
}
.bl_brand .el_cardBtn::after{
	content: '▼';
	position: absolute;
	font-size: 12px;
	top: 50%;
	transform: translateY(-50%);
	right: 56px;
}
.bl_brand .el_cardBtn.active::after{
	content: '▲';
}
.bl_brand .bl_toggle_body{
	display: none;
	letter-spacing: 0.68px;
	padding: 22px 20px;
}
.bl_brand .bl_toggle_body .hp_bold{
	margin-top: 16px;
}
.bl_brand .bl_card_txt .el_small,
.bl_brand .bl_card_txt.el_small{
	font-size: 14px;
}
.bl_brand .bl_card_txt + .bl_card_txt,
.bl_brand .bl_card_txt + .el_att,
.bl_brand .el_att + .bl_card_txt{
	margin-top: 16px;
}
@media screen and (max-width : 750px){
	.bl_brand{
		padding: 80px 0 0;
	}
	.bl_brandList{
		gap: 32px 30px;
	}
	.bl_brand_item > a{
        font-size: 32px;
        width: 330px;
        min-height: 88px;
		height: auto;
		padding: 8px 8px 9px;
		border: 2px solid #5D493A;
	}
	/* 各セクション */
	.bl_navision{
		padding: 112px 0 56px;
	}
	.bl_brand section{
		padding: 56px 0;
	}
	.bl_brand section:last-of-type{
		padding-bottom: 96px;
	}
	.bl_brand section:nth-of-type(even){
		padding: 56px 0;
		background: #EBDFCF;
	}
	/* 商品 */
	.bl_brand .el_secTtl{
		font-size: 36px;
        line-height: 1.4;
        min-height: 74px;
        padding: 8px;
	}
	.bl_brand .bl_cardUnit{
		margin-top: 56px;
		gap: 40px;
	}
	.bl_brand .bl_card{
		width: 100%;
		padding: 32px 32px 0;
	}
	.bl_brand .bl_card_main{
		min-height: auto!important;
	}
	.bl_brand .bl_card_imgWrapper{
		width: auto;
		margin-bottom: 24px;
	}
	.bl_brand .el_label{
		padding: 0 16px 1px;
		margin: 0 0 16px;
	}
	.bl_brand .bl_card_ttl,
	.bl_brand .bl_card:nth-of-type(6) .bl_card_ttl{
		font-size: 32px;
		padding-bottom: 24px;
		margin-bottom: 24px;
	}
	.bl_brand .bl_card_ttl > .el_small{
		font-size: 22px;
	}
	.bl_brand .bl_card_ttl > .el_middle{
		font-size: 28px;
	}
	.bl_brand .bl_card_sTxt{
		margin-bottom: 16px;
	}
	.bl_muriem .bl_card:nth-of-type(2) .bl_card_sTxt{
		width: auto;
	}
	.bl_brand .bl_card_sTxt > span{
		margin-right: 24px;
	}
	.bl_brand .bl_price:last-of-type{
		margin-bottom: 24px;
	}
	.bl_brand .bl_price .hp_mincho{
		font-size: 38px;
	}
	.bl_brand .el_cardBtn{
		width: 690px;
		height: 64px;
		font-size: 28px;
	}
	.bl_brand .el_cardBtn::after{
		font-size: 18px;
		right: 16px;
	}
	.bl_brand .bl_toggle_body{
		padding: 32px;
	}
	.bl_brand .bl_toggle_body .hp_bold{
		margin-top: 24px;
	}
	.bl_brand .bl_card_txt .el_small,
	.bl_brand .bl_card_txt.el_small{
		font-size: 22px;
	}
	.bl_brand .bl_card_txt + .bl_card_txt,
	.bl_brand .bl_card_txt + .el_att,
	.bl_brand .el_att + .bl_card_txt{
		margin-top: 24px;
	}
}