@charset "UTF-8";
/* p余白削除 */
.margin_p_none p {margin: 0!important}
.margin_none {margin: 0!important}

/* フォントサイズ */
.font-32 {font-size: 32px; line-heigh: 1.3;}
.font-30 {font-size: 30px; line-heigh: 1.3;}
.font-24 {font-size: 24px; line-heigh: 1.3;}
.font-22 {font-size: 22px; line-heigh: 1.3;}
.font-20 {font-size: 20px; line-heigh: 1.3;}
.font-18 {font-size: 18px; line-heigh: 1.3;}
.font-16 {font-size: 16px; line-heigh: 1.375;}
.font-15 {font-size: 15px; line-heigh: 1.375;}
.font-14 {font-size: 14px; line-heigh: 1.375;}
.font-12 {font-size: 12px; line-heigh: 1.375;}

/* フォントファミリー */
.font-fm01 {font-family: 'DNPShueiMGoStd-B', sans-serif}
.font-fm02 {font-family: 'DNPShueiMGoStd-L', sans-serif}
.font-fm03 {font-family: 'AvenirNextLTPro-Light', sans-serif}
.font-fm04 {font-family: 'FP-KoburinaGoStdN-W6', sans-serif}

/* 色 */
.col01 {color: #375573;}
.col02 {color: #E75297;}
.col03 {color: #FFF;}
.col04 {color: #000;}

/* マーカー */
.ul-pink {background: linear-gradient(transparent 60%, #F6C2D9 0%);}

/* 背景 */
.bg00 {background: url("/content/dam/sites/kao/www-kao-co-jp/cape/forstraight/bg_intro.jpg"); background-size: 100% 100%;padding: 50px 0 25px;position: relative;}
.bg01 {background-color: #FFEBF0;position: relative;padding-top: 40%;padding-bottom: 50px;}
.bg02 {background-color: #DCF5F2;position: relative;padding-top: 40%;padding-bottom: 50px;}
.bg03 {background-color: #FFF;position: relative;padding-top: 50%;padding-bottom: 50px;}
.bg01::after {content: "";width: 100%;height: 35%;display: block;position: absolute;top: 0;left: 0;background: url("/content/dam/sites/kao/www-kao-co-jp/cape/forstraight/bg_break01.png") top center no-repeat;background-size: 100% auto;padding-top: 35.46%;}
.bg02::after {content: "";width: 100%;height: 35%;display: block;position: absolute;top: 0;left: 0;background: url("/content/dam/sites/kao/www-kao-co-jp/cape/forstraight/bg_break02.png") top center no-repeat;background-size: 100% auto;padding-top: 35.46%;}
.bg03::after {content: "";width: 100%;height: 35%;display: block;position: absolute;top: 0;left: 0;background: url("/content/dam/sites/kao/www-kao-co-jp/cape/forstraight/bg_break03.png") top center no-repeat;background-size: 100% auto;padding-top: 35.46%;}


.date {background-color: #E65296;color: #FFF;padding: 0 1.25em;display: inline-block;margin: 0 auto;font-weight: bold;}
.point {background-color: #B4E0E3;color: #375573;padding: 8px 1.25em;display: inline-block;margin: 0 auto;border-radius: 999px;line-height: 1!important;font-family: 'AvenirNextLTPro-Light', sans-serif;font-size: 20px;}
.border {font-family: 'DNPShueiMGoStd-B', sans-serif;font-weight: bold;-webkit-text-stroke-width: 1px;position: relative;display: inline-block;padding: 0 8px;z-index: 1}
.border::after {content: "";width: 100%;height: 15px;background: #F8CFE1;background: linear-gradient(90deg, rgba(248, 207, 225, 1) 25%, rgba(235, 219, 235, 1) 55%, rgba(218, 221, 238, 1) 75%, rgba(205, 234, 237, 1) 90%);border-radius: 999px;display: inline-block;position: absolute;bottom: 3px;left: 0;z-index: -1;}
.step {background-color: #F5B6C7;color: #375573;padding: 8px 1.25em;display: inline-block;margin: 0 auto;border-radius: 999px;line-height: 1!important;font-family: 'AvenirNextLTPro-Light', sans-serif;font-size: 20px;}
.box01 {background-color: #FFF;border-radius: 10px;padding: 20px 5px;}


/* flex */
.flex-center .l-ImageTextHP--v2__contentsBlock__text {display: flex;align-items: center;}

/* Q&A */
.qa_wrap .l-AccordionUnit--qa__titleBlock__abbr, .qa_wrap .l-AccordionUnit--qa__titleBlock__num {font-family: 'AvenirNextLTPro-Light', sans-serif;font-size: 30px;color: #375573;padding: 0;}
.qa_wrap .l-AccordionUnit--qa__contentBlock__abbr, .qa_wrap .l-AccordionUnit--qa__contentBlock__num {font-family: 'AvenirNextLTPro-Light', sans-serif;font-size: 30px;color: #E65296;display: table-cell;position: static;}
.qa_wrap .l-AccordionUnit__titleBlock {background-color: #FAD7E6;padding: 15px 1.875em 3px 15px;border-top-left-radius: 10px;border-top-right-radius: 10px;border: none;}
.qa_wrap .l-AccordionUnit__contentBlock {background-color: #FFF;padding: 15px 15px 10px 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border: none;}
.qa_wrap .l-Text {display: table-cell;padding-left: 8px;padding-bottom: 12px;vertical-align: top;}

/* online shop */
.shop_wrap .l-AccordionUnit__titleBlock {border-color: #808080;background-color: #FFF;font-family: 'FP-KoburinaGoStdN-W6', sans-serif;}
.shop_wrap .l-AccordionUnit__contentBlock {border-color: #808080;background-color: #FFF;}
.shop_ttl p {padding: 15px 15px 15px 40px;position: relative;text-align: center;display: inline-block;}
.ico_shop {font-size:20px;font-family: 'FP-KoburinaGoStdN-W6', sans-serif;color: #000; background: url("/content/dam/sites/kao/www-kao-co-jp/cape/forstraight/ico_online.svg") left center no-repeat;background-size: 30px 30px;}
.btn_to_lineup .is-colorset--1 .l-ButtonUnit__link {border-color: #808080;background-color: #FFF;font-family: 'FP-KoburinaGoStdN-W6', sans-serif;border-radius: 0;box-shadow: none;padding: 0;}
.btn_to_lineup .is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon {color: #333;}
.btn_to_lineup p {padding: 15px 15px 15px 55px;position: relative;text-align: center;display: inline-block;}
.ico_cape {font-size:20px;font-family: 'FP-KoburinaGoStdN-W6', sans-serif;color: #000; background: url("/content/dam/sites/kao/www-kao-co-jp/cape/forstraight/ico_logo.svg") left center no-repeat;background-size: 45px 30px;}