@charset "UTF-8";

/*none*/
.show_pc {display: block!important}
.show_sp {display: none !important}
@media only screen and (max-width: 640px) {
.show_pc {display: none!important}
.show_sp {display: block !important}
}
.margin_none p {margin: 0;}
.margin_none {margin: 0;}
.nonline a {text-decoration: none!important}

/*button*/
.btn-buy a {font-family: 'YuGoPr6N-Bold', sans-serif;color: #FFFFFF;background-color: #000000;border-radius: 5px;padding:14px 75px 14px 100px;letter-spacing: 1px;}
.btn-buy a {background-image:url("/is/image/content/dam/sites/kao/www-kao-co-jp/blaune/products/awa/2303/awa2303_buy_icon.png?fmt=png-alpha&hei=820");background-position: 10% center;background-repeat: no-repeat;background-size: 60px auto;background-color: #e6007e!important;color: #FFF!important;border: none!Important;}
.btn-buy a .l-ButtonUnit__link__icon {color: #FFF!important;}
.btn-buy a p {padding: 20px 20px 20px 50px!important;}
@media only screen and (max-width: 1024px) {
.btn-buy a,.g-ButtonUnit__link {border-radius: 4px;padding:10px 15px 10px 20px;}
.btn-buy a {background-repeat: no-repeat;background-size: 50px auto;}
}
@media only screen and (max-width: 640px) {
.btn-buy a {border-radius: 4px;padding:6px 10px 6px 40px;background-position: 15% center;background-repeat: no-repeat;background-size: 32px auto;}
.btn-buy a p {padding: 20px 20px 20px 30px!important;}
}

/*product*/
#blaune_product .slick-track {
  display: flex;
  align-items: stretch;
}
#blaune_product .slick-slide {
  height: auto;
  float: none;
}
#blaune_product .slick-slide > .g-ImageCarouselPUnit--v2__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#blaune_product .g-ImageCarouselPUnit--v2__inner > .g-Image--v2 {
  flex: 1 1 auto;
  margin-bottom: 0;
}
#blaune_product .g-Image--v2 > .g-TileLinkTextP,
#blaune_product .g-Image--v2 .g-TileLinkTextP.is-gutter--none .g-TileLinkTextP__list ,
#blaune_product .g-Image--v2 .g-TileLinkTextP.is-gutter--none .g-TileLinkTextP__list__tile {
  height: 100%;
}
#blaune_product .g-Image--v2 .g-TileLinkTextP.is-gutter--none .g-TileLinkTextP__list__tile a {
  height: 100%!important;
		padding: 10% 0 20%;
		position: relative;
}
#blaune_product .g-Image--v2 .g-TileLinkTextP.is-gutter--none .g-TileLinkTextP__list__tile a p {
margin: 0 auto;
}
#blaune_product p.car_eyecatch {text-align: center;position: absolute;top: 4%;left: 50%;transform: translate(-50%,0);width: 100%;margin: 0;z-index: 10;}
#blaune_product p.car_eyecatch span {font-family: 'YuGoPr6N-Medium', sans-serif;font-size: clamp(12px,1em,18px);color: #FFF;background-color: #d73081;padding: 1px 2px;text-align: center;display: inline-block;}
#blaune_product .car_pkg {width: 100%;padding-top: 10%;margin: 0 auto 10px;}
#blaune_product .car_ttl {margin-bottom: 0!important;}
#blaune_product .car_ttl h2 {font-family: 'YuGoPr6N-Bold', sans-serif;font-size: clamp(14px,1.2em,21px);line-height: 1.3; color: #333;text-align: center;margin-bottom: 10px;}
#blaune_product .car_body p {font-family: 'YuGoPr6N-Medium', sans-serif;font-size: clamp(12px,1em,16px);line-height: 1.5; color: #333;text-align: center;letter-spacing:0.025em}
#blaune_product .car_iyaku {position: absolute;bottom: 2%;left: 50%;transform: translate(-50%,0);width: 100%;line-height: 1.35}
#blaune_product .car_iyaku span {font-size: clamp(8px,0.75em,13px);color: #333;letter-spacing:0.025em}
@media only screen and (max-width: 1024px) {
#blaune_product p.car_eyecatch span {font-size: clamp(12px,0.8em,16px);}
#blaune_product .car_ttl h2 {font-size: clamp(14px,1.0em,18px);margin-bottom: 0;}
#blaune_product .car_body p {font-size: clamp(12px,0.75em,14px);}
#blaune_product .car_iyaku span {font-size: clamp(9px,0.65em,11px);}
}
@media only screen and (max-width: 640px) {
#blaune_product .g-Image--v2 .g-TileLinkTextP.is-gutter--none .g-TileLinkTextP__list__tile a {padding: 12% 0 30%;}
#blaune_product p.car_eyecatch {top: 2%;}
#blaune_product p.car_eyecatch span {font-size: clamp(10px,0.75em,12px);}
#blaune_product .car_ttl h2 {font-size: clamp(14px,0.9em,18px);}
#blaune_product .car_body p {font-size: clamp(12px,0.75em,14px);}
#blaune_product .car_iyaku span {font-size: clamp(8px,0.65em,10px);}
}

#area-Contents .products_btn_wrap {position: relative;width: 100%;padding-bottom: 30px;display: flex;justify-content: center;flex-wrap: wrap;}
#area-Contents .products_btn_wrap .btn_txt_link {width: 22em;padding: 0;margin: 0;position: absolute;top: 0;right: 0;}
#area-Contents .products_btn_wrap .btn_txt_link li {width: 100%;margin-bottom: 5px;}
#area-Contents .products_btn_wrap .btn_txt_link li a {text-align: left;padding: 12px 0 12px 12px;display: block;}
#area-Contents .btn_to_products li a {padding: 14px 7em 14px 20px}
@media only screen and (max-width: 1200px) {
#area-Contents .products_btn_wrap .btn_txt_link {width: 100%;padding: 0;margin: 15px auto 0;position: static;}
#area-Contents .products_btn_wrap .btn_txt_link li {width: auto;margin-bottom: 5px;}
#area-Contents .products_btn_wrap .btn_txt_link li a {padding: 12px;}
#area-Contents .products_btn_wrap .btn_txt_link .font-15 {font-size: 13px;line-height: 1}
#area-Contents .products_btn_wrap .is-rightIcon .g-ButtonUnit__link .cmn-richtext {padding-right: 2.5em;}
}
@media only screen and (max-width: 640px) {
  #area-Contents .products_btn_wrap .btn_txt_link {width: 100%;padding: 0;margin: 0px auto 0;position: static;}
  #area-Contents .products_btn_wrap {position: relative;width: 100%;padding-bottom: 0px;display: flex;justify-content: center;flex-wrap: wrap;}
#area-Contents .btn_to_products, #area-Contents .btn_to_products li {width: 100%}
#area-Contents .btn_to_products li a {padding: 12px 18px 12px 18px}
}

/*AEM　編集画面対応*/
body.is-authorring #blaune_product * {position: static;transform: translate(0,0);padding: 0;}

/* ボーダー */
.border_1a {border-bottom: 4px solid; border-color: #ff78b4;}
.border_1b {border-style: solid; border-color: #ffbee5;}
.border_2a {border-bottom: 4px solid; border-color: #a18cf9;}
.border_2b {border-style: solid; border-color: #c8b9f7;}
.border_3a {border-bottom: 4px solid; border-color: #e84b70;}
.border_3b {border-style: solid; border-color: #ff9fb3;}
.border_4a {border-bottom: 4px solid; border-color: #fca342;}
.border_4b {border-style: solid; border-color: #ffcb88;}
.border_5a {border-bottom: 4px solid; border-color: #ff664d;}
.border_5b {border-style: solid; border-color: #ffad9a;}

/* 背景色 */
.background_1{background-color:#ffccea;}
.background_2{background-color:#d4caff;}
.background_3{background-color:#ffc0cf;}
.background_4{background-color:#ffd7a6;}
.background_5{background-color:#fcbeb4;}
.background_6{background-color:#7355AF;}

.bg_awa{background-color:#FAEBDC;border-radius: 5px;}
.bg_dcs{background-color:#F0E1F5;border-radius: 5px;}
.bg_lmt{background-color:#FAE6E6;border-radius: 5px;}
.bg_kaori{background-color:#EBF5E6;border-radius: 5px;}
.bg_bihatsu{background-color:#E1E6F0;border-radius: 5px;}
.bg_nemoto{background-color:#F5DCD2;border-radius: 5px;}
.bg_rm{background-color:#E1DCFA;border-radius: 5px;}
.bg_mascara{background-color:#F5D2DC;border-radius: 5px;}
.bg_natu{background-color:#FAF0D2;border-radius: 5px;}
.bg_ct{background-color:#FAE1F0;border-radius: 5px;}

/*color*/
.col_white {color: #fff}

/*font family*/
.font-fm01{font-family: 'YuGoPr6N-Medium', sans-serif}
.font-fm02{font-family: 'YuGoPr6N-Bold', sans-serif}
.font-fm03{font-family: 'AvenirNextLTPro-Light', sans-serif}

/*font size*/
.font-50 {font-size: 50px;line-height: 1; letter-spacing: 0.2em; color: #696969;}
.font-30 {font-size: 30px;line-height: 1; letter-spacing: 0.2em}
.font-26 {font-size: 26px;line-height: 1}
.font-24 {font-size: 24px;line-height: 1.2}
.font-21 {font-size: 21px;line-height: 1.5}
.font-20 {font-size: 20px;line-height: 1.5}
.font-17 {font-size: 17px;line-height: 1.4}
.font-16 {font-size: 16px;line-height: 1.4}
.font-15 {font-size: 15px;line-height: 1}
.font-13 {font-size: 13px;line-height: 1}
.font-12 {font-size: 12px;line-height: 1}
.font-12s {font-size: 12px;line-height: 1.5;letter-spacing: 0.02em;}
.font-9 {font-size: 9px;line-height: 1}

@media only screen and (max-width: 1024px) {
/*font size*/
.font-50 {font-size: 44px;line-height: 1; letter-spacing: 0.2em; color: #696969;}
.font-30 {font-size: 28px;line-height: 1; letter-spacing: 0.2em}
.font-26 {font-size: 22px;line-height: 1}
.font-24 {font-size: 20px;line-height: 1.2}
.font-21 {font-size: 19px;line-height: 1.5}
.font-20 {font-size: 18px;line-height: 1.5}
.font-17 {font-size: 15px;line-height: 1.4}
.font-16 {font-size: 16px;line-height: 1.4}
.font-15 {font-size: 14px;line-height: 1}
.font-13 {font-size: 12px;line-height: 1}
.font-12 {font-size: 10px;line-height: 1}
.font-12s {font-size: 12px;line-height: 1.5;letter-spacing: 0;}
.font-9 {font-size: 9px;line-height: 1}
}
@media only screen and (max-width: 640px) {
/*font size*/
.font-50 {font-size: 36px;line-height: 1; letter-spacing: 0.2em; color: #696969;}
.font-30 {font-size: 24px;line-height: 1; letter-spacing: 0.2em}
.font-26 {font-size: 18px;line-height: 1}
.font-24 {font-size: 18px;line-height: 1.2}
.font-21 {font-size: 14px;line-height: 1.5}
.font-20 {font-size: 18px;line-height: 1.5}
.font-17 {font-size: 14px;line-height: 1.4}
.font-16 {font-size: 12px;line-height: 1}
.font-15 {font-size: 12px;line-height: 1}
.font-13 {font-size: 10px;line-height: 1}
.font-12 {font-size: 9px;line-height: 1}
.font-12s {font-size: 11px;line-height: 1.5;letter-spacing: 0;}
.font-9 {font-size: 9px;line-height: 1}
}