@charset "utf-8";
.-width_700{
  width:700px;
  margin:0 auto;
}

/*
 rc-kanban
========================================== */

.ecm-kanban._fashion-happybag{
  height: 350px;
  overflow: hidden;
}

._fashion-happybag .ecm-kanban-image {
  width: initial;
  margin-left: 50%;
  transform: translate(-50%);
}

._fashion-happybag .ecm-kanban-text {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 24px;
  margin: auto;
  max-width: 960px;
  width: 100%;
  text-align: center;
}

.kanban__lead{
  display: block;
  font-size: 24px;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  font-weight: normal!important;
  margin-bottom: 20px;
}
.kanban__leadNote{
  font-size: 13px;
  line-height: 1.5;
  color: #ffffff;
  display: block;
}

/*
 ecm-floating-navi-container
========================================== */
.ecm-floating-navi-container.common[data-layout="default"]{height: 64px!important; background-color: #cde7c9;}
.ecm-floating-navi-container.common .ecm-floating-navi{
  height:64px!important;
  border-bottom:none!important;
  max-width: 960px;
  margin:0 auto;
}
.ecm-floating-navi-container.common .ecm-floating-navi-item{
  flex:0 1 auto!important;
  width: 100%;
  font-size: 26px!important;
  font-weight: bold;
  color: #fff!important;
  letter-spacing: 0.02em;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  padding-top: 0;
  padding-bottom: 12px;
}
.ecm-floating-navi-container.common .ecm-floating-navi-item._women{
  background-image: url(https://r.r10s.jp/evt/event/fashion/happybag/_pc/img/20251119/nav_women_bg.png);
  background-repeat:  no-repeat;
  background-size: 100% auto;
  background-color: #e7695c;
}
.ecm-floating-navi-container.common .ecm-floating-navi-item._men{
  background-image: url(https://r.r10s.jp/evt/event/fashion/happybag/_pc/img/20251119/nav_men_bg.png);
  background-repeat:  no-repeat;
  background-size: 100% auto;
  background-color: #38a37e;
}
.ecm-floating-navi-container.common .ecm-floating-navi-item._kids{
  background-image: url(https://r.r10s.jp/evt/event/fashion/happybag/_pc/img/20251119/nav_kids_bg.png);
  background-repeat:  no-repeat;
  background-size: 100% auto;
  background-color: #e4b935;
}
.ecm-floating-navi-container.common .ecm-floating-navi-item::after{
  content: '';
  position: absolute;
  width:28px;
  height: 14px;
  background: url(https://r.r10s.jp/evt/event/fashion/happybag/_pc/img/20241118/nav_arrow.png) no-repeat;
  background-size:100% auto;
  left: 50%;
  bottom: 7px;
  margin-left: -14px;
}
.ecm-floating-navi-container.common[data-sticky="true"] .ecm-floating-navi-item{
  padding-bottom: 0!important;
}
.ecm-floating-navi-container.common[data-sticky="true"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true]{
  border-bottom:none!important;
}
.ecm-floating-navi-container.common[data-sticky="true"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor::after{
  background-image: none !important;
}
.ecm-floating-navi-container.common[data-sticky="true"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true]::after{
  content: '';
  position: absolute;
  width: 55px;
  height: 2px;
  background-color: #fff;
  left: 50%;
  bottom: 8px;
  margin-left: -27.5px;
}
.ecm-floating-navi-container.common .ecm-floating-navi-item.ecm-floating-navi-item-anchor:hover{
  opacity: 0.8;
}

/*
 section
========================================== */
.section{padding-top: 40px; margin-bottom: 40px;}

/* section__title */
.section__title{
  margin-bottom: 76px;
  text-align: center;
}
.section__title > h2{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #e7695c;
}

/* section__title */
.section__title{margin-bottom: 80px;}
.section__title > h2{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #38a37e;
}

/* section__subtitle */
.section__subtitle{
  position: relative;
  font-size:26px;
  text-align: center;
  color: #333;
  margin-bottom: 24px;
}
.section__subtitle::after{
  width: 80px;
  height: 4px;
  margin-left: -40px;
  border-radius: 2px;
}
._women .section__subtitle::after{background-color: #e7695c;}
._men .section__subtitle::after{background-color: #38a37e;}
._kids .section__subtitle::after{background-color: #e4b935;}
.section._search .section__subtitle::after{background-color: #38a37e}
.section._search h4.section__subtitle{padding-bottom: 0;}
.section._search h4.section__subtitle::after{display: none;}

/* section__rankingtitle */
.section__rankingtitle{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
._women .section__rankingtitle{color: #d45362;}
._men .section__rankingtitle{color: #38a37e;}

/* section__lead */
.section__lead{
  font-size: 16px;
  text-align: center;
  margin-bottom: 28px;
}

/* section__button */

.section__button{
  width: 412px;
  margin-right: auto;
  margin-left: auto;
  height: 80px;
  border-radius: 40px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #fff!important;
  position: relative;
  box-shadow: 0 2px 16px rgba(0,0,0,.3);

}
.section__button:hover{opacity:.8;
text-decoration: none;}
.ranking__button{
  width: 696px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap:wrap;
}
.ranking__button > *{
  width:calc((100% - 40px) / 2);
  margin-right: 40px;
}
.ranking__button > *:nth-child(2n){margin-right: 0;}
.ranking__button .section__button{
  height: 64px;
  width:100%;
  border-radius: 32px;
}
#search .section__button{
  height: 66px;
  border-radius: 33px;
}
.section__button::after{
  content: '';
  position: absolute;
  width: 9px;
  height: 19px;
  background: url(https://r.r10s.jp/evt/event/fashion/happybag/_pc/img/20241118/btn_arrow.png) no-repeat;
  top: 50%;
  margin-top: -9px;
  right: 21px;
}
#search .section__button::after{right: 8px;}
._women .section__button{background-color: #e7695c;}
._men .section__button{background-color: #38a37e;}
._kids .section__button{background-color: #daa253;}

.con-category-grid{
  gap: 0 16px;
}

.con-category-grid .section__button{
  width:100%;
  height: 66px;
  border-radius: 33px;
}

/* framelist */
.section .framelist{
  display: flex;
  flex-wrap:wrap;
}
.section .framelist > .framelist__inner{
  width:calc((100% - 78px) / 4);
  border:solid 1px #cccccc;
  box-sizing: border-box;
  margin-bottom: 24px;
  margin-right: 26px;
}
.section .framelist > .framelist__inner:nth-child(4n){margin-right: 0;}
.section .framelist > .framelist__inner:hover{opacity:.8;}

/* section__rankingnotice */
.section__rankingnotice{
  margin: 0 32px;
  font-size: 14px;
}

/* search__wrap */
.search__wrap[data-layout="search"]{
  width:640px;
  margin: 0 auto 80px;
  padding: 32px 75px 40px;
  background-color: #eefdec;
  border-radius: 24px;
}
.search__wrap[data-layout="search"] .ecm-search{
  display: block;
  padding: 0;
  height: auto!important;
  border:none!important;
  border-radius: 0!important;
  background-color: inherit!important;
  transition:none!important;
}
.form__title{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #38a37e;
  margin-bottom: 24px;
}
.form__gender{
  display: flex;
  flex-wrap:wrap;
  margin-bottom: 40px;
}
.form__gender input[type="radio"]+label{
  width:calc((100% - 16px) / 3);
  height: 56px;
  line-height:54px;
  padding: 0;
  margin-right: 8px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  border:solid 1px #333;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.form__gender input[type="radio"]{display: none;}
.form__gender input[type="radio"]:checked+label {
  color: #fff;
  font-weight: bold;
}
.form__gender input#women_tab[type="radio"]:checked+label{
  background: #e7695c;
  border-color:#e7695c;
}
.form__gender input#men_tab[type="radio"]:checked+label{
  background: #38a37e;
  border-color:#38a37e;
}
.form__gender input#kids_tab[type="radio"]:checked+label{
  background: #e4b935;
  border-color:#e4b935;
}
.form__price{
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}
.form__price input {
  width: 200px;
  height:56px;
  padding-left: 14px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border: 1px solid #505050;
  border-radius: 10px;
  font-size:18px;
  box-sizing: border-box;
}
.form__price > span {
  display: inline-block;
  font-size: 18px;
}
.form__price > .en{
  font-weight: bold;
  padding-top: 32px;
}
.form__free{margin-bottom: 40px;}
.form__free .ecm-search-input{
  width: 100%;
  height: 56px;
  background-color: #fff;
  text-align: left;
  text-align: -webkit-left;
  /* cursor: pointer; */
  border: 1px solid #505050;
  border-radius: 8px;
  font-size:18px;
  text-indent: 0;
  padding: 0 1.2em;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  line-height: 1.5;
}
.form__button{
  display: flex;
  flex-wrap:wrap;
  margin: 0 auto;
}
.form__button > button{
  box-sizing: border-box;
  width:calc((100% - 24px)/2);
  height: 56px;
  margin-right: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border:solid 1px #38a37e;
  font-size:18px;
  font-weight: bold;
  border-radius: 28px;
}
.form__button > button[type="reset"]{
  background-color: #fff;
  color: #38a37e;
}
.form__button > button[type="submit"]{
  background-color: #38a37e;
  color: #fff;
  margin-right: 0!important;
}

/* relate */
.section._relate .rl-column4 > *:hover{opacity:.8;}


/*
 disclaimer_wrap
========================================== */
.disclaimer_wrap{
    max-width: 960px;
    margin: 80px auto 50px;
    padding: 15px;
    box-sizing: border-box;
    background: #eee;
    clear: both;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,\\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;
}
.disclaimer_wrap .disclaimer_text {
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 1.3px;
}
.disclaimer_wrap .disclaimer_link {
  color: #C00 !important;
}


/*
 floatingBtn
========================================== */
.floatingBtn{
  position: fixed;
  top: unset!important;
  right: 15px;
  bottom: 80px;
  width: 123px;
  z-index:10;
}

.floatingBtn a:hover{
  opacity: 0.8;
}

/*
20251119 add entry_area
-------------------------------------------------*/

.contents_entry_area{
    background-color: #fff9e4;
    padding:64px 0;
    margin-bottom: 32px;
}

.entry_area_title{
    width: 558px;
    margin: 0 auto 40px;
}

.entry_data{
    width: 820px;
    margin:32px auto 0;
    background-color: #ffffff;
    padding:32px 16px;
}

.entry_data .rcEntryButton-button:hover{
  opacity: 0.8;
}

.contents_entry_area ._period{
    text-align: center;
    font-size:18px;
    line-height: 1.3;
    color:#333333;
    margin-top: 24px;
    margin-bottom:18px;
}

.contents_entry_area ._period span{
    font-weight: bold;
}

.contents_entry_area ._alt{
    font-size:14px;
    color:#333333;
    text-align: center;
}

.contents_entry_area .incentive-anchor {
    display: flex;
    justify-content: center;
}

.contents_entry_area .incentive-anchor .incentive-anchor__link {
    display: inline-flex;
    align-items: center;
    padding: 0 32px;
    font-size:16px;
    color:#333333;
}

.contents_entry_area .incentive-anchor .incentive-anchor__link:hover{
    text-decoration: none;
    opacity: 0.8;
}

.contents_entry_area .incentive-anchor .incentive-anchor__link [class^=ecm-icon-] {
    margin-left: 8px;
    color: #606060;
}

.contents_entry_area .incentive-anchor .incentive-anchor__link + * {
    border-left: 1px solid #606060;
}

/* カテゴリから探すを中央寄せにする */
._category-center .d-grid{
    display: flex;
    justify-content: center;
}
._category-center .d-grid > *{
    width: 244px;
}

.other_customized .cntOther .bigBnrWrap{
  margin: 0 0 30px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap :24px;
}

.other_customized .cntOther .bigBnrWrap li{
  margin:0;
  width:468px;
}
.other_customized .cntOther .bigBnrWrap .bnrImg > img{
  width:468px;  
}
.other_customized .cntOther .bigBnrWrap .bnrImg > img:hover{
opacity:0.8;
}

.rakuten_fashion__link > a {
  text-decoration: none;
}