/*luxy*/
#luxy {
background: RGBA(223, 232, 243, 1);
background: linear-gradient(90deg,rgba(226, 229, 240, 1) 0%, rgba(223, 232, 243, 1) 50%, rgba(223, 232, 243, 1) 100%);
color: #393c89;
}
#luxy sup {
font-size: 0.6em;
margin-left: -0.1em;
letter-spacing: 0;
}

/*footer*/
#seg_footer .seg_footer_inner .footer_nav_wrap ul li span::after {
background-color: #393c89;
}
#seg_footer .seg_footer_inner .footer_nav_wrap ul li a {
color: #393c89;
}
#seg_footer .seg_footer_inner .footer_nav_wrap ul li ul li span::after {
background-color: #393c89;
}

/*local_nav*/
#local_nav {
width: 82.4%;
max-width: 1366px;
margin: 125px auto 135px;
}
#local_nav .local_nav_wrapper {
padding: 40px 20px;
}
#local_nav .local_nav_wrapper h2 {
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
font-size: 28px;
text-align: center;
letter-spacing: 0.15em;
margin-bottom: 40px;
}
#local_nav .local_nav_wrapper ul {
display: flex;
justify-content: space-between;
align-items: stretch;
}
#local_nav .local_nav_wrapper ul li {
width: 48.5%;
margin: 0 auto 0;
background-color: #FFF;
}
#local_nav .local_nav_wrapper ul li a {
color: #393c89;
display: block;
position: relative;
}
#local_nav .local_nav_wrapper ul li a::after {
content: "";
width: 24px;
height: 24px;
background-image: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/ico_downarrow.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
right: 1%;
top: 50%;
transform: translate(-50%,-50%);
}
#local_nav .local_nav_wrapper ul li .local_nav_inner {
display: flex;
flex-wrap: nowrap;
justify-content:flex-start;
align-items: center;
}
#local_nav .local_nav_wrapper ul li .local_nav_img {
width: 33.8%;
}
#local_nav .local_nav_wrapper ul li a .local_nav_img img {
transform: scale(1);
transition: transform 1.0s;
}
@media (any-hover: hover) {
#local_nav .local_nav_wrapper ul li a:hover .local_nav_img img {
transform: scale(1.05);
transition: transform 1.0s;
transition-duration: 0;
transition-delay: 0;
}
}
@media (any-hover: none) {
#local_nav .local_nav_wrapper ul li a:hover .local_nav_img img {
transform: scale(1.05);
transition: transform 1.0s;
transition-duration: 0;
transition-delay: 0;
}
}
#local_nav .local_nav_wrapper ul li .local_nav_txt {
width: 55%;
padding: 15px 0;
}
#local_nav .local_nav_wrapper ul li .local_nav_catch {
font-size: 26px;
line-height: 1.4;
margin-bottom: 20px;
}
#local_nav .local_nav_wrapper ul li a .local_nav_catch span {
position: relative;
padding: 0 0 0 0;
background: linear-gradient(#393c89, #393c89) 0 100%/0 1px no-repeat;
transition: background 0.75s;
animation:border-backlink 0.75s cubic-bezier(0.6, 0, 0, 0.8) both;
}
@media (any-hover: hover) {
#local_nav .local_nav_wrapper ul li a:hover .local_nav_catch span {
animation:border-backlinkhover 0.75s cubic-bezier(0.6, 0, 0, 0.8) both;
}
}
@media (any-hover: none) {
#local_nav .local_nav_wrapper ul li a:hover .local_nav_catch span {
animation:border-backlinkhover 0.75s cubic-bezier(0.6, 0, 0, 0.8) both;
}
}
#local_nav .local_nav_wrapper ul li .local_nav_type {
font-size: 18px;
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
line-height: 1.2;
}
#local_nav .local_nav_wrapper ul li .local_nav_type span {
font-size: 12px;
}
#local_nav .local_nav_wrapper ul li .local_nav_name {
font-size: 26px;
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
}
#local_nav .local_nav_wrapper ul li .local_nav_name span {
font-size: 16px;
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
padding: 2px;
border: 1px solid #393c89;
margin-right: 0.25em;
}
@media only screen and (max-width: 640px) {
#local_nav {
width: 89.3%;
margin: 50px auto 60px;
}
#local_nav .local_nav_wrapper {
padding: 0 0;
}
#local_nav .local_nav_wrapper h2 {
font-size: 20px;
letter-spacing: 0.125em;
margin-bottom: 20px;
}
#local_nav .local_nav_wrapper ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
#local_nav .local_nav_wrapper ul li {
width: 100%;
margin: 0 auto 10px;
background-color: #FFF;
}
#local_nav .local_nav_wrapper ul li a {
color: #393c89;
display: block;
position: relative;
}
#local_nav .local_nav_wrapper ul li a::after {
content: "";
width: 18px;
height: 18px;
background-image: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/ico_downarrow.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
right: 1%;
top: 50%;
transform: translate(-50%,-50%);
}
#local_nav .local_nav_wrapper ul li .local_nav_inner {
display: flex;
flex-wrap: nowrap;
justify-content:flex-start;
align-items: center;
}
#local_nav .local_nav_wrapper ul li .local_nav_img {
width: 31.8%;
}
#local_nav .local_nav_wrapper ul li .local_nav_txt {
width: 57%;
padding: 15px 0;
}
#local_nav .local_nav_wrapper ul li .local_nav_catch {
font-size: 18px;
line-height: 1.3;
margin-bottom: 8px;
}
#local_nav .local_nav_wrapper ul li .local_nav_type {
font-size: 14px;
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
line-height: 1.2;
}
#local_nav .local_nav_wrapper ul li .local_nav_type span {
font-size: 10px;
}
#local_nav .local_nav_wrapper ul li .local_nav_name {
font-size: 16px;
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
}
#local_nav .local_nav_wrapper ul li .local_nav_name span {
font-size: 13px;
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
padding: 2px;
border: 1px solid #393c89;
margin-right: 0.25em;
}
}

/*mainvisual*/
#mainvisual {
width: 100%;
}
#mainvisual .mainvisual_inner {
overflow: hidden;
position: relative;
z-index: 1;
}
#mainvisual .mv_ttl {
position: absolute;
top: 30%;
left: 9.22%;
z-index: 3;
}
#mainvisual .mv_ttl .ikumo_title01 {
font-size: 3.66vw;
color: #2c2447;
line-height: 1.25;
letter-spacing: 0.14em;
}
#mainvisual .mv_ttl .ikumo_title02 {
font-size: 1.75vw;
color: #2c2447;
margin-top: 20px;
letter-spacing: 0.1em;
}
#mainvisual .mv_ttl .ikumo_title03 {
font-size: 1.97vw;
color: #2c2447;
letter-spacing: 0.1em;
}
#mainvisual .ikumo_title_cap {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 1.3vw;
letter-spacing: 0.18em;
color: #2c2447;
text-align: center;
position: absolute;
bottom: 9%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 3;
}
#mainvisual .mv_bg {
width: 100%;
padding-top: 50.05%;
background: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/ikumo_kv_pc.jpg") 0 0 no-repeat;
background-size: 100% auto;
z-index: 1;
}
@media only screen and (max-width: 640px) {
#mainvisual .mv_ttl {
width: 100%;
position: static;
}
#mainvisual .mv_ttl .ikumo_title01 {
width: 100%;
font-size: 7.0vw;
line-height: 1.25;
position: absolute;
text-align: center;
top: 12.5%;
left: 50%;
transform: translate(-50%,0);
z-index: 3;
}
#mainvisual .mv_ttl .ikumo_title02 {
width: 100%;
font-size: 4.2vw;
margin-top: 0;
letter-spacing: 0.1em;
position: absolute;
text-align: center;
top: 68.4%;
left: 50%;
transform: translate(-50%,0);
z-index: 3;
}
#mainvisual .mv_ttl .ikumo_title03 {
width: 100%;
font-size: 4.8vw;
letter-spacing: 0.1em;
position: absolute;
text-align: center;
top: 73%;
left: 50%;
transform: translate(-50%,0);
z-index: 3;
}
#mainvisual .ikumo_title_cap {
width: 100%;
font-size: 3.2vw;
letter-spacing: 0.18em;
text-align: center;
position: absolute;
bottom: 6%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 3;
}
#mainvisual .mv_bg {
width: 100%;
padding-top: 142.6%;
background: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/ikumo_kv_sp.jpg") 0 0 no-repeat;
background-size: 100% auto;
z-index: 1;
}
}

/*notice*/
#luxy .notice {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 12px !important;
}
@media only screen and (max-width: 640px) {
#luxy .notice {
font-size: 10px !important;
}
}

/*ikumocare*/
#ikumocare {
width: 82.4%;
max-width: 1366px;
margin: 60px auto 0;
}
#ikumocare h2 {
font-size: 36px;
text-align: center;
border-bottom: 1px solid #393c89;
margin-bottom: 50px;
letter-spacing: 0.1em;
}
#ikumocare .ikumocare_catch {
font-size: 42px;
line-height: 1.3;
color: #393c89;
text-align: center;
margin-bottom: 40px !important;
letter-spacing: 0.1em;
}
#ikumocare .ikumocare_body p {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 22px;
line-height: 1.6;
text-align: center;
letter-spacing: 0.1em;
}
#ikumocare .ikumocare_img_wrap {
width: 50%;
margin: 35px auto 10px;
position: relative;
padding-top: 47%;
}
#ikumocare .ikumocare_img_wrap .ikumocare_img01 ,
#ikumocare .ikumocare_img_wrap .ikumocare_img02 ,
#ikumocare .ikumocare_img_wrap .ikumocare_img03 {
position: absolute;
top: 0;
left: 0;
filter: blur(10px) opacity(0);
transform: scale(1.2) translateZ(0);
transition: filter 1.5s , transform 0.3s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_img01 {
filter: none;
transform: scale(1);
transition-delay: 0.2s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_img02 {
filter: none;
transform: scale(1);
transition-delay: 0.4s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_img03 {
filter: none;
transform: scale(1);
transition-delay: 0.6s;
}
#ikumocare .ikumocare_img_wrap .ikumocare_arrow {
position: absolute;
bottom: 1.5%;
left: 0;
filter: blur(10px) opacity(0);
transform: translateZ(0) rotate(-30deg);
transition: filter 1.5s , transform 1.0s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_arrow {
filter: none;
transform: rotate(0deg);
transition-delay: 0.8s;
}
#ikumocare p.cycle_cap {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 24px;
line-height: 1.6;
text-align: center;
letter-spacing: 0.1em;
}
#ikumocare .ikumocare_body2 {
width: 80%;
margin: 50px auto 0;
}
#ikumocare .ikumocare_body2 p {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 22px;
line-height: 1.6;
text-align: left;
letter-spacing: 0.1em;
}
#ikumocare h3 {
font-size: 28px;
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
text-align: center;
border-bottom: 1px solid #393c89;
margin-top: 110px;
margin-bottom: 40px;
padding: 10px 0;
letter-spacing: 0.1em;
}
#ikumocare .kouka_list {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content:center;
padding: 20px 0;
}
#ikumocare .kouka_list li {
width: 15%;
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
font-size: 24px;
line-height: 1.2;
background-color: #FFF;
box-sizing: border-box;
border-radius: 50%;
display: flex;
align-content: center;
align-items: center;
margin: 0 0.55%;
filter: blur(20px) opacity(0);
transform: translate(0,20%) translateZ(0);
transition: filter 1.0s , transform 1.0s;
}
#ikumocare .kouka_list.active li {
transform: translate(0,0);
filter: none;
}
#ikumocare .kouka_list.active li:nth-of-type(1) {
transition-delay: 0.1s;
}
#ikumocare .kouka_list.active li:nth-of-type(2) {
transition-delay: 0.2s;
}
#ikumocare .kouka_list.active li:nth-of-type(3) {
transition-delay: 0.3s;
}
#ikumocare .kouka_list.active li:nth-of-type(4) {
transition-delay: 0.4s;
}
#ikumocare .kouka_list.active li:nth-of-type(5) {
transition-delay: 0.5s;
}
#ikumocare .kouka_list.active li:nth-of-type(6) {
transition-delay: 0.6s;
}
#ikumocare .kouka_list li .circle {
width: 100%;
padding-top: 100%;
height: 0;
position: relative;
}
#ikumocare .kouka_list li .circle p {
position: absolute;
top:50%;
left: 0;
right: 0;
transform: translate(0,-50%);
text-align: center;
}
@media only screen and (max-width: 640px) {
#ikumocare {
width: 89.3%;
margin: 60px auto 0;
}
#ikumocare h2 {
font-size: 26px;
margin-bottom: 35px;
}
#ikumocare .ikumocare_catch {
font-size: 28px;
line-height: 1.3;
margin-bottom: 30px !important;
}
#ikumocare .ikumocare_body p {
font-size: 16px;
text-align: center;
letter-spacing: 0.05em;
}
#ikumocare .ikumocare_img_wrap {
width: 75%;
margin: 35px auto 10px;
position: relative;
padding-top: 70%;
}
#ikumocare .ikumocare_img_wrap .ikumocare_img01 ,
#ikumocare .ikumocare_img_wrap .ikumocare_img02 ,
#ikumocare .ikumocare_img_wrap .ikumocare_img03 {
position: absolute;
top: 0;
left: 0;
filter: blur(10px) opacity(0);
transform: scale(1.2) translateZ(0);
transition: filter 1.5s , transform 0.3s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_img01 {
filter: none;
transform: scale(1);
transition-delay: 0.2s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_img02 {
filter: none;
transform: scale(1);
transition-delay: 0.4s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_img03 {
filter: none;
transform: scale(1);
transition-delay: 0.6s;
}
#ikumocare .ikumocare_img_wrap .ikumocare_arrow {
position: absolute;
bottom: 1.5%;
left: 0;
filter: blur(10px) opacity(0);
transform: translateZ(0) rotate(-30deg);
transition: filter 1.5s , transform 1.0s;
}
#ikumocare .ikumocare_img_wrap.active .ikumocare_arrow {
filter: none;
transform: rotate(0deg);
transition-delay: 0.8s;
}
#ikumocare p.cycle_cap {
font-size: 12px;
line-height: 1.6;
}
#ikumocare .ikumocare_body2 {
width: 100%;
margin: 30px auto 0;
}
#ikumocare .ikumocare_body2 p {
font-size: 16px;
line-height: 1.6;
}
#ikumocare h3 {
font-size: 20px;
margin-top: 60px;
margin-bottom: 20px;
padding: 7px 0;
}
#ikumocare .kouka_list {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content:center;
padding: 20px 0;
}
#ikumocare .kouka_list li {
width: 30%;
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
font-size: 18px;
line-height: 1.2;
margin: 0 auto 10px;
}
#ikumocare .kouka_list.active li {
transform: translate(0,0);
filter: none;
}
}

/*essence*/
#essence .essence_catch {
font-size: 42px;
line-height: 1.3;
color: #393c89;
text-align: center;
margin-bottom: 50px !important;
}
#essence .essence_mv_wrapper {
margin: 30px auto 95px;
}
#essence .essence_mv_inner {
display: flex;
justify-content:space-between;
align-content: center;
position: relative;
}
#essence .essence_mv_inner .essence_img_wrap {
width: 50%;
padding-top: 43.2%;
overflow: hidden;
height: auto;
order: 1;
position: relative;
z-index: 2;
/*background-color: #c2b6c6;*/
}
#essence .essence_mv_inner .essence_img_wrap .mv_product {
background: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/essence_product.jpg") center center no-repeat;
background-size: 100% auto;
padding-top: 95.18%;
width: 100%;
position: absolute;
top: -15%;
left: 0;
filter: blur(10px) opacity(0);
transform: scale(1.2) translateZ(0);
transition: filter 1.5s , transform 0.3s;
}
#essence .essence_mv_inner .essence_img_wrap .mv_product.active {
filter: none;
transform: scale(1);
}
#essence .essence_mv_inner .mv_txt_wrap {
width: 44%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content:center;
margin-left: 5.8%;
order: 2;
}
#essence .essence_mv_inner .mv_txt_wrap h2 {
width: 100%;
color: #393c89;
letter-spacing: 0.1em;
}
#essence .essence_mv_inner .mv_txt_wrap h2 {
font-size: 36px;
line-height: 0.95;
display: inline-block;
filter: blur(20px) opacity(0);
transform: translate(0,50%) scale(1.1) translateZ(0);
transition: filter 1.5s , transform 1.5s;
}
#essence .essence_mv_inner .mv_txt_wrap h2.active {
transform: translate(0,0) scale(1);
filter: none;
}
#essence .essence_mv_inner .mv_txt_wrap .yakuyou {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 24px;
border: 1px solid #393c89;
padding: 3px;
letter-spacing: 0;
margin-right: 0.2em;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_catch {
font-size: 28px;
line-height: 1.6;
letter-spacing: 0.1em;
margin-top: 40px;
display: inline-block;
filter: blur(20px) opacity(0);
transform: translate(0,50%) scale(1.1) translateZ(0);
transition: filter 1.5s , transform 1.5s;
width: 100%;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_catch.active {
transform: translate(0,0) scale(1);
filter: none;
transition-delay: 0.15s;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_cap {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.1em;
margin-top: 45px;
display: inline-block;
filter: blur(20px) opacity(0);
transform: translate(0,50%) scale(1.1) translateZ(0);
transition: filter 1.5s , transform 1.5s;
width: 100%;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_cap.active {
transform: translate(0,0) scale(1);
filter: none;
transition-delay: 0.15s;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_cap span {
font-size: 14px;
border: 1px solid #393c89;
padding: 3px;
margin-right: 0.2em;
}
#essence .essence_wrapper {
width: 82.4%;
max-width: 1366px;
margin: 100px auto 0;
}

#essence .feature_wrap ,
#essence .seibun_wrap ,
#essence .howto_wrap {
background-color: rgba(255,255,255,0.7);
padding: 3.55% 7.1%;
color: #393c89;
text-align: center;
margin-bottom: 22px;
}
#essence .feature_wrap h3 ,
#essence .seibun_wrap h3 ,
#essence .howto_wrap h3 {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 20px;
margin-bottom: 2em;
letter-spacing: 0.15em;
}
#essence .feature_wrap .lead ,
#essence .seibun_wrap .lead {
margin-bottom: 2em;
}
#essence .feature_wrap .lead p ,
#essence .seibun_wrap .lead p {
font-size: 30px;
line-height: 1.5;
}
#essence .feature_wrap .img_wrap {
display: flex;
justify-content: space-between;
width: 72%;
margin: 0 auto;
}
#essence .feature_wrap .img_wrap dl {
width: 49%;
}
#essence .feature_wrap .img_wrap dd p {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 20px;
letter-spacing: 0.1em;
margin-top: 5px;
}
#essence .seibun_wrap .img_wrap {
display: flex;
justify-content: space-between;
width: 33.2%;
margin: 0 auto 30px;
}
#essence .seibun_wrap .seibun_detail_wrap {
background: RGBA(209, 203, 226, 0.2);
background: linear-gradient(90deg,rgba(209, 203, 226, 0.2) 0%, rgba(192, 209, 232, 0.2) 25%, rgba(192, 209, 232, 0.2) 65%, rgba(209, 203, 226, 0.2) 78%, rgba(192, 209, 232, 0.2) 100%);
width: 100%;
padding: 15px 0;
margin-bottom: 20px;
}
#essence .seibun_wrap .detail_cap_wrap {
margin-bottom: 10px;
}
#essence .seibun_wrap .cap {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
#essence .seibun_wrap .seibun_detail_inner {
display: flex;
align-items: center;
justify-content: center;
}
#essence .seibun_wrap .seibun_detail_inner .detail_img {
width: 24.8%;
margin-right: 1%;
}
#essence .seibun_wrap .seibun_detail_inner .detail_txt {
width: 40%;
text-align: left;
}
#essence .seibun_wrap .seibun_detail_inner .detail_txt2 {
width: auto;
text-align: center;
}
#essence .seibun_wrap .seibun_detail_inner .detail_name {
font-size: 24px;
letter-spacing: 0.1em;
}
#essence .seibun_wrap .detail_body {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
}
#essence .howto_wrap .howto_detail_wrap {
border-top: 1px solid #393c89;
padding: 40px 0;
position: relative;
}
#essence .howto_wrap .howto_arrow::before {
content: "";
display: block;
width: 54px;
height: 21px;
background: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/ico_howtoarrow.png") top center no-repeat;
background-size: 100% auto;
position: absolute;
top: -1.2px;
left: 50%;
transform: translate(-50%,0);
z-index: 5;
}
#essence .howto_wrap .howto_detail_inner {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
#essence .howto_wrap .howto_detail_inner p {
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
font-size: 24px;
letter-spacing: 0.1em;
line-height: 1.5;
}
#essence .howto_wrap .detail_img {
width: 38%;
margin: 0 auto 0 0;
}
#essence .howto_wrap .detail_txt {
width: 58.25%;
margin: 0 0 0 auto;
text-align: left;
}
#essence .howto_wrap .num_list_wrap {
margin-bottom: 20px;
}
#essence .howto_wrap .num_list_wrap li {
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
font-size: 24px;
letter-spacing: 0.1em;
line-height: 1.4;
padding-left: 1.5em;
text-indent: -1.5em;
list-style-position: inside;
}
#essence .howto_wrap .dot_list_wrap li {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.5;
padding-left: 1em;
position: relative;
}
#essence .howto_wrap .dot_list_wrap li::before {
content: "●";
position: absolute;
top: 0;
left: 0;
}


@media only screen and (max-width: 640px) {
#essence .essence_catch {
font-size: 28px;
margin-bottom: 0 !important;
}
#essence .essence_mv_wrapper {
margin: 20px auto 40px;
}
#essence .essence_mv_inner {
flex-wrap: wrap;
}
#essence .essence_mv_inner .essence_img_wrap {
width: 100%;
padding-top: 83%;
order: 1;
}
#essence .essence_mv_inner .essence_img_wrap .mv_product {
background-size: 100% auto;
padding-top: 95.2%;
width: 100%;
margin-top: -3%;
}
#essence .essence_mv_inner .essence_img_wrap .mv_product.active {
filter: none;
transform: scale(1);
}
#essence .essence_mv_inner .mv_txt_wrap {
width: 100%;
height: auto;
display: block;
margin-left: 0;
margin-top: 5%;
margin-bottom: 15px;
text-align: center;
order: 2;
}
#essence .essence_mv_inner .mv_txt_wrap h2 {
font-size: 28px;
line-height: 1.2;
}
#essence .essence_mv_inner .mv_txt_wrap .yakuyou {
font-size: 18px;
padding: 3px;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_catch {
font-size: 20px;
line-height: 1.3;
margin-top: 20px;
width: 100%;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_cap {
font-size: 13px;
line-height: 1.6;
margin-top: 20px;
}
#essence .essence_mv_inner .mv_txt_wrap .mv_cap span {
font-size: 13px;
}
#essence .essence_wrapper {
width: 89.3%;
margin: 30px auto 0;
}

#essence .feature_wrap ,
#essence .seibun_wrap ,
#essence .howto_wrap {
background-color: rgba(255,255,255,0.7);
padding: 3.55% 5%;
color: #393c89;
text-align: center;
margin-bottom: 20px;
}
#essence .feature_wrap h3 ,
#essence .seibun_wrap h3 ,
#essence .howto_wrap h3 {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
margin-bottom: 1em;
letter-spacing: 0.15em;
}
#essence .feature_wrap .lead ,
#essence .seibun_wrap .lead {
margin-bottom: 0.75em;
}
#essence .feature_wrap .lead p ,
#essence .seibun_wrap .lead p {
font-size: 22px;
line-height: 1.5;
}
#essence .feature_wrap .img_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
}
#essence .feature_wrap .img_wrap dl {
width: 100%;
margin-bottom: 20px;
}
#essence .feature_wrap .img_wrap dd p {
font-size: 16px;
}
#essence .seibun_wrap .img_wrap {
display: flex;
justify-content: space-between;
width: 70%;
margin: 0 auto 20px;
}
#essence .seibun_wrap .seibun_detail_wrap {
width: 100%;
padding: 15px 0;
margin-bottom: 20px;
}
#essence .seibun_wrap .detail_cap_wrap {
margin-bottom: 10px;
}
#essence .seibun_wrap .cap {
font-size: 10px;
text-align: left;
margin-bottom: 20px;
}
#essence .seibun_wrap .seibun_detail_inner {
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#essence .seibun_wrap .seibun_detail_inner .detail_img {
width: 56%;
margin-right: 0;
}
#essence .seibun_wrap .seibun_detail_inner .detail_txt {
width: 100%;
text-align: left;
}
#essence .seibun_wrap .seibun_detail_inner .detail_txt2 {
width: auto;
text-align: center;
}
#essence .seibun_wrap .seibun_detail_inner .detail_name {
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.1em;
text-align: center;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
#essence .seibun_wrap .detail_body {
font-size: 13px;
letter-spacing: 0.1em;
}
#essence .howto_wrap .howto_detail_wrap {
border-top: 1px solid #393c89;
padding: 15px 0;
position: relative;
}
#essence .howto_wrap .howto_arrow::before {
width: 38px;
height: 15px;
top: -1.2px;
left: 50%;
}
#essence .howto_wrap .howto_detail_inner {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#essence .howto_wrap .howto_detail_inner p {
font-size: 18px;
text-align: left;
}
#essence .howto_wrap .detail_img {
width: 80%;
margin: 0 auto 10px;
}
#essence .howto_wrap .detail_txt {
width: 100%;
margin: 0 0 0 auto;
text-align: left;
}
#essence .howto_wrap .num_list_wrap {
margin-bottom: 20px;
}
#essence .howto_wrap .num_list_wrap li {
font-size: 16px;
}
#essence .howto_wrap .dot_list_wrap li {
font-size: 13px;
}
}


/*spray*/
#spray {
margin-top: 185px;
padding-bottom: 100px;
}
#spray .spray_catch {
font-size: 42px;
line-height: 1.3;
color: #393c89;
text-align: center;
margin-bottom: 50px !important;
}
#spray .spray_mv_wrapper {
margin: 30px auto 95px;
}
#spray .spray_mv_inner {
display: flex;
justify-content:space-between;
align-content: center;
position: relative;
}
#spray .spray_mv_inner .spray_img_wrap {
width: 50%;
padding-top: 43.2%;
overflow: hidden;
height: auto;
order: 1;
position: relative;
z-index: 2;
/*background-color: #c2b6c6;*/
}
#spray .spray_mv_inner .spray_img_wrap .mv_product {
background: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/spray_product.jpg") center center no-repeat;
background-size: 100% auto;
padding-top: 95.18%;
width: 100%;
position: absolute;
top: -40%;
left: 0;
filter: blur(10px) opacity(0);
transform: scale(1.2) translateZ(0);
transition: filter 1.5s , transform 0.3s;
}
#spray .spray_mv_inner .spray_img_wrap .mv_product.active {
filter: none;
transform: scale(1);
}
#spray .spray_mv_inner .mv_txt_wrap {
width: 44%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content:center;
margin-left: 5.8%;
order: 2;
}
#spray .spray_mv_inner .mv_txt_wrap h2 {
width: 100%;
color: #393c89;
letter-spacing: 0.1em;
}
#spray .spray_mv_inner .mv_txt_wrap h2 {
font-size: 36px;
line-height: 0.95;
display: inline-block;
filter: blur(20px) opacity(0);
transform: translate(0,50%) scale(1.1) translateZ(0);
transition: filter 1.5s , transform 1.5s;
}
#spray .spray_mv_inner .mv_txt_wrap h2.active {
transform: translate(0,0) scale(1);
filter: none;
}
#spray .spray_mv_inner .mv_txt_wrap .yakuyou {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 24px;
border: 1px solid #393c89;
padding: 3px;
letter-spacing: 0;
margin-right: 0.2em;
}
#spray .spray_mv_inner .mv_txt_wrap h2 span {
font-size: 30px;
line-height: 1.6;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_catch {
font-size: 28px;
line-height: 1.5;
letter-spacing: 0.1em;
margin-top: 40px;
display: inline-block;
filter: blur(20px) opacity(0);
transform: translate(0,50%) scale(1.1) translateZ(0);
transition: filter 1.5s , transform 1.5s;
width: 100%;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_catch.active {
transform: translate(0,0) scale(1);
filter: none;
transition-delay: 0.15s;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_cap {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.1em;
margin-top: 45px;
display: inline-block;
filter: blur(20px) opacity(0);
transform: translate(0,50%) scale(1.1) translateZ(0);
transition: filter 1.5s , transform 1.5s;
width: 100%;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_cap.active {
transform: translate(0,0) scale(1);
filter: none;
transition-delay: 0.15s;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_cap span {
font-size: 14px;
border: 1px solid #393c89;
padding: 3px;
margin-right: 0.2em;
}
#spray .spray_wrapper {
width: 82.4%;
max-width: 1366px;
margin: 100px auto 0;
}

#spray .feature_wrap ,
#spray .seibun_wrap ,
#spray .scent_wrap ,
#spray .howto_wrap {
background-color: rgba(255,255,255,0.7);
padding: 3.55% 7.1%;
color: #393c89;
text-align: center;
margin-bottom: 22px;
}
#spray .feature_wrap h3 ,
#spray .seibun_wrap h3 ,
#spray .scent_wrap h3 ,
#spray .howto_wrap h3 {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 20px;
margin-bottom: 2em;
letter-spacing: 0.15em;
}
#spray .feature_wrap .lead ,
#spray .seibun_wrap .lead {
margin-bottom: 2em;
}
#spray .feature_wrap .lead p ,
#spray .seibun_wrap .lead p {
font-size: 30px;
line-height: 1.5;
}
#spray .feature_wrap .detail_wrap {
display: flex;
justify-content: space-between;
width: 72%;
margin: 0 auto;
align-items: center;
}
#spray .feature_wrap .img_wrap {
width: 48%;
}
#spray .feature_wrap .txt_wrap {
width: 48%;
text-align: left;
}
#spray .feature_wrap .dot_list_wrap li {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 20px;
letter-spacing: 0.1em;
line-height: 1.5;
margin-bottom: 5px;
padding-left: 1em;
position: relative;
}
#spray .feature_wrap .dot_list_wrap li::before {
content: "●";
position: absolute;
top: 0;
left: 0;
}
#spray .feature_wrap .txt_wrap .cap {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
}


#spray .seibun_wrap .img_wrap {
display: flex;
justify-content: space-between;
width: 33.2%;
margin: 0 auto 30px;
}
#spray .seibun_wrap .seibun_detail_wrap {
background: RGBA(209, 203, 226, 0.2);
background: linear-gradient(90deg,rgba(209, 203, 226, 0.2) 0%, rgba(192, 209, 232, 0.2) 25%, rgba(192, 209, 232, 0.2) 65%, rgba(209, 203, 226, 0.2) 78%, rgba(192, 209, 232, 0.2) 100%);
width: 100%;
padding: 15px 0;
margin-bottom: 20px;
}
#spray .seibun_wrap .detail_cap_wrap {
margin-bottom: 10px;
}
#spray .seibun_wrap .cap {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
#spray .seibun_wrap .seibun_detail_inner {
display: flex;
align-items: center;
justify-content: center;
}
#spray .seibun_wrap .seibun_detail_inner .detail_img {
width: 24.8%;
margin-right: 1%;
}
#spray .seibun_wrap .seibun_detail_inner .detail_txt {
width: 40%;
text-align: left;
}
#spray .seibun_wrap .seibun_detail_inner .detail_txt2 {
width: auto;
text-align: center;
}
#spray .seibun_wrap .seibun_detail_inner .detail_name {
font-size: 24px;
letter-spacing: 0.1em;
}
#spray .seibun_wrap .detail_body {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
}

#spray .scent_wrap .detail_wrap {
display: flex;
justify-content: space-between;
width: 75%;
margin: 0 auto;
align-items: center;
}
#spray .scent_wrap .img_wrap {
width: 48%;
}
#spray .scent_wrap .txt_wrap {
width: 48%;
text-align: left;
}
#spray .scent_wrap .txt_wrap p {
font-size: 30px;
line-height: 1.5;
}


#spray .howto_wrap .howto_detail_wrap {
border-top: 1px solid #393c89;
padding: 40px 0;
position: relative;
}
#spray .howto_wrap .howto_detail_wrap.border_none {
border: none;
}
#spray .howto_wrap .howto_detail_inner {
width: 86%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
#spray .howto_wrap .howto_ill_wrap {
width: 86%;
margin: 20px auto 0;
display: flex;
justify-content: center;
align-items: center;
}
#spray .howto_wrap .howto_detail_wrap p {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 20px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: center;
}
#spray .howto_wrap .howto_detail_inner p.howto_catch {
font-family: 'TsukuAOldMinPr6N-M', serif;
font-size: 28px;
line-height: 1.6;
}
#spray .howto_wrap .howto_detail_inner p.howto_body {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: left;
}
#spray .howto_wrap .detail_img {
width: 34%;
margin: 0 auto 0 0;
}
#spray .howto_wrap .detail_txt {
width: 60%;
margin: 0 0 0 auto;
text-align: left;
}
#spray .howto_wrap .num_list_wrap {
margin-bottom: 20px;
}
#spray .howto_wrap .num_list_wrap li {
font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
font-size: 24px;
letter-spacing: 0.1em;
line-height: 1.4;
padding-left: 1.5em;
text-indent: -1.5em;
list-style-position: inside;
}
#spray .howto_wrap .dot_list_wrap li {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.5;
padding-left: 1em;
position: relative;
text-align: left;
margin-bottom: 5px;
}
#spray .howto_wrap .dot_list_wrap li::before {
content: "●";
position: absolute;
top: 0;
left: 0;
}

@media only screen and (max-width: 640px) {
#spray {
margin-top: 100px;
padding-bottom: 40px;
}
#spray .spray_catch {
font-size: 28px;
margin-bottom: 0 !important;
}
#spray .spray_mv_wrapper {
margin: 20px auto 40px;
}
#spray .spray_mv_inner {
flex-wrap: wrap;
}
#spray .spray_mv_inner .spray_img_wrap {
width: 100%;
padding-top: 83%;
order: 1;
}
#spray .spray_mv_inner .spray_img_wrap .mv_product {
background: url("/content/dam/sites/kao/www-kao-co-jp/segreta/2410renew/ikumo/2510/spray_product.jpg") center center no-repeat;
background-size: 100% auto;
padding-top: 95.2%;
width: 100%;
position: absolute;
top: -62%;
left: 0;
}
#spray .spray_mv_inner .mv_txt_wrap {
width: 100%;
height: auto;
display: block;
margin: 5% auto 15px;
order: 2;
text-align: center;
}
#spray .spray_mv_inner .mv_txt_wrap h2 {
font-size: 28px;
line-height: 1.2;
}
#spray .spray_mv_inner .mv_txt_wrap .yakuyou {
font-size: 18px;
padding: 3px;
}
#spray .spray_mv_inner .mv_txt_wrap h2 span {
font-size: 22px;
line-height: 1.6;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_catch {
font-size: 20px;
line-height: 1.3;
margin-top: 20px;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_cap {
font-size: 13px;
line-height: 1.6;
margin-top: 20px;
}
#spray .spray_mv_inner .mv_txt_wrap .mv_cap span {
font-size: 13px;
}
#spray .spray_wrapper {
width: 89.3%;
margin: 30px auto 0;
}
#spray .feature_wrap ,
#spray .seibun_wrap ,
#spray .scent_wrap ,
#spray .howto_wrap {
background-color: rgba(255,255,255,0.7);
padding: 3.55% 5%;
color: #393c89;
text-align: center;
margin-bottom: 20px;
}
#spray .feature_wrap h3 ,
#spray .seibun_wrap h3 ,
#spray .scent_wrap h3 ,
#spray .howto_wrap h3 {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
margin-bottom: 1em;
letter-spacing: 0.15em;
}
#spray .feature_wrap .lead ,
#spray .seibun_wrap .lead {
margin-bottom: 0.75em;
}
#spray .feature_wrap .lead p ,
#spray .seibun_wrap .lead p {
font-size: 22px;
line-height: 1.5;
}
#spray .feature_wrap .detail_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
align-items: center;
}
#spray .feature_wrap .img_wrap {
width: 100%;
}
#spray .feature_wrap .txt_wrap {
width: 100%;
text-align: left;
padding-top: 10px;
}
#spray .feature_wrap .dot_list_wrap li {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.5;
margin-bottom: 5px;
padding-left: 1em;
position: relative;
}
#spray .feature_wrap .txt_wrap .cap {
font-size: 10px;
}


#spray .seibun_wrap .img_wrap {
display: flex;
justify-content: space-between;
width: 70%;
margin: 0 auto 20px;
}
#spray .seibun_wrap .seibun_detail_wrap {
width: 100%;
padding: 15px 0;
margin-bottom: 20px;
}
#spray .seibun_wrap .detail_cap_wrap {
margin-bottom: 10px;
}
#spray .seibun_wrap .cap {
font-size: 10px;
text-align: left;
margin-bottom: 20px;
}
#spray .seibun_wrap .seibun_detail_inner {
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#spray .seibun_wrap .seibun_detail_inner .detail_img {
width: 56%;
margin-right: 0;
}
#spray .seibun_wrap .seibun_detail_inner .detail_txt {
width: 100%;
text-align: left;
}
#spray .seibun_wrap .seibun_detail_inner .detail_txt2 {
width: auto;
text-align: center;
}
#spray .seibun_wrap .seibun_detail_inner .detail_name {
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.1em;
text-align: center;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
#spray .seibun_wrap .detail_body {
font-size: 13px;
letter-spacing: 0.1em;
}

#spray .scent_wrap .detail_wrap {
width: 100%;
flex-wrap: wrap;
padding: 0 0 15px 0;
margin-bottom: 0;
}
#spray .scent_wrap .img_wrap {
width: 100%;
}
#spray .scent_wrap .txt_wrap {
width: 100%;
text-align: left;
margin-top: 10px;
}
#spray .scent_wrap .txt_wrap p {
font-size: 18px;
line-height: 1.3;
text-align: center;
}


#spray .howto_wrap .howto_detail_wrap {
border-top: 1px solid #393c89;
padding: 15px 0;
position: relative;
}
#spray .howto_wrap .howto_arrow::before {
width: 38px;
height: 15px;
top: -1.2px;
left: 50%;
}
#spray .howto_wrap .howto_detail_inner {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#spray .howto_wrap .howto_ill_wrap {
width: 100%;
margin: 20px auto 0;
display: flex;
justify-content: center;
align-items: center;
}
#spray .howto_wrap .howto_detail_wrap p {
font-size: 16px;
text-align: center;
}
#spray .howto_wrap .howto_detail_inner p.howto_catch {
font-size: 20px;
line-height: 1.4;
}
#spray .howto_wrap .howto_detail_inner p.howto_body {
font-size: 13px;
line-height: 1.4;
text-align: left;
}
#spray .howto_wrap .detail_img {
width: 44%;
margin: 0 auto 0 0;
}
#spray .howto_wrap .detail_txt {
width: 51%;
margin: 0 0 0 auto;
text-align: left;
}
#spray .howto_wrap .num_list_wrap {
margin-bottom: 5px;
}
#spray .howto_wrap .num_list_wrap li {
font-size: 18px;
letter-spacing: 0.1em;
line-height: 1.2;
padding-left: 0;
text-indent: 0;
list-style-position: inside;
}
#spray .howto_wrap .dot_list_wrap li {
font-family: 'FP-KoburinaGoStdN-W3', sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.5;
padding-left: 1em;
position: relative;
text-align: left;
margin-bottom: 5px;
}
#spray .howto_wrap .dot_list_wrap li::before {
content: "●";
position: absolute;
top: 0;
left: 0;
}
}