@charset "UTF-8";
/*---------------------------------------------------------------*\
	$INDEX
\*---------------------------------------------------------------*/
/*
・共通
・◯◯◯◯◯
・◯◯◯◯◯
*/

#catch .factor_catch:nth-of-type(1) {
    display: block;
    margin: 70px auto 0;
    width: 700px;
}
#catch .wrapper_content_catch > p {
	width: 100%;
	padding:0;
}
#catch .wrapper_content_catch > p span {
	display: block;
	font-size: 1.8rem;
}
#catch .figure_catch img {
	margin: 0 auto;
}
#outcome .wrapper_catch_outcome {
	background-image: url(../img/fillmellow/pro.png);
	padding: 180px 0 105px;
}
#figure h3 {
    font-family: serif;
    font-size: 1.8rem;
    font-weight: bold;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 30px 175px 0;
}
#fragrance .flower_outcome {
	left: 0;
	top: 21px;
	width: 34%;
}
#care .hair_care {
    padding: 183px 0;
}
#care .step_care {
    color: #ff0066;
    font-size: 1.8rem;
}
#care .notify_step_care {
    margin-bottom: 20px;
    padding: 12px 0 0;
}
#care .icon-arrow {
    display: inline-block;
    vertical-align: middle;
}
#care .product_name_care {
    width: 96%;
}
#care .step_salon_care {
    margin: 0 50px 0 0;
}
#care .step_salon_care {
    width: 340px;
}
#care .step_salon_care:nth-of-type(2) {
    margin: 0;
    width: 52%;
}
#care .step_salon_care:nth-of-type(2)::after {
	background-image:none;
}
#figure .figure_outcome {
	width: 750px;
}

/*/// 商品ごとの色の指定 ///*/

.t_color {
	color: #e73078;
}
.b_color {
	background-color: #e73078;
}
.border_color {
	border-color: #e73078;
}
span.item_catch {
	color: #fff;
	display: block;
	font-size: 1.2rem;
	margin-bottom: 6px;
	padding: 5px;
	width: 130px;
}

.catch_fillmellow {
	background-image: url(../img/fillmellow/shadow_color.jpg);
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------*\
	$980px
\*---------------------------------------------------------------*/
@media screen and (max-width: 980px) {
}
