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

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

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

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

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

/*
ecm-floating(floating)
============================================ */
.scm-floating-navi-container-ochugen2026 {
  background-color: #fff;
  border-bottom:none!important;
}
.scm-floating-navi-container-ochugen2026[data-static=false][data-sticky=false]{
  z-index:4;
}
.scm-floating-navi-container-ochugen2026[data-pinned="false"] {
  z-index: 5;
}
.scm-floating-navi-container-ochugen2026 > 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-ochugen2026 .scm-floating-navi-item{
  box-sizing: border-box;
  color: #333!important;
  width: 144px;
  font-size: 16px;
  position: relative;
}
.scm-floating-navi-container-ochugen2026 .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-ochugen2026 .scm-floating-navi-item .ecm-icon-chevron-down{
  font-size: 14px;
  color:#333333;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-item.scm-floating-navi-item-expand[aria-expanded=true],
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-item.scm-floating-navi-item-expand[aria-expanded=true] .ecm-icon-chevron-down,
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-item:hover,
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-item:hover .ecm-icon-chevron-down {
  background-color: #defff9!important;
  color: #333333!important;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-item .ecm-icon-chevron-right{
  font-size: 10px;
  margin-left: 8px;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-item.scm-floating-navi-item-delimiter:after{
  background-color: #fff;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-button {
  border: 1px solid #f4dea7;
  background-color: #f4dea7;
  font-size: 16px;
  color:#333333 !important;
  max-height: 40px;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-button:hover {
  color: #333333 !important;
  background-color: #ffffff;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-menu-category-name {
  font-size: 18px;
  color: #00a3be!important;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-menu {
  background-color: #ffffff;
  padding-top: 32px;
  box-shadow: 0 18px 18px rgba(0,0,0,.15);
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-menu-category-item{
  border-bottom:solid 1px #bee5fd!important;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-menu .scm-floating-navi-menu-category-item .ecm-icon-chevron-right{
  color:#00a3be;
}
.scm-floating-navi-container-ochugen2026 .scm-floating-navi-menu .scm-floating-navi-menu-category-item:hover {
  background-color: #e7f5fe;
}
.scm-floating-navi-container-ochugen2026 #menu3.scm-floating-navi-menu > .d-grid-col-2{
  grid-template-columns:1fr 2fr;
}

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

.article__main_con01:before{
  display: block;
  content: "";
    width:100%;
  height: 136px;
  margin:0 auto ;
  background-image: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/con01_top.png?v=202606021501),url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/con01_top_pattern.png?v=202606021501) ;
  background-repeat: no-repeat, repeat-y ;
  background-position: top center, bottom center;
  background-size:auto 100%, auto 100%;
}

.article__main_con01{
background-color:#fdfdf8 ;
/* padding-top: 36px; */
}
.article__main_con02{
background-color:#e3fff9 ;
padding-top: 36px;
}

.article__main_con03{
background-color:#fdfdf8 ;
padding-top: 36px;
}

.article__main_shop{
    background: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/shop_bg.png?v=202606021501) no-repeat;
  background-size: 975px auto;
  background-position: top 4px center;
  background-color:#81ecdf ;
}
.bg_yellow{
  
  background: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/bg_pattern.png?v=202606021501) no-repeat;
  background-size: 870px auto;
  background-position: top center;
  background-repeat: repeat;
  padding: 1px 0;
}
.article__adsearch._ochugen2026 {
  background: #e3fff9!important;
}

.article__adsearch._ochugen2026 .article__inner{
  padding: 72px 0;
}

.bg_footer{
  
  background: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/bg_footer.png?v=202606021501) no-repeat;
  background-size: 870px auto;
  background-position: top center;
  background-repeat: repeat;
}

/*

/*
 article__inner
============================================ */
.article__inner .ecm-container{position: relative;}
.article__main_con01 .article__inner{
  padding-bottom: 56px;
  overflow: hidden;
}
.article__main_con04 .article__inner._favorite{
  padding-bottom: 88px;
}
.article__main_con04 .article__inner._age{
  padding-bottom: 56px;
}
.article__main_con01 .article__inner._gourmet .ecm-container .d-grid::before{
  content: '';
  position: absolute;
  width:181px;
  height:163px;
  right: 0px;
  bottom:20px;
  background: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/con01/gourmet_bg.png?v=202606021501) no-repeat;
}
.article__main_con01 .article__inner._life .ecm-container .d-grid::before{
  content: '';
  position: absolute;
  width:404px;
  height:213px;
  right: 6px;
  bottom:20px;
  background: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/con01/life_bg.png?v=202606021501) no-repeat;
}


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

.scm-headline.-ochugen2026_conttl{
  color: #357e97;
  text-align: center;
}

.scm-headline.-ochugen2026_conttl:before{
  display: block;
  content: "";
    width:224px;
  height: 16px;
  margin:0 auto 16px;
  background: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/con_ttl_before.png?v=202606021501) no-repeat;
  background-size: 100% auto;
}
.article__main_con01 .scm-headline.-ochugen2026_conttl:before{
  display:none;
}

.article__main_shop .scm-headline.-ochugen2026_conttl{
  color: #025a6e;
  text-align: center;
}
.article__main_shop .scm-headline.-ochugen2026_conttl:before{
  background-image: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/con_ttl_before_white.png?v=202606021501);
}


.scm-headline.-ochugen2026_conttl._border::after{
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  margin: 10px auto 0;
  background-color: #f49a0b;
  border-radius: 2px;
}
.article .conSmallttl{
  font-size: min(calc(17/375*100vw),32px);
  font-weight: bold;
  color: #357e97;
  text-align: center;
}
.scm-headline.-ochugen2026_searchttl{
  font-size: min(calc(22/375*100vw),32px);
  color:#357e97;
}


.scm-sub-headline-ochugen2026{
  background-color:#f4dea7;
  color: #357e97;
  margin-bottom: 16px;
}
.scm-sub-headline-ochugen2026::before{
  background-color:#f4dea7;
}

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

.article__main_con01 .scm-content-card{
  width: 222px;
  height: 330px;
  background:url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/con01/items_bg.png?v=202606021501) ;
}

.article__main_con01 .scm-content-card-body{
  padding: 12px;
}
.article__main_con01 .scm-content-card-image{
  aspect-ratio:222/215;
}
.article__main_con01 .main1con__textbox{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 208px;
  height: 108px;
  border-radius:8px;
  background-color: #ffffff;
  margin: 0 auto;
  color: #333!important;
  font-size: 24px!important;
  text-align: center;
  letter-spacing: -0.04em;
  position: relative;
}
.article__main_con01 .main1con__textbox h3,
.article__main_con01 .main1con__textbox p{
  font-size: 24px!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_con01 .main1con__textbox:after{
  position: absolute;
  right:6px;
  bottom:6px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px;
  border-color: transparent #f49a0b #f49a0b transparent;
}

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

.article__main_con02 .ratio-person{
    aspect-ratio:276/209;
}

.article__main_con02 .-person .scm-content-card-title{
  font-size: 24px;
}

/*
 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 .scm-content-banner-title{
 font-size: 21.3px;
  color:#357e97;
}
.article__main_con03 .scm-content-banner-triangle{
  background-color:#357e97;
}
.article__main_con03 .d-grid .scm-content-banner:nth-child(even) .scm-content-banner-title{
  color:#357e97;
}
.article__main_con03 .d-grid .scm-content-banner:nth-child(even) .scm-content-banner-triangle{
  background-color:#357e97;
}

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

/* ad100184 */
[data-ad-id="100184"] .cnt-ad-header__text{
  font-size: 20px;
  font-weight: bold;
  color: #333 !important;
}
[data-ad-id="100184"] .scm-ad-image.-ratio300x261{
  aspect-ratio:300/261;
}
[data-ad-id="100184"] .scm-ad-note {
  font-size: 14px;
  margin: 10px 0 0;
  color: #333!important;
}
[data-ad-id="100184"] .scm-ad-price{
  color: #bc001f!important;
  justify-content: flex-end;
}
[data-ad-id="100184"] .scm-ad-price-num{
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
}
[data-ad-id="100184"] .scm-ad-badge-container{margin-top: 6px;}
[data-ad-id="100184"] .scm-ad-badge{
  background-color: #fff;
  border:solid 1px #1B80C8;
  color: #1b80c8;
  font-size: 12px;
  padding: 7px 8px;
}
[data-ad-id="100184"] .cnt-ad-dot-b{
  border-bottom:dotted 5px #1B80C8;
}
[data-ad-id="100184"] .cnt-ad-review__link{
  display: block;
}
[data-ad-id="100184"] .cnt-ad-review__title{
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #1B80C8!important;
}
[data-ad-id="100184"] .cnt-ad-review__text{
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.5;
  color: #333333!important;
}
[data-ad-id="100184"] .cnt-ad-review__linktext{
  position: relative;
  margin-top: 12px;
  line-height: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}
[data-ad-id="100184"] .cnt-ad-review__title .ecm-icon-comment-outlined{
  font-size: 24px;
  margin-right: 4px;
}
[data-ad-id="100184"] .scm-ad-badge-coupon::after {
  content: "クーポン";
}
[data-ad-id="100184"] .scm-ad-badge-wrapping::after {
  content: "ラッピング";
}
[data-ad-id="100184"] .scm-ad-badge-shopall::after {
  content: "店内全品対象";
}
[data-ad-id="100184"] .scm-ad-badge-itemonly::after {
  content: "掲載商品限定";
}
[data-ad-id="100184"] .scm-ad-badge-freeshipping::after {
  content: "送料無料";
}
[data-ad-id="100184"] .scm-ad-badge-early::after {
  content: "早割";
}
[data-ad-id="100184"] .scm-ad-badge-noshi::after {
  content: "のし";
}
[data-ad-id="100184"] .scm-ad-badge-name::after {
  content: "名入れ";
}
[data-ad-id="100184"] .scm-ad-badge-date::after {
  content: "配送日指定可";
}
[data-ad-id="100184"] .scm-ad-badge-message::after {
  content: "メッセージカード";
}
[data-ad-id="100184"] .scm-ad-badge-point2::after {
  content: "ポイント2倍";
}
[data-ad-id="100184"] .scm-ad-badge-point3::after {
  content: "ポイント3倍";
}
[data-ad-id="100184"] .scm-ad-badge-point4::after {
  content: "ポイント4倍";
}
[data-ad-id="100184"] .scm-ad-badge-point5::after {
  content: "ポイント5倍";
}
[data-ad-id="100184"] .scm-ad-badge-point6::after {
  content: "ポイント6倍";
}
[data-ad-id="100184"] .scm-ad-badge-point7::after {
  content: "ポイント7倍";
}
[data-ad-id="100184"] .scm-ad-badge-point8::after {
  content: "ポイント8倍";
}
[data-ad-id="100184"] .scm-ad-badge-point9::after {
  content: "ポイント9倍";
}
[data-ad-id="100184"] .scm-ad-badge-point10::after {
  content: "ポイント10倍";
}
[data-ad-id="100184"] .scm-ad-badge-poin11::after {
  content: "ポイント11倍";
}
[data-ad-id="100184"] .scm-ad-badge-point12::after {
  content: "ポイント12倍";
}
[data-ad-id="100184"] .scm-ad-badge-point13::after {
  content: "ポイント13倍";
}
[data-ad-id="100184"] .scm-ad-badge-point14::after {
  content: "ポイント14倍";
}
[data-ad-id="100184"] .scm-ad-badge-point15::after {
  content: "ポイント15倍";
}
[data-ad-id="100184"] .scm-ad-badge-point16::after {
  content: "ポイント16倍";
}
[data-ad-id="100184"] .scm-ad-badge-point17::after {
  content: "ポイント17倍";
}
[data-ad-id="100184"] .scm-ad-badge-point18::after {
  content: "ポイント18倍";
}
[data-ad-id="100184"] .scm-ad-badge-point19::after {
  content: "ポイント19倍";
}
[data-ad-id="100184"] .scm-ad-badge-point20::after {
  content: "ポイント20倍";
}
[data-ad-id="100184"] .scm-ad-badge-point_max10::after {
  content: "ポイント最大10倍";
}
[data-ad-id="100184"] .scm-ad-badge-point_max20::after {
  content: "ポイント最大20倍";
}
[data-ad-id="100184"] .scm-ad-badge-yutai_icon::after {
  content: "優待";
}
[data-ad-id="100184"] .scm-ad-badge-yokujitsu_icon::after {
  content: "最強翌日配送";
}

/*
 article__adsearch
============================================ */
.article__adsearch._ochugen2026 .scm-gs-intro{
  background: #ffffff !important;
}
.article__adsearch._ochugen2026 .scm-gs-intro-body-text{
  font-size: min(calc(14/375*100vw),24px);
  font-weight: bold;
  color: #2d2d2d;
}
.article__adsearch._ochugen2026 .scm-gs-intro-main{
  width: 480px;
}
.article__adsearch._ochugen2026 .scm-gs-intro-body{
  background: #ffffff !important;
  padding:48px 40px;
}
.color-357e97{
  color:#357e97;
}

.article__adsearch._ochugen2026 .scm-gs-intro-body-text{
  font-size:18px;
}

.article__adsearch._ochugen2026 .scm-gs-intro-body-text.scm-gs-intro-body-text-filter:before,
.article__adsearch._ochugen2026 .scm-gs-intro-body-text.scm-gs-intro-body-text-filter:after{
  top: 0;
  background-color:#f49a0b;
}
.article__adsearch._ochugen2026 .ecm-icon-close{color: #133469;}
.article__adsearch._ochugen2026 .scm-gs-intro-button{
  background-color: #133469;
  color: #fff !important;
}
.article__adsearch._ochugen2026 .scm-gs-intro-button .ecm-icon-chevron-right{
  color: #133469!important;
}

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

/*
 ecm-search-ochugen2026
============================================ */
.ecm-search-ochugen2026{
  width: 723px;
  height: 56px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #00a3be!important;
}
.ecm-search-ochugen2026 .ecm-search-submit{
  width: 56px;
  background-color: #00a3be!important;
  padding: 0;
}
.ecm-search-ochugen2026 .ecm-search-submit .ecm-icon-search{
  font-size: 24px!important;
}
.ecm-search-ochugen2026 .ecm-search-input{
    color:#696969;
}
.ecm-search-ochugen2026 .ecm-search-input:focus{
    color:#333333;
}
/*
 article__buntai
============================================ */
.article__buntai._ochugen2026 .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.-ochugen2026{
  width: 960px;
  background-color: rgba(213,255,246,0.3);
  background-color: #d5fff6;
  position: relative;
  padding: 36px 60px 44px;
  margin: 32px auto;
}
.scm-page-overview.-ochugen2026 .scm-page-overview-headline{
  color:#3e95a2;
  font-size: 30px;
}
.scm-page-overview.-ochugen2026 .scm-page-overview-text{
  color:#333333;
  line-height: 1.833;
  font-size: 12px;
}

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

/*
 フローティングボタン
============================================ */
.scm-modal-trigger.-ochugen2026{
  background-color: rgba(0, 0, 0, 0)!important;
}
.scm-modal-trigger.-ochugen2026.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.-ochugen2026.-floating{
  padding-top: 26px;
  border-radius: 8px;
}
.ecm-modal-content.-ochugen2026.-floating .scm-modal-title {
  color: #357e97;
  /* font-size: 38px !important; */
  margin-bottom: 18px;
}
.ecm-modal-content.-ochugen2026.-floating .scm-modal-title::after{
  display: block;
  content: "";
    width:224px;
  height: 16px;
  margin:16px auto 0;
  background: url(https://r.r10s.jp/evt/event/ochugen/2026/_pc/img/cmn/deco/con_ttl_before.png?v=202606021501) no-repeat;
  background-size: 100% auto;
}
.ecm-modal-content.-ochugen2026.-floating .ecm-slider-slide.-notIncentive{
  display: none;
}

/*
ecm-modalのz-indexを最大値に
============================================ */
.ecm-modal {
    z-index: 2147483647;
}