@charset "utf-8";
/*================================================

夏ギフト・お中元特集2026 共通

=================================================*/

/*
 common
============================================ */
body{color: #333;}
dd{margin-left: 0!important;}

/*
 background
============================================ */

.kanban_mv_bg{
  padding-top: 40px;
  padding-bottom: 16px;
  background-image: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/pattern_bg01.png?v=202607301725);
  background-repeat: repeat;
}
.article__main_con01{
  padding-top: 16px;
  padding-bottom: 64px;
  background-image: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/pattern_bg01.png?v=202607301725);
  background-repeat: repeat;
}
.article__main_con02{
  padding-top: 32px;
  padding-bottom: 64px;
  background-image: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/pattern_bg02.png?v=202607301725);
  background-repeat: repeat;
}
.article__main_con03{
  padding-top: 32px;
  padding-bottom: 64px;
  background-image: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/pattern_bg01.png?v=202607301725);
  background-repeat: repeat;
}
.article__main_con04{
  padding-top: 32px;
  padding-bottom: 64px;
  background-image: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/pattern_bg03.png?v=202607301725);
  background-repeat: repeat;
}
.article__main_shop{
  padding-top: 32px;
  padding-bottom: 64px;
  background-image: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/pattern_bg04.png?v=202607301725);
  background-repeat: repeat;
}
.bg_search{
    padding-top: 32px;
  padding-bottom: 64px;
  background-image: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/pattern_bg02.png?v=202607301725);
  background-repeat: repeat;
}

/*
ecm-floating(floating)
============================================ */
.scm-floating-navi-container-keirou2026 {
  background-color: #fff;
  border-bottom:none!important;
}
.scm-floating-navi-container-keirou2026[data-static=false][data-sticky=false]{
  z-index:4;
}
.scm-floating-navi-container-keirou2026[data-pinned="false"] {
  z-index: 5;
}
.scm-floating-navi-container-keirou2026 > div.-floating {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 1024px;
  background-color: #fff;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2) !important;
}

.scm-floating-navi-container-keirou2026 .scm-floating-navi-logo{
  margin-right: auto;
}

.scm-floating-navi-container-keirou2026 .scm-floating-navi-item{
  box-sizing: border-box;
  color: #333!important;
  width: 144px;
  font-size: 16px;
  position: relative;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item + .scm-floating-navi-item:before{
  display: block;
  content: "";
  width: 1px ;
  height: 20px;
  background-color: #bab8ac;
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  margin: auto 0;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item .ecm-icon-chevron-down{
  font-size: 14px;
  color:#f49a0b;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item.scm-floating-navi-item-expand[aria-expanded=true],
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item.scm-floating-navi-item-expand[aria-expanded=true] .ecm-icon-chevron-down,
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item:hover,
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item:hover .ecm-icon-chevron-down {
  background-color: #f8f3e1!important;
  /* color: #333333!important; */
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item .ecm-icon-chevron-right{
  font-size: 10px;
  margin-left: 8px;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-item.scm-floating-navi-item-delimiter:after{
  background-color: #fff;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-button {
  border: 1px solid #f26c35;
  background-color: #f26c35;
  font-size: 16px;
  color:#ffffff !important;
  max-height: 40px;
  margin-left: 8px;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-button:hover {
  color: #333333 !important;
  background-color: #ffffff;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-menu-category-name {
  font-size: 18px;
  color: #544b41!important;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-menu {
  background-color: #ffffff;
  padding-top: 32px;
  box-shadow: 0 18px 18px rgba(0,0,0,.15);
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-menu-category-item{
  border-bottom:solid 1px #e4e0ce!important;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-menu .scm-floating-navi-menu-category-item .ecm-icon-chevron-right{
  color:#f49a0b;
}
.scm-floating-navi-container-keirou2026 .scm-floating-navi-menu .scm-floating-navi-menu-category-item:hover {
  background-color: #f8f3e1;
}
.scm-floating-navi-container-keirou2026 #menu3.scm-floating-navi-menu > .d-grid-col-2{
  grid-template-columns:1fr 2fr;
}

/*
 article__main_con
============================================ */


/*
 article__inner
============================================ */

/*
 scm-headline
============================================ */

.scm-headline.-keirou2026_conttl{
  color: #544B41;
  text-align: center;
  position: relative;
  min-height: 95px;
  margin-bottom: 16px;
}

.scm-headline.-keirou2026_conttl:before{
  display: block;
  content: "";
    width:801px;
  height: 95px;
  margin:0 auto;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  background: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/con_ttl_before.png?v=202607301725) no-repeat;
  background-size: 100% auto;
}

.article .conSmallttl{
  font-size: min(calc(17/375*100vw),32px);
  font-weight: bold;
  color: #357e97;
  text-align: center;
}
.scm-headline.-keirou2026_searchttl{
  font-size: min(calc(44/375*100vw),44px);
  color:#544B41;
}

.scm-sub-headline-keirou2026{
  background-color:#158D75;
  color: #ffffff;
  margin-bottom: 32px;
}
.scm-sub-headline-keirou2026::before{
  background-color:#158D75;
}

/*
 article__main_con01
============================================ */
.article__main_con01 .d-grid{
  position: relative;
}

.article__main_con01 .scm-content-card{
  background-color: transparent;
}

.article__main_con01 .scm-content-card-image{
  aspect-ratio:173/121;
}
.article__main_con01 .main1con__textbox{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:8px;
  margin: 0 auto;
  color: #333!important;
  font-size: 18px!important;
  text-align: center;
  letter-spacing: -0.04em;
  position: relative;
  padding: 12px 0;
}
.article__main_con01 .main1con__textbox h3,
.article__main_con01 .main1con__textbox p{
  font-size: 18px!important;
  font-weight: bold;
}
.article__main_con01 .main1con__textbox h3 span,
.article__main_con01 .main1con__textbox p span{
  font-size: 16px!important;
  font-weight: normal;
  color:#666666;
}


/*
 article__main_con02
============================================ */
.article__main_con02 .scm-content-card-triangle{
  border-color: transparent transparent #F49A0B transparent;
}

.article__main_con02 .scm-content-card{
  border-radius: 8px;
  overflow: hidden;
}

.article__main_con02 .ratio-price{
    aspect-ratio:140/140;
    width: 140px;
}

.article__main_con02 .-price .scm-content-card-title{
  font-size: 24px;
  font-feature-settings: "palt";
}

/*
 article__main_con03
============================================ */

.article__main_con03 .-trend {}
.article__main_con03 .-trend .scm-content-card-body{
  padding: 16px 12px;
}
.article__main_con03 .-trend .scm-content-card-title{
  font-size:20px;
  text-align: center;
  font-feature-settings: "palt";
}
.article__main_con03 .-trend .scm-content-card-title span{
  font-size:16px;
}
.article__main_con03 .-trend .scm-content-card-triangle{
  border-color: transparent transparent #ff9600 transparent;
}
.article__main_con03 .-age {}

.article__main_con03 .ratio-age{
    aspect-ratio:222/147;
}
.article__main_con03 .-age .scm-content-card-body{
  padding: 16px 12px;
}


.article__main_con03 .-age .scm-content-card-title{
  font-size:20px;
  text-align: center;
  font-feature-settings: "palt";
}
.article__main_con03 .-age .scm-content-card-title span{
  font-size:22px;
}
.article__main_con03 .-age .scm-content-card-triangle{
  border-color: transparent transparent #ff9600 transparent;
}

/*
 article__main_con04
============================================ */

.article__main_con04 .scm-headline.-keirou2026_conttl{
  color:#ffffff;
}
.article__main_con04 .scm-content-card-triangle{
  border-color: transparent transparent #F49A0B transparent;
}

.article__main_con04 .scm-content-card{
  border-radius: 8px;
  overflow: hidden;
}

.article__main_con04 .ratio-recipient{
    aspect-ratio:140/140;
    width: 140px;
}

.article__main_con04 .-recipient .scm-content-card-title{
  font-size: 24px;
  font-feature-settings: "palt";
}

/*
 article__main_shop
============================================ */

.article__main_shop .scm-headline.-keirou2026_conttl{
  color: #ffffff;
}

.article__main_shop .shop-ad__joubu .scm-ad-bordered{
  /* border:solid 5px #f4bb19!important; */
}
.article__main_shop .scm-ad-badge{
  background-color: #F26C35;
}
.article__main_shop .scm-ad-triangle{
  border-bottom-color: #F49A0B;
  border-right-color: #F49A0B;
}
.keirou2026_shopbtn{
  width: 434px;
  margin-right: auto;
  margin-left: auto;
}
.keirou2026_shopbtn a{
  width: 100%;
  height: 48px;
  margin: 0 auto;
  box-sizing: border-box;
  border:none!important;
  color:#333333!important;
  font-size: 14px;
  font-weight: bold;
  filter:drop-shadow(0 2px 15px rgba(0,0,0,.2));
  background: #F8F3E1;
}
.keirou2026_shopbtn a > .ecm-icon-chevron-right{
  margin-left: 8px;
}
.keirou2026_shopbtn a.ecm-button:hover,
.keirou2026_shopbtn a.ecm-button:visited{
  color:#333333!important;
  background: #F8F3E1;
  opacity:.8;
}


/*
 article__adsearch
============================================ */
.article__adsearch._keirou2026 .scm-gs-intro{
  background: transparent !important;
}
.article__adsearch._keirou2026 .scm-gs-intro-body-text{
  font-size: min(calc(14/375*100vw),24px);
  font-weight: bold;
  color: #2d2d2d;
}
.article__adsearch._keirou2026 .scm-gs-intro-main{
  width: 480px;
}
.article__adsearch._keirou2026 .scm-gs-intro-body{
  background: transparent !important;
  padding:48px 40px;
}
.article__adsearch._keirou2026 .scm-gs-intro-body-text.scm-gs-intro-body-text-filter{
  font-size: min(calc(12/375*100vw),24px);
  font-weight: bold;
  color: #333333;
}
.article__adsearch._keirou2026 .scm-gs-intro-body-text.scm-gs-intro-body-text-filter:before,
.article__adsearch._keirou2026 .scm-gs-intro-body-text.scm-gs-intro-body-text-filter:after{
  top: 0;
  background-color:#39918C;
}
.article__adsearch._keirou2026 .ecm-icon-close{color: #39918C;}
.article__adsearch._keirou2026 .scm-gs-intro-button{
  background-color: #39918C;
  color: #fff !important;
}
.article__adsearch._keirou2026 .scm-gs-intro-button .ecm-icon-chevron-right{
  color: #39918C!important;
}

/*
ecm-floating-banner
============================================ */
.ecm-floating-banner-keirou2026 {
  box-shadow: 0 -18px 18px rgba(0,0,0,.15);
}
.ecm-floating-banner-keirou2026 .ecm-icon-chevron-left, .ecm-floating-banner-keirou2026 .ecm-icon-chevron-right {
  color: #333;
}
.ecm-floating-banner-keirou2026 .scm-floating-banner-close {
  background-color: #ffffff;
}
.ecm-floating-banner-keirou2026 .scm-floating-banner-close .ecm-icon-close {
  color: #333;
  font-weight: normal!important;
}

/*
 ecm-search-keirou2026
============================================ */
.ecm-search-keirou2026{
  width: 560px;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #39918C!important;
}
.ecm-search-keirou2026 .ecm-search-submit{
  width: 40px;
  background-color: #39918C !important;
  padding: 0;
}
.ecm-search-keirou2026 .ecm-search-submit .ecm-icon-search{
  font-size: 17.5px!important;
}
.ecm-search-keirou2026 .ecm-search-input{
    color:#696969;
}
.ecm-search-keirou2026 .ecm-search-input:focus{
    color:#333333;
}
/*
 article__buntai
============================================ */
.article__buntai._keirou2026 .scm-content-card-triangle{
  border-color: transparent transparent #f49a0b transparent;
}

/*
 ランキングパーツ
============================================ */
.ranking-disclaimer {
  padding: 6px 12px;
  margin: 0;
  background-color: #e9e9e9;
  font-size: 12px;
}

/*
 article_footer
=================================================*/
.scm-page-overview.-keirou2026{
  width: 960px;
  background-color: #FAEDBB;
  position: relative;
  padding: 36px 60px 44px;
  margin: 32px auto;
}
.scm-page-overview.-keirou2026 .scm-page-overview-headline{
  color:#544b41;
  font-size: 32px;
}
.scm-page-overview.-keirou2026 .scm-page-overview-text{
  color:#544b41;
  line-height: 1.833;
  font-size: 16px;
}

/*
 scm-keyword
============================================ */
.article__searchkeyword._keirou2026 .scm-keyword{
  background-color: #fff;
}
.article__searchkeyword._keirou2026 .scm-keyword-bordered{
  border:solid 1px #00a3be;
}

/*
 フローティングボタン
============================================ */
.scm-modal-trigger.-keirou2026{
  background-color: rgba(0, 0, 0, 0)!important;
}
.scm-modal-trigger.-keirou2026.scm-modal-trigger-fixed img{
  width:136px!important;
  filter:drop-shadow(0 0 15px rgba(0,0,0,.2));
}

/*
 ecm-modal-content(floating)
============================================ */
.ecm-modal-content.-keirou2026{
  padding-top: 26px;
  border-radius: 8px;
}
.ecm-modal-content.-keirou2026 .scm-modal-title {
  color: #333333;
  /* font-size: 38px !important; */
  margin-bottom: 18px;
}
.ecm-modal-content.-keirou2026 .scm-modal-title::after{
  display: block;
  content: "";
  width:180px;
  height: 24px;
  margin:16px auto 0;
  background: url(https://r.r10s.jp/evt/event/keirou/2026/_pc/img/cmn/modal_ttl_deco.png?v=202607301725) no-repeat;
  background-size: 100% auto;
}
.ecm-modal-content.-keirou2026 .ecm-slider-slide.-notIncentive{
  display: none;
}