@charset "utf-8";
/*
 common
======================================================= */
html {
  overflow: auto;
}
body {
  position: relative;
  overflow-x: hidden;
  min-width: 960px;
}
.rc-rewardHeader {
  width: 960px;
  margin: 0 auto 8px;
}
.win960{
  width: 960px;
  transform: translateX(-50%);
  margin-left: 50%;
}
.ecm-kanban{
  max-width: 100%;
}
/*
brandBeauty_header
======================================================= */
.brandBeauty_header {
  line-height: 1.35;
  padding-bottom: 12px;
  padding-top: 24px;
}
.brandBeauty_header_PCbox {
  width: 960px;
  height: 89px;
  display: flex;
  margin: 0 auto;
}
.lux-header__logo {
  width: 553px;
}
.lux-header__logo img {
  width: 393px;
}
.lux-header__logo p {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 10px;
  font-weight: normal;
  letter-spacing: -1.5px;
  color: #626262;
}
.lux-search__box {
  position: relative;
  width: calc(320 / 320 * 100%);
}
/* search01 */
.search01 .rc-searchForm__inputContainer {
  border: 1px solid #d57889;
  border-radius: 0;
  font-size: 4.375vw;
}
.search01 .rc-searchForm__textInput {
  background: #fff;
  text-indent: 3.438vw;
  letter-spacing: -0.312vw;
  font-size: 4.063vw;
}
.search01 .rc-searchForm__textInputContainer {
  height: 9.063vw;
}
.search01 .rc-searchForm__button {
  background: #d57889;
  font-size: 5.938vw;
}
.search01 .rc-searchForm__form {
  padding: 0 5vw;
}
/* title_navi */
.title_navi{
  font-family: CenturyGothic,"Century Gothic",AppleGothic,sans-serif;
  padding-top: 13px;
}
.title_navi ul{
  display: flex;
  flex-wrap:wrap;
}
.title_navi ul li{
  width: 119px;
  font-size:18px;
  height: 32px;
  position: relative;
}
.title_navi ul li a{
  display:flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  color:#999999;
}
.title_navi ul li a:hover{
  text-decoration: none;
}
.title_navi ul li + li:before{
  display: block;
  content: "";
  height: 13px;
  width: 1px;
  background-color: #999999;
  position: absolute;
  left:0;
  top:6px;
}
.title_navi ul li._current a{
  font-weight: bold;
  color:#d57889;
  pointer-events: none;
}
.title_navi ul li._current a:after{
  display: block;
  content: "";
  width: 34px;
  height: 5px;
  border-radius: 2px;
  background-color:#d57889;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
}
.title_navi ul li:nth-child(1) a:hover,
.title_navi ul li:nth-child(2) a:hover,
.title_navi ul li:nth-child(3) a:hover{
  font-weight: bold;
}
.title_navi ul li:nth-child(1) a:hover{color:#d57889;}
.title_navi ul li:nth-child(2) a:hover{color:#356791;}
.title_navi ul li:nth-child(3) a:hover{
  color:#d57889;
  background: linear-gradient(to right,#e1909e 0%,#ae96b2 50%,#6e94b8 100%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title_navi ul li:nth-child(1) a:hover:after,
.title_navi ul li:nth-child(2) a:hover:after,
.title_navi ul li:nth-child(3) a:hover:after{
  display: block;
  content: "";
  width: 34px;
  height: 5px;
  border-radius: 2px;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
}
.title_navi ul li:nth-child(1) a:hover:after{background-color:#d57889;}
.title_navi ul li:nth-child(2) a:hover:after{background-color: #356791;}
.title_navi ul li:nth-child(3) a:hover:after{background-image:linear-gradient(to right,#e1909e 0%,#ae96b2 50%,#6e94b8 100%);}
/* kanban_dec_text */
.kanban_dec_text{
  position: relative;
  text-align: center;
  color: #666d75;
  margin-top: 16px;
}
.kanban_dec_text .title_01_text{
  position: relative;
  display: inline-block;
  padding: 0 17px;
  font-size: 20px;
}
.kanban_dec_text .title_01_text::before,
.kanban_dec_text .title_01_text::after{
  position: absolute;
  content: "";
  background-color: #666d75;
  bottom: 3px;
  width: 1px;
  height: 19px;
}
.kanban_dec_text .title_01_text::before{
  right: 0;
  transform: rotate(30deg);
}
.kanban_dec_text .title_01_text::after{
  left: 0;
  transform: rotate(-30deg);
}
.to_mens_link{
  text-align: center;
  padding:0 5vw;
  margin-top: 5vw;
}
.to_mens_link a{
  text-decoration: underline;
  color:#356791;
}
/*
h2
======================================================= */
/* title01 */
.title01 {
  padding-bottom: 49px;
}
.title01 ._h2_01 {
  font-size: 60px;
  font-weight: normal;
  text-align: center;
  font-family: Century Gothic, sans-serif;
  color: #666d75;
  /* margin-bottom: 7px; */
}
.title01 ._text {
  position: relative;
  color: #666d75;
  text-align: center;
  font-size: 20px;
  line-height: 1.3;
  margin-top: 24px;
}
._subTxt {
  text-align: center;
  font-size: 14px;
  margin-bottom: 35px;
  line-height: 1.35;
}
/* title03 */
.title03 {
  font-size: 32px;
  color: #f77599;
  text-align: center;
  font-weight: bold;
}
/* title04 */
.title04 {
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  color: #f77599;
  margin-bottom: 40px;
}
/*
h3
======================================================= */
/* title02 */
.title02 {
  font-size: 5.313vw;
  font-weight: bold;
  text-align: center;
  color: #666d75;
  padding-bottom: 6.25vw;
}
._title_sub01 {
  text-align: center;
  margin-bottom: 0.938vw;
}
._title_sub01 span {
  border: 1px solid #666d75;
  color: #666d75;
  padding: 0px 1.875vw;
  font-size: 3.75vw;
}
/*
kanban
======================================================= */
/* .kanban{
  padding-bottom: 4.688vw;
} */
.lux-hero__img img {
  width: 100%;
  box-sizing: border-box;
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
/* ↓3枚以下の時はコメントアウト */
/* .container {
  position: static;
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
} */
/* ↑3枚以下の時はコメントアウト */
/* .lux-hero__desc */
.lux-hero__desc {
  position: relative;
  padding: 3.438vw 0 7.813vw;
}
.lux-hero__desc a {
  color: #333;
}
.lux-hero__desc a ._title {
  color: #d57889;
  font-size: 4.375vw;
  font-weight: bold;
}
.lux-hero__desc a ._text {
  font-size: 3.75vw;
}
.lux-hero__desc a ._date {
  color: #8f8f8f;
  font-size: 3.75vw;
}
/* ecm-slider-pagination */
.ecm-slider-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  padding: 0 6.25vw;
}
/* custom-button */
.ecm-kanban .custom-button-box02 {
  display: none;
}
.ecm-kanban .custom-button-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5vw 0;
}
.ecm-kanban .custom-button-next span {
  position: relative;
}
.ecm-kanban .custom-button-next span::before {
  display: block;
  position: absolute;
  height: 3.125vw;
  top: 0;
  bottom: 0;
  right: 3.125vw;
  margin: auto;
  font-size: 4.375vw;
  color: #fff;
}
.ecm-kanban .custom-button-prev {
  position: relative;
}
.ecm-kanban .ecm-slider-pagination-bullet{
  width: 10px;
  height: 10px;
}
.ecm-kanban .ecm-slider-pagination-bullet:not(:first-child) {
  margin-left: 3.125vw;
}
.ecm-kanban .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}
.ecm-kanban .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #d57889;
}
.ecm-kanban .ecm-slider-prev,
.ecm-kanban .ecm-slider-next {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 1 !important;
}
.ecm-kanban .custom-button-prev {
  position: relative;
}
.ecm-kanban .ecm-slider-pagination-bullet:not(:first-child) {
  margin-left: 14px;
}
.ecm-kanban .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}
.ecm-kanban .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #d57889;
}
/*
coupon
======================================================= */
.coupon .cautionTxt_box .cautionTxt{
  text-align: left;
}
/* coupon01 */
.coupon_box{
  width: 402px;
  margin: 0 auto;
}
.coupon01 .rc-noTransitionCoupon__title{
  color: #ff9281;
}
.coupon01 .coupon_list_text{
  border-top: none;
  color: #fff;
  padding: 20px 0;
  font-size: 18px;
}
.coupon01 .coupon_list_title{
  color: #fff;
  margin-bottom: 4px;
  font-size: 16px;
  margin-top: 10px;
}
.coupon01 .coupon_list_discount em{
  font-size: 63px;
}
.coupon01 .coupon_list_filled{
  color: #fff;
}
.coupon01 .rc-noTransitionCoupon__annotation{
  color: #fff;
  font-size: 20px;
}
.coupon01 .coupon_list_body::before {
  background-image: none;
}
.coupon01 .coupon_list_link {
  padding: 5px 0 0;
  text-shadow: 1px 0px 10px #808080;
}
.coupon01 .coupon_list_link::before {
  background-image: none;
  height: 98%;
}
.coupon01 .coupon_list_link::after{
  background-image: url("https://r.r10s.jp/evt/event/beauty/brand/official/_pc/img/20251001/coupon_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.coupon01 .coupon_list_discount{
  color: #fff;
  font-size: 28px;
  margin-bottom: -5px;
}
.coupon01 .coupon_list_note{
  font-size: 14px;
  color: #666d75;
  margin-top: 10px;
}
  
/* periodWrap01 */
.campaignLinkList{
  width: 400px;
  margin: 0 auto;
}
.periodWrap01 {
  display: block;
  padding: 51px 0 0;
  font-size: 18px;
  color: #666;
}
.periodWrap01 .period {
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
  color: #666d75;
}
.periodWrap01 .campaignLink {
  margin-right: 8px !important;
  margin-bottom: 0 !important;
  font-size: 3.75vw;
  line-height: 1.1 !important;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.periodWrap01 .campaignLink a{
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  color: #666d75;
}
.periodWrap01 .campaignLink a:hover{
  opacity: .8;
}
.periodWrap01 .campaignLink:nth-child(2n) {
  border-left: solid 1px #c6c6c6;
}
.periodWrap01 .campaignLink {
  margin-right: 0 !important;
}
.periodWrap01 .couponNote_Info li {
  position: relative;
  padding-left: 1em;
  padding-right: 1em;
}
.periodWrap01 .list_mark {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  line-height: 1.8;
}
.cautionTxt_box{
  padding: 7px 0 30px;
  line-height: 1.45;
  width: 645px;
  margin: 0 auto;
}
.cautionTxt {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
  text-align: center;
}
/*
specialcoupon
======================================================= */
.specialcoupon .periodWrap01{
  padding: 20px 0 20px;
  background: #f5f5f5;
  width: 740px;
  margin: 0 auto 48px;
}
.specialcoupon .periodWrap01 .period{
  margin-bottom: 21px;
}
.specialcoupon .cautionTxt{
  color: #666d75;
}
.cautionTxt._link{
  text-align: center;
  text-decoration: underline;
  color: #0783c2;
  margin-top: 23px;
  font-size: 14px;
}
.cautionTxt._link a:hover{
  opacity: .8;
}
.ad_coupon .ecm-ad{
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 9px !important;
  border: 1px solid #d4d4dd;
}
.ad_coupon .ecm-ad-coupon{
  background-color: #fcebee;
  border-color: #d87f8f;
  color: #666d75;
}
.ad_coupon .ecm-ad-coupon i{
  color: #d57889;
}
/*
pickup_brand_box
======================================================= */
.pickup_brand_area{
  margin-bottom: 40px;
}
.pickup_brand_box{
  display: block;
  background-color: #fff;
  padding: 16px;
  color: #666d75!important;
  border-radius: 6px;
  position: relative;
  width: 670px;
  margin: 0 auto;
}
.pickup_brand_box:hover{
  text-decoration: none;
  opacity: .9;
}
.ic_new{
  position: absolute;
  width: 68px;
  height: 68px;
  background-color: #f0c6cd;
  border-radius: 50%;
  top: -20px;
  left: -33px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ic_new span{
  font-style: normal;
  font-family: CenturyGothic,"Century Gothic",AppleGothic,sans-serif;
  font-size: 20px;
}
.pickup_about{
  flex: 1;
}
.pickup_about_box{
  flex: 1;
  display: flex;
  align-items: center;
  margin-bottom: 11px;
} 
.pickup_ttl{
  font-size: 18px;
  font-weight: bold;
  padding-left: 13px;
}
.pickup_text{
  font-size: 15px;
  line-height: 1.45;
}
.pickup_brand_img{
  width: 100px;
}
.pickup_brand_pc{
  display: flex;
  justify-content: center;
  gap: 16px;
}
.pickup_brand_item{
  width: 316px;
}
.alcor_area{
  margin: 0 0 56px;
}
.alcor_area .ecm-alcor-name{
  margin-top: 0;
}
.alcor_area .ecm-alcor-body{
  padding: 8px;
}
/*
floating_area
======================================================= */
.floating_logo{
  margin: 0 23px 0 0!important;
  width: 226px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.floating_area .ecm-floating-navi{
  height: 54px;
  font-family: CenturyGothic,"Century Gothic",AppleGothic,sans-serif;
  width: 960px;
  margin: 0 auto;
}
.floating_area .ecm-floating-navi-item{
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  position: relative;
  padding: 0;
  padding-bottom: 7px;
}
.floating_area .ecm-floating-navi a{
  color: #939398;
}
.floating_area .ecm-floating-navi a:nth-of-type(1){
  color: #d57889;
}
.floating_area .ecm-floating-navi a span{
  position: relative;
}
.floating_area .ecm-floating-navi a:nth-of-type(1) span::before{
  content: "";
  width: 28px;
  height: 3px;
  background-color: #d57889;
  position: absolute;
  bottom: -4px;
  border-radius: 4px;
  right: 0;
  left: 0;
  margin: auto;
}
.floating_area .ecm-floating-navi a:nth-of-type(1)::before{
  content: "";
  width: 1px;
  height: 24px;
  background-color: #ccc;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.floating_area .ecm-floating-navi a:nth-of-type(2):hover{
  color: #356791;
}
.floating_area .ecm-floating-navi a:nth-of-type(2):hover span::before{
  content: "";
  width: 28px;
  height: 3px;
  background-color: #356791;
  position: absolute;
  bottom: -4px;
  border-radius: 4px;
  right: 0;
  left: 0;
  margin: auto;
}
.floating_navi .ecm-floating-nav-pill{
  border-radius: 0;
  padding: 1.3px 16px;
  font-size: 15px;
  background: #fff;
  color: #d57889;
  border: 1px solid #d57889;
  border-right: none;
}
.floating_navi span {
  font-size: 14px;
}
.floating_navi ._bold {
  font-size: 20px;
}
.floating_navi .ecm-floating-nav-pill:hover {
  background-color: #d57889;
  color: #fff;
}
.floating_navi .ecm-floating-nav-pill[data-in-viewport=true]{
  background-color: #d57889;
  color: #fff;
}
@media screen and (max-width:1450px){
  .floating_navi{
    display: none;
  }
}
/*
main_section
======================================================= */
.main_section {
  position: relative;
  padding: 87px 0 104px;
}
.main_section._bg01::after {
  content: "";
  /* background: linear-gradient(135deg,  #fcebee 0%,#f9f2f2 43%,#e1e7ee 100%); */
  background: #f7ecee;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.special .alcol_area .rl-itemColumn2{
  padding: 0 5vw;
}
.special .alcol_area .ri-item{
  background: #fff;
  padding: 2.188vw;
  box-sizing: border-box;
  border-radius: 1.25vw;
  margin-bottom: 9px !important;
}
.special .rl-itemColumn2 .ri-item{
  background: #fff;
  padding: 2.188vw;
  box-sizing: border-box;
  border-radius: 1.25vw;
  margin-bottom: 9px !important;
}
/*
new_arrival
======================================================= */
.new_arrival .alcol_area .ecm-alcor-name{
  margin-top: 0;
}
.new_arrival .alcol_area .ecm-alcor-body{
  padding: 8px;
}
.ranking_ttl{
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #666d75;
  margin-bottom: 28px;
}
/*
coupon
======================================================= */
.coupon{
  padding: 48px 0 67px;
}
.campaign_bnr{
  width: 200px;
  margin: 0 auto;
}
.coupon_liink_btn{
  width: 200px;
  margin: 0 auto 5vw;
}
.coupon_liink_btn a {
  background: #d57889;
  border: 1px solid #d57889;
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 30px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.coupon_liink_btn a span {
  color: #fff !important;
  /* padding: 13px !important; */
}
.coupon_liink_btn a .rc-button__text{
  font-size: 12px !important;
}
.coupon_liink_btn a .rc-button__rightIcon{
  position: absolute;
}
/*
index
======================================================= */
/* index01 */
.index01{
  color: #666d75;
  margin: 0 0 103px;
}
.index_ttl{
  font-size: 32px;
  text-align: center;
  font-weight: normal;
  font-family: CenturyGothic,"Century Gothic",AppleGothic,sans-serif;
  margin-bottom: 11px;
}
.index_box{
  padding: 0;
  gap: 0 26px;
  border-top: solid 1px #d57889;
  border-bottom: solid 1px #d57889;
}
/* .index01 .index_box > .index_list:first-child{
  border-top:solid 1px #d57889;
}
.index01 .index_box .index_list:last-of-type {
  border-bottom: solid 1px #d57889;
} */
.index01 .index_list .index_list__link{
  position: relative;
  display: flex;
  align-items: center;
  height: 57px;
  color: #666d75;
  border-bottom: 1px solid #d4d4dd;
}
.index01 .index_list .index_list__link:hover{
  opacity: .8;
  text-decoration: none;
}
.index01 .index_list__text{
  font-size: 16px;
  padding-left: 23px;
  line-height: 1;
  position: relative;
}
.index01 .index_list__text::before{
  content: "";
  width: 10px;
  height: 1px;
  background: #939398;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 3px;
  margin: auto;
}
.index01 .index_list:nth-child(3n+1):nth-last-child(-n+3) a,
.index01 .index_list:nth-child(3n+1):nth-last-child(-n+3) ~ li a{
  border-bottom: none;
}
/*
special
======================================================= */
.ad_area + .ad_area{
  margin-top: 70px;
}
#monthly .ad_area .ecm-ad-body{
  padding: 10px;
}
.special_sub_ttl{
  font-size: 24px;
  text-align: center;
  color: #666d75;
  margin-bottom: 28px;
}
/*
ranking
======================================================= */
.ranking_alcol + .ranking_alcol{
  margin-top: 70px;
}
/* rankingNote01 */
.rankingNote01 {
  width: 718px;
  margin: 60px auto 0;
  font-size: 12px;
  color: #666;
}
.rankingNote01 li{
  padding-left: 1em;
  text-indent: -1em;
}
/*
category
======================================================= */
/* tab01 */
.tab01 .tab_menuList{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 610px;
  margin: 0 auto 42px;
}
.tab01 .tab_menuItem{
  position: relative;
  display: flex;
  justify-content: center;
  width: 33.33%;
  height: 67px;
  align-items: center;
  margin: 0;
  background-color: #fff;
  border: 1px solid #d57889;
  border-radius: 0;
  box-sizing: border-box;
  color: #d57889;
  font-size: 18px;
  line-height: 1;
}
.tab01 .tab_menuItem:hover{
  opacity: .8;
}
.tab01 .tab_menuItem + * {
  border-left: none;
}
.tab01 .tab_menuItem[aria-selected=true] {
  background-color: #d57889;
  color: #fff;
  font-weight: bold;
}
.tab01 .tab_menuItem[aria-selected=true]::after{
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-color: #d57889 transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0;
}
.category_area{
  gap: 24px;
  width: 795px;
  margin: 0 auto;
}
.category_box{
  display: block;
}
.category_box:hover{
  text-decoration: none;
  opacity: .8;
}
.category_img{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  height: 140px;
  border: 1px solid #d4d4dd;
  border-radius: 6px;
  overflow: hidden;
}
.category_text{
  font-size: 16px;
  color: #666d75;
  margin-top: 10px;
  min-height: 42px;
}
/*
ambassador
======================================================= */
.ambassador_about{
  padding: 24px;
  background-color: #f5f5f5;
  color: #666d75;
  margin: 0 auto 45px;
  width: 700px;
  box-sizing: border-box;
}
.ambassador_ttl{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.ambassador_text{
  font-size: 14px;
  text-align: center;
  line-height: 1.45;
}
.ambassador .monthly_anc_ttl ._text{
  padding: 0 22px;
}
.ambassador_btn_box{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
/*
brand
======================================================= */
.brand ._data {
  text-align: left;
  font-size: 3.75vw;
  padding-bottom: 3.125vw;
}
.con2_itemWrap .rl-column2 {
  padding: 0;
  margin-bottom: -5vw;
}
.pickupbrand li{
  outline: 1px solid #ebebeb;
  outline-offset: -0.312vw;
}
/* tab */
.tab-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tab-item {
  color: #666d75;
  border: 1px solid #d4d4dd;
  box-sizing: border-box;
  width: 62px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  background-color: #fff;
}
.tab-item:hover{
  cursor: pointer;
  opacity: .8;
}
.tab-item[for="all"] {
  width: 132px !important;
}
.tab-item[for="wa"] {
  margin: 0!important;
}
/* tabCon_title */
.tabCon_title {
  line-height: 1.3;
  position: relative;
  font-size: 4.313vw;
  font-weight: bold;
  padding-bottom: 4.688vw;
}
.tabCon_title span {
  padding-left: 3.125vw;
}
.tabCon_title::before {
  position: absolute;
  content: "";
  width: 0.313vw;
  height: 6.25vw;
  background-color: #d57889;
}
/* tab-content */
.tab-content {
  display: none;
  padding-top: 40px;
  overflow: hidden;
  clear: both;
  font-size: 4.375vw;
}
.tab-content .brands_area {
  padding: 0;
}
.tab-content .brands_area > * a {
  font-size: 14px;
  color: #333;
}
.tab-content .brands_area > * a:hover{
  opacity: .8;
  text-decoration: none;
}
.tab-content .brands_area .img_area {
  border: 1px solid #d4d4dd;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 6px;
  background: #fff;
}
._official,
._rakuten24 {
  position: absolute;
  width: 11.875vw;
  height: 11.875vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  right: -2.563vw;
  top: -3.563vw;
}
._official {
  background-color: #d57889;
  font-size: 3.75vw;
}
._rakuten24 {
  background-color: #bf0000;
  font-size: 3.125vw;
}
input[name="tab-item"] {
  display: none;
}
#all:checked ~ #all-content,
#a:checked ~ #a-content,
#ka:checked ~ #ka-content,
#sa:checked ~ #sa-content,
#ta:checked ~ #ta-content,
#na:checked ~ #na-content,
#ha:checked ~ #ha-content,
#ma:checked ~ #ma-content,
#ya:checked ~ #ya-content,
#ra:checked ~ #ra-content,
#wa:checked ~ #wa-content {
  display: block;
}
.tab-container input:checked + .tab-item {
  background-color: #d57889;
  color: #fff;
  border: none;
}
.brands_area{
  gap: 24px;
}
/* button03 */
.button03 .buttonLink {
  background: #fff;
  width: 358px;
  height: 68px;
  margin: 0 auto;
  border-radius: 6px;
  color: #d57889;
  box-sizing: border-box;
  font-size: 18px;
  border: none;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  border: 1px solid #d57889;
}
.button03 .buttonLink:hover{
  text-decoration: none;
  opacity: .8;
}
.button03 .buttonLink::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0px;
  right: 17px;
  width: 11px;
  height: 11px;
  margin: auto;
  border-right: 2px solid #d57889;
  border-top: 2px solid #d57889;
  transform: rotate(45deg);
}
.button03 .dec_sns{
  width: 28px;
  height: 28px;
  position: absolute;
  left: 21px;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* button04 */
.button04{
  background: #d57889;
  width: 358px;
  height: 68px;
  border-radius: 6px;
  color: #fff;
  box-sizing: border-box;
  font-size: 18px;
  border: none;
  margin: 39px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.button04:hover{
  opacity: .8;
}
.button04 .ecm-icon-plus{
  position: absolute;
  right: 13px;
}
.rp-showMore__button,
.rp-showLess__button {
  padding: 13px !important;
  background: #fff;
  width: 61.25vw;
  margin: 0 auto;
  border: 1px solid #d57889;
  border-radius: 7.5vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 4.688vw;
  margin-top: 7.813vw;
  background-color: #d57889;
  height: 14.063vw;
}
/*
Brand News
======================================================= */
.radTableContainer,
.radTableContainerDone{
  margin: 0 5vw;
}
/*
category
======================================================= */
.lux-category__container {
  background-color: #f2f2f2;
  margin-top: 15vw;
  padding-top: 15vw;
  padding-bottom: 15vw;
}
.lux-category__nav {
  width: 100%;
  margin: auto;
  font-size: 3.75vw;
}
.lux-category__nav ul li {
  background-color: #d57889;
  color: #fff;
  position: relative;
  border-bottom: solid 1px #fff;
}
.lux-category__nav ul li .beauty-block--small {
  color: #fff;
  display: block;
  padding: 4.688vw 12.5vw;
  font-size: 4.688vw;
}
.lux-category__nav ul li .lux-category__nav--child {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  visibility: hidden;
  height: 0;
  opacity: 0;
}
.lux-category__nav ul li.is-open .lux-category__nav--child {
  padding: 0;
  visibility: visible;
  height: auto;
  opacity: 1;
}
.lux-category__nav ul li .lux-category__nav--child li {
  background-color: transparent;
  width: 100%;
  border-bottom: solid 1px #d4d4dd;
  font-size: 4.063vw;
}
.lux-category__nav ul li .lux-category__nav--child li:last-child {
  border-bottom: none;
}
.lux-category__nav ul li .lux-category__nav--child a {
  color: #333;
  /* padding: 4.688vw 0 4.688vw 4.688vw; */
  padding: 3.75vw 0 3.438vw 8.125vw;
  margin-left: 0;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 3.75vw;
}
.lux-category__nav ul li .lux-category__nav--child a img {
  margin-right: 3.125vw;
  display: none;
}
.lux-category__txt {
  position: relative;
  padding: 3.75vw 8.125vw 3.125vw;
  cursor: pointer;
  font-size: 3.75vw;
}
.lux-category__btn {
  position: absolute;
  top: 50%;
  right: 8.688vw;
}
.lux-category__btn::before,
.lux-category__btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.375vw;
  height: 0.313vw;
  background-color: #fff;
}
.lux-category__btn::after {
  transform: rotate(90deg);
}
.is-open .lux-category__btn::after {
  transform: rotate(0deg);
}
/*
newArrival
======================================================= */
.main_section.newArrival .ri-item{
  background: #fff;
  padding: 2.188vw;
  box-sizing: border-box;
  border-radius: 1.25vw;
}
.main_section.newArrival .ri-item a{
    /* padding: 1.563vw; */
    box-sizing: border-box;
}
/*
limited
======================================================= */
/*
ranking
======================================================= */
.ranking .tab02 .rn-tab._custom .rn-tab__menuContainer {
  margin-bottom: 0 !important;
  margin: 0 5vw;
}
/* .ranking .rl-itemCarousel .rl-itemCarousel__scroller{
  padding-top: 0;
} */
/* rn-tab */
.tab02 .rn-tab {
  padding: 0;
}
.tab02 .sliderWrap {
  margin: 0 -5vw;
}
.tab02 .rn-tab._custom .rn-tab__menuList {
  margin-left: 0;
  border: 1px solid #d57889;
  border-bottom: none;
  font-size: 4.063vw;
  text-align: center;
}
.tab02 .rn-tab._custom .rn-tab__menuItem {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  align-items: center;
  min-height: 10.625vw;
  padding: 2.5vw 0;
  margin: 0 0 0 0;
  border-left: none;
  border-bottom: none;
  background-color: transparent;
}
.tab02 .rn-tab._custom .rn-tab__menuItem + * {
  border-left: 1px solid #d57889;
}
.tab02 .rn-tab._custom .rn-tab__menuItem.-active {
  border: none;
}
.tab02 .rn-tab._custom .rn-tab__menuItem.-active:after {
  position: absolute;
  left: calc(50% - 3.125vw);
  bottom: -2.187vw;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-color: #d57889 transparent transparent;
  border-style: solid;
  border-width: 3.125vw 3.125vw 0;
}
.tab02 .rn-tab._custom .rn-tab__menuContainer {
  border-bottom: 1px solid #d57889;
  background-color: #ffffff;
  margin: 0 5vw 7.187vw;
}
.tab02 .rn-tab._custom .rn-tab__itemContainer {
  padding: 0;
  background-color: transparent;
}
.tab02 .rn-tab._custom .rn-tab__menuItem.-active {
  background-color: #d57889;
}
.tab02 .rn-tab._custom .rn-tab__textBox {
  color: #d57889;
  font-size: 4.063vw;
}
.tab02 .rn-tab._custom .rn-tab__menuItem.-active .rn-tab__textBox {
  color: #fff !important;
}
.rl-itemCarousel--grid5 .rl-itemCarousel__scroller > *,
.rl-itemCarousel.-grid5 .rl-itemCarousel__scroller > * {
  width: calc((100vw - 140px) / 12 * 5 + 48px) !important;
}
.main_section.ranking .ri-item{
  background: #fff;
  padding: 2.188vw;
  box-sizing: border-box;
  border-radius: 1.25vw;
}
/*
monthly
======================================================= */
/* monthly_anc_ttl */
.monthly_anc_ttl{
  position: relative;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 19px;
}
.monthly_anc_ttl ._text{
  position: relative;
  display: inline-block;
  padding: 0 7px;
  font-size: 20px;
  color: #666d75;
  line-height: 1.5;
}
.monthly_anc_ttl ._text::before,
.monthly_anc_ttl ._text::after{
  position: absolute;
  content: "";
  background-color: #666d75;
  bottom: 3px;
  width: 1px;
  height: 19px;
}
.monthly_anc_ttl ._text::before{
  right: 0;
  transform: rotate(30deg);
}
.monthly_anc_ttl ._text::after{
  left: 0;
  transform: rotate(-30deg);
}
/* button02 */
.button02 .buttonLink {
  background: #d57889;
  width: 358px;
  height: 68px;
  margin: 0 auto;
  border-radius: 6px;
  color: #fff;
  box-sizing: border-box;
  font-size: 18px;
  border: none;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.button02 .buttonLink:hover{
  text-decoration: none;
  opacity: .8;
}
.button02 .buttonLink::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 9px;
  right: 18px;
  width: 10px;
  height: 10px;
  margin: auto;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(135deg);
}
/*
feature
======================================================= */
.feature_box + .feature_box{
  margin-top: 24px;
}
.shop01 {
  margin-bottom: 57px;
}
.shop01 li {
  border: 1px solid #d4d4dd;
  box-sizing: border-box;
  width: calc((100% - 80px) / 6) !important;
  margin-right: 16px !important;
  margin-bottom: 16px !important;
  padding: 7px;
  text-align: center;
  border-radius: 6px;
  overflow: hidden;
  align-items: center;
  display: flex;
  justify-content: center;
}
.shop01 li:nth-of-type(6n){
  margin-right: 0!important;
}
.shop01 li a {
  display: block;
}
.shop01 li a img{
  width: 100%;
}
.shop01 li a:hover {
  opacity: 0.8;
}
.shop .title03 {
  padding-bottom: 41px;
}
.shop ul {
  border: 1px solid #d4d4dd;
  padding: 20px 40px;
  background: #fff;
  border-radius: 4px;
}
.coupon_btn {
  padding: 13px !important;
  background: #d87f8f;
  width: 196px;
  margin: 0 auto;
  border-radius: 24px;
  box-sizing: border-box;
  font-size: 15px;
  border: none;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.shop_box{
  gap: 12px 24px;
}
.coupon_btn a {
  color: #fff !important;
}
.shop .title03 ._text {
  position: relative;
  color: #444444;
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
  font-weight: normal;
  padding-top: 15px;
}
.shop a {
  font-size: 14px;
  color: #666d75;
  line-height: 18.2px;
}
.shop a:hover {
  text-decoration: underline;
}
  
.rule {
  padding: 60px 0;
}
.feature_area a:hover{
  opacity: .8;
}
/*
alcl
======================================================= */
.ri-item__shopLink--color828282 .ri-item__iconShop,
.ri-item__shopLink.-color828282 .ri-item__iconShop,
.ri-item__shopLink--color828282 .ri-item__shopName,
.ri-item__shopLink.-color828282 .ri-item__shopName {
  color: #0783c2;
}
.ri-item__name {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.ri-item__shopName {
  font-size: 13px !important;
}
.ri-item__name--2lines,
.ri-item__name.-text2lines {
  height: 3em;
}
/*
present
======================================================= */
.present .title02 {
  padding-bottom: 5vw;
  font-size: 5.1vw;
  line-height: 1.3;
}
.ten_people_text {
  margin-bottom: 6.25vw;
  font-size: 4.375vw;
  text-align: center;
  line-height: 1.3;
}
.ten_people_text span {
  color: #d57889;
  font-weight: bold;
}
.ten_people_text span em {
  font-size: 5.625vw;
}
.entry_wrap .periodWrap01 {
  margin-top: 6.25vw;
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.entry_wrap .periodWrap01 .periodTxt {
  margin-bottom: 3.75vw;
  font-size: 4.375vw;
  color: #333;
  line-height: 1.3;
}
.entry_wrap .rl-column2 {
  padding: 0;
}
.presentItem_wrap a {
  display: block;
  margin: 0 5vw;
  padding: 5vw;
  border-radius: 1.25vw;
  color: #333;
  background-color: #fff;
  box-sizing: border-box;
  line-height: 1.3;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.presentItem_wrap a .present_col {
  display: flex;
  align-items: center;
}
.presentItem_wrap a .present_img {
  width: 25.313vw;
}
.presentItem_wrap a .present_txt {
  width: calc(100% - 27.187vw);
  margin-left: 1.875vw;
  margin-top: 1.563vw;
  font-weight: bold;
  font-size: 4.375vw;
  font-size: clamp(14px, 3.889vw, 22px);
}
.presentItem_wrap a .present_txt ._ttl {
  color: #d57889;
  margin-bottom: 1.563vw;
}
.presentItem_wrap a .present_img img {
  width: 100%;
  height: auto;
}
.presentItem_wrap a .present_note {
  margin-top: 2.5vw;
  font-size: 4.063vw;
  font-size: clamp(13px, 3.611vw, 18px);
  font-weight: normal;
}
/*
floatingBnr
======================================================= */
.floatingNotification01 {
  position: fixed;
  padding: 0;
  right: 4.688vw;
  bottom: 19.625vw;
  z-index: 119;
  width: 32.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.floatingNotification01 a {
  color: #a6822b;
}
.floatingNotification01 button {
  display: block;
  position: absolute;
  top: -2.53vw;
  right: -2.937vw;
  border: none;
  width: 6.25vw;
  height: 6.25vw;
  background: url(https://r.r10s.jp/evt/event/beauty/brand/official/_cmn/img/20240201/cmn_close.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 3.125vw;
}
/*
float_area
======================================================= */
.float_area{
  width: 100%;
  padding: 8px 0;
  bottom: 0;
  top: auto !important;
  background-color: #f1d2d7;
  position: relative;
}
/* search01 */
.search01{
  width: 738px;
  margin: 0 auto;
}
.search01 .search_box{
  border-radius: 0;
  border: 1px solid #d57889;
  height: 44px;
}
.search01 .search_box_submit{
  width: 47px;
  background-color: #d57889;
  padding: 0;
}
.search01 .search_input{
  padding-left: 20px;
  font-size: 15px;
}
.search01 .search_box_ic{
  font-size: 25px;
}
.close_btn{
  width: 5.313vw;
  height: 5.313vw;
  padding: 0;
  padding-top: 0.625vw;
  border-radius: 50%;
  border: none;
  background: #666d75;
  color: #fff;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.438vw;
  top: -3.125vw;
  left: 1.25vw;
}
/*
scm-search-keyword[scm]
---------------------------------------------------*/
.keyword01 {
  margin: 0 5vw 12.5vw;
}
.search_area .coupon-scm-search-keyword {
  color: #d57889 !important;
  font-size: 3.75vw;
  border-radius: 6.25vw;
  background-color: #fff;
  border: 1px solid #d4d4dd;
  padding: 0 4.375vw;
  min-height: 12.5vw;
  justify-content: center;
  align-items: center;
}
/* layout01 */
.layout01 .rc-searchKeyword__item {
  width: calc((100% - 12px) / 3) !important;
  margin: 0 6px 6px 0 !important;
  border-radius: 1.25vw;
  /* box-shadow: 0px 2px 7px 0px rgba(0,0,0,.2); */
  border: 1px solid #d4d4dd;
  font-size: 3.75vw;
  box-sizing: border-box;
}
.layout01 .rc-searchKeyword__item:nth-of-type(3n) {
  margin-right: 0 !important;
}
.layout01 .rc-searchKeyword__list {
  margin-left: 0;
}
.layout01 .rc-searchKeyword__list .rl-column3 {
  padding: 0;
}
.layout01 .imgList .rc-searchKeyword__link {
  width: 100%;
  box-sizing: border-box;
  padding: 3.125vw 2.5vw 0 2.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #333;
}
.layout01 .imgList .rc-searchKeyword__link span {
  height: 12.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.layout01 .imgList .rc-searchKeyword__link img {
  width: 100%;
}
/*
brands
---------------------------------------------------*/
/* shop01 */
.shop01 li {
  margin-bottom: 4.375vw !important;
  border: 1px solid #d4d4dd;
  box-sizing: border-box;
  border-radius: 1.25vw;
  overflow: hidden;
}
.shop01 a {
  display: block;
}
.shop01 a img {
  width: 100%;
}