@charset "UTF-8";

/*none*/
.pc_none {display: none !important}
.sp_none {display: block!important}
.margin_none {margin: 0;}
.nonline a {text-decoration: none!important}

/*release date*/
.releasedate {
background-color: #CB476E;
display: inline-block;
margin-top: 5px;
padding: 2px 5px;
color: #FFF;
font-weight: bold;
}
.releasedate2 {
background-color: #B36200;
display: inline-block;
margin-top: 5px;
padding: 2px 5px;
color: #FFF;
font-weight: bold;
}

/*button*/
.btn-buy a,.g-ButtonUnit__link {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("/https/www.kao.co.jp/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;}

/*midashi*/
.midashi {padding: 10px 0 8px !important;position: relative;z-index: 10;}
/* .midashi::after {
content: "";
background: url(/https/www.kao.co.jp/content/dam/sites/kao/www-kao-co-jp/blaune/index/2303/index2303_02.png) 0 center no-repeat;
background-size: 100% auto;
position: absolute;
bottom: 0;
left: 50%;
width: 222px;
height: 34px;
transform: translate(-50%,0);
z-index: -2;
} */

/* ボーダー */
.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;}

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

/*font size*/
.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-20 {font-size: 20px;line-height: 1.5}
.font-17 {font-size: 17px;line-height: 1.4}
.font-15 {font-size: 15px;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-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-20 {font-size: 18px;line-height: 1.5}
.font-15 {font-size: 14px;line-height: 1}
.font-17 {font-size: 15px;line-height: 1.4}
.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}

/*button*/
.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) {
/*font size*/
.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-20 {font-size: 18px;line-height: 1.5}
.font-17 {font-size: 14px;line-height: 1.4}
.font-15 {font-size: 12px;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}

/*button*/
.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;}
}