@charset "utf-8";
/*
 common
======================================================= */
html{
  overflow: auto;
}
body{
  position: relative;
  overflow-x: hidden;
}
.main_contents{
  color: #333;
}

:root{
  --color01:#1479F6;
  --color02:#2B4BAA;

  --label-color01:#1479F6;
  --label-color02:#00A9F9;
  --label-color03:#12B206;
  --label-color04:#FF6F00;
  --label-color05:#9D5419;
  --label-color06:#FF3E41;
  --label-color07:#A78315;
  --label-color08:#2B8900;
  --label-color09:#AD64B7;
  --label-color10:#4556C2;
  --label-color11:#BB6304;
  --label-color12:#C50003;
  --label-color13:#00B8C5;
}

/*
_blue
_sky
_green
_orange
_brown
_pink
_ochre
_darkgreen
_purple
_indigo
_bronze
_red
*/

/*
 kanban
======================================================= */
.kanban-image{
  width: 100%;
}
/*
coupon
======================================================= */
/* periodWrap01 */
.periodWrap01{
  display: block;
  color: #333;
}
.periodWrap01 .periodTxt{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.periodWrap01 .periodTxt:first-of-type{
  margin-bottom: 15px;
}
.periodWrap01 .periodTxt:last-of-type{
  margin-bottom: 0;
}
.periodWrap01 .periodTxt ._blod{
  font-weight: bold;
}
.periodWrap01 .couponNote_Info li{
  padding-left: 1em;
  text-indent: -1em;
}
.coupon_box{
  width: 550px;
  gap: 24px;
  margin: 0 auto 45px;
}
.coupon{
  padding: 29px 0px 68px;
}
/* coupon_title01 */
.coupon_title01{
  position: relative;
  text-align: center;
  padding-bottom: 5px;
}
.coupon_title01 .title_01_text{
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0 10px;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -1.5px;
}
.coupon_title01 .title_01_text::before,
.coupon_title01 .title_01_text::after{
  bottom: 2px;
  width: 2px;
  height: 20px;
}
.coupon_title01 .title_01_text::before{
  right: 0;
  transform: rotate(30deg);
}
.coupon_title01 .title_01_text::after{
  left: 0;
  transform: rotate(-30deg);
}
.coupon_title01 .title_01_text::before,
.coupon_title01 .title_01_text::after{
  position: absolute;
  content: "";
  background-color: #e60f3e;
}
/* coupon01 */
.coupon01 .coupon_list_discount em{
  font-size: 40px;
}
.coupon01 .coupon_list_filled{
  color: #fff;
}
.coupon01 .coupon_list_body::before {
  background-image: radial-gradient(circle at center left, transparent 0, transparent 10px, #ff9281 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, #ff9281 11px);
}
.coupon01 .coupon_list_link {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  padding: 6px 0 0;
}
.coupon01 .coupon_list_link::before {
  background-image: radial-gradient(circle at center left, transparent 0, transparent 11px, #ffffff 12px),
      radial-gradient(circle at center right, transparent 0, transparent 11px, #ffffff 12px);
  height: 98%;
}
.coupon01 .coupon_list_note{
  font-size: 12px;
  color: #313131;
  margin-top: 8px;
}
.coupon01 .coupon_box{
  width: 100%;
}

/* _color01 */
.coupon_title01._color01{
  color: var(--color01);
}
.coupon_title01 .title_01_text::before,
.coupon_title01 .title_01_text::after{
  background-color: var(--color01);
}
.coupon01 .coupon_list_discount{
  color: var(--color01);
  font-size: 20px;
  margin-bottom: 12px;
}
.coupon01 .noTransitionCoupon__title{
  color: var(--color01);
}
.coupon01 .coupon_list_text{
  border-color: var(--color01);
  background-color: var(--color01);
  color: #fff;
  padding: 8px 0;
  font-size: 12px;
}
.coupon01 .coupon_list_body::before {
  background-image: radial-gradient(circle at center left, transparent 0, transparent 10px, var(--color01) 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, var(--color01) 11px);
}

/* _color02 */
.coupon_title01._color02{
  color: var(--color02);
}
.coupon_title01._color02 .title_01_text::before,
.coupon_title01._color02 .title_01_text::after{
  background-color: var(--color02);
}
.coupon01 ._color02 .coupon_list_discount{
  color: var(--color02);
}
.coupon01 ._color02 .noTransitionCoupon__title{
  color: var(--color02);
}
.coupon01 ._color02 .coupon_list_text{
  border-color: var(--color02);
  background-color: var(--color02);
  color: #fff;
}
.coupon01 ._color02 .coupon_list_body::before {
  background-image: radial-gradient(circle at center left, transparent 0, transparent 10px, var(--color02) 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, var(--color02) 11px);
}

/* coupon_note */
.coupon_note{
  width: 800px;
  background-color: #eff5fa;
  margin: 48px auto 64px;
  padding: 32px;
}
.coupon_ul{
  font-size: 14px;
}
.coupon_li{
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.3;
}
.coupon_li + .coupon_li{
  margin-top: 4px;
}
.coupon_note_link{
  text-align: center;
  margin-top: 8px;
}
.coupon_note_link a{
  text-align: center;
  text-decoration: underline;
  font-size: 14px;
  margin: 0 auto;
}

/*
navi
======================================================= */
.index_ttl{
  color: var(--color01);
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
  font-family: RakutenSansJP2_W-Regular;
  margin-bottom: 15px;
}
/* .index01 */
.index01{
  margin: 0 auto;
  width: 550px;
}
.index01 .index_box{
  gap: 24px;
}
.index01 a.anchorNav__menuLink{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 80px;
  border-radius: 4px;
  background: #143160;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 1.2;
  box-sizing: border-box;
  font-weight: bold;
  padding-bottom: 10px;
}
.index01 a.anchorNav__menuLink::before{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 8px;
  right: 0;
  left: 0;
  width: 7px;
  height: 7px;
  margin: auto;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(136deg);
}
.index01 .anchorNav__menuItem a:hover{
  opacity: .8;
  text-decoration: none;
}
.index01 li:nth-of-type(1) a.anchorNav__menuLink{
  background-color: var(--color01);
}
.index01 li:nth-of-type(2) a.anchorNav__menuLink{
  background-color: var(--color02);
}

/*
ttl
======================================================= */
.title02{
  margin-bottom: 47px;
}
/* title02 */
.title02{
  height: 184px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-top: 25px;
  width: 1920px;
  transform: translateX(-50%);
  margin-left: 50%;
}
.title02 .head_text{
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
}
.soft_drink .title02{
  background: url(https://r.r10s.jp/evt/event/drink/coupon/summer/_pc/img/20260601/h2_softdrink.png) top center/100% auto no-repeat;
  background-size: 100%;
}
.sake .title02{
  background: url(https://r.r10s.jp/evt/event/drink/coupon/summer/_pc/img/20260601/h2_sake.png) top center/100% auto no-repeat;
  background-size: 100%;
}
.search .title02{
  background: url(https://r.r10s.jp/evt/event/drink/coupon/summer/_pc/img/20260601/h2_keyword.png) top center/100% auto no-repeat;
  background-size: 100%;
}
/* h3_title */
.h3_title{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 1.35;
  padding-bottom: 24px;
  width: 275px;
  margin: 72px auto 0;
}
.h3_title._dot{
  margin-bottom: 32px;
  padding-bottom: 0;
  width: 100%;
}
.h3_title._dot::after{
  content: '';
  display: block;
  width: 104px;
  height: 8px;
  margin: 7px auto 0;
}
.h3_title ._text{
  display: block;
  padding-top: 25px;
  font-size: 30px;
}
.h3_title img{width: 100%;}
._color01 .h3_title{
  color: #333;
}
.h3_title._dot::after{
  background: url(https://r.r10s.jp/evt/event/drink/coupon/summer/_pc/img/20260601/h3_softdrink.png) no-repeat;
  background-size: 100% auto;
}
.ttl_other{
  font-size: 36px;
  color: var(--color01);
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 24px;
  font-family: RakutenSansJP2_W-Regular;
}
/*
soft_drink
======================================================= */
.anchorNav__menuList{
  gap: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.anchorNav__menuList .anchorNav__menuItem{
  width: calc((100% - 90px) / 6);
}
.anchorNav__menuList .anchorNav__menuLink{
  position: relative;
  display: flex;
  height: 100px;
  padding-top: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #C7E5FF;
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.anchorNav__menuList .anchorNav__menuLink:hover{
  text-decoration: none;
  opacity: .8;
}
.anchorNav__menuList .anchorNav__menuLink::before{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 8px;
  right: 0;
  left: 0;
  width: 9px;
  height: 9px;
  margin: auto;
  border-right: 1px solid var(--color01);
  border-top: 1px solid var(--color01);
  transform: rotate(136deg);
}
.anchorNav__menuList .anchorNav__menuLink .img_box{
  position: absolute;
  width: 32px;
  top: -16px;
}
.anchorNav__menuList .anchorNav__menuLink img{
  width: 100%;
}
/* _layout */
.anchorNav__menuList._layout{
  width: 464px;
  margin: 20px auto 64px;
}
.anchorNav__menuList._layout .anchorNav__menuLink{
  background: #E6F4FF;
  padding-top: 0;
  height: 80px;
}
.anchorNav__menuList._layout .anchorNav__menuItem{
  width: calc((100% - 32px) / 2);
}

/* layout01 */
.layout01 .searchKeyword__item{
  border-radius: 8px;
  border: 1px solid #b4b4b4;
  font-size: 14px;
  box-sizing: border-box;
}
.layout01._category .searchKeyword__item{
  border-radius: 8px;
  border: 1px solid #b4b4b4;
  font-size: 16px;
  box-sizing: border-box;
  overflow: hidden;
}
.layout01._category .imgList{
  gap: 16px;
}
.layout01._category .imgList.col2{
/*  justify-content: center;*/
}
.layout01._category .imgList.col2 .searchKeyword__item{
  width: 180px;
}
.layout01 .searchKeyword__list{
  margin-left: 0;
}
.layout01 .searchKeyword__list .rl-column3{
  padding: 0;
}
.layout01 .imgList{
  gap: 16px;
}
.layout01 .imgList .searchKeyword__link{
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #333;
  font-size: 14px;
  gap: 8px;
  text-align: center;
  position: relative;
}
.layout01 .imgList .searchKeyword__link:hover{
  opacity: .8;
  text-decoration: none;
}
.layout01._category .imgList .searchKeyword__link:after{
  content: "";
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  z-index: 2;
  border-bottom-right-radius: 4px;
  border-color: transparent transparent #333 transparent;
}
.layout01._category .imgList .searchKeyword__link._blue:after{
  border-color: transparent transparent var(--label-color01) transparent;
}
.layout01._category .imgList .searchKeyword__link._sky:after{
  border-color: transparent transparent var(--label-color02) transparent;
}
.layout01._category .imgList .searchKeyword__link._green:after{
  border-color: transparent transparent var(--label-color03) transparent;
}
.layout01._category .imgList .searchKeyword__link._orange:after{
  border-color: transparent transparent var(--label-color04) transparent;
}
.layout01._category .imgList .searchKeyword__link._brown:after{
  border-color: transparent transparent var(--label-color05) transparent;
}
.layout01._category .imgList .searchKeyword__link._pink:after{
  border-color: transparent transparent var(--label-color06) transparent;
}
.layout01._category .imgList .searchKeyword__link._ochre:after{
  border-color: transparent transparent var(--label-color07) transparent;
}
.layout01._category .imgList .searchKeyword__link._darkgreen:after{
  border-color: transparent transparent var(--label-color08) transparent;
}
.layout01._category .imgList .searchKeyword__link._purple:after{
  border-color: transparent transparent var(--label-color09) transparent;
}
.layout01._category .imgList .searchKeyword__link._indigo:after{
  border-color: transparent transparent var(--label-color10) transparent;
}
.layout01._category .imgList .searchKeyword__link._bronze:after{
  border-color: transparent transparent var(--label-color11) transparent;
}
.layout01._category .imgList .searchKeyword__link._red:after{
  border-color: transparent transparent var(--label-color12) transparent;
}
.layout01._category .imgList .searchKeyword__link._emerald:after{
  border-color: transparent transparent var(--label-color13) transparent;
}
.layout01._category .imgList .searchKeyword__link{
  padding: 0;
  text-align: center;
  gap: 0;
}
.layout01 .imgList .searchKeyword__link span._sub{
  font-size: 14px;
  color: #999;
}
.layout01._category .imgList .searchKeyword__link span{
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.35;
  margin: 8px;
}
.sub_section._pink .layout01._category .imgList .searchKeyword__link span{
  height: 4.5em;
}
.layout01 .imgList._1col .searchKeyword__item{
  width: 177px;
}
.layout01 .imgList .searchKeyword__link img{
  width: 100%;
}
.ic_label{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  letter-spacing: -1px;
  line-height: 1.25;
  font-size: 12px;
  width: max-content;
  color: #fff;
}
.layout01 .imgList .searchKeyword__link span+span{
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.35;
  text-align: center;
  margin: 8px;
}
.sub_section{
  padding-bottom: 68px;
}

.ic_label._blue{
  background-color: var(--label-color01);
}
.ic_label._sky{
  background-color: var(--label-color02);
}
.ic_label._green{
  background-color: var(--label-color03);
}
.ic_label._orange{
  background-color: var(--label-color04);
}
.ic_label._brown{
  background-color: var(--label-color05);
}
.ic_label._pink{
  background-color: var(--label-color06);
}
.ic_label._ochre{
  background-color: var(--label-color07);
}
.ic_label._darkgreen{
  background-color: var(--label-color08);
}
.ic_label._purple{
  background-color: var(--label-color09);
}
.ic_label._indigo{
  background-color: var(--label-color10);
}
.ic_label._bronze{
  background-color: var(--label-color11);
}
.ic_label._red{
  background-color: var(--label-color12);
}
.ic_label._emerald{
  background-color: var(--label-color13);
}

.ecm-ranking-alcor-updatedate{
  padding-right: 40px;
}

._ranking .ecm-slider-slide{
  border-radius: 8px;
  border: 1px solid #CFCFCF;
  overflow: hidden;
}
._ranking .ecm-slider-slide .ecm-ranking-alcor-text-box{
  padding: 8px;
}
._ranking .ecm-slider-slide .ecm-ranking-alcor-link img{
  padding: 8px;
}

/* rankingNote01 */
.rankingNote01{
  padding: 32px 30px;
  background-color: #EFF5FA;
  font-size: 14px;
  color: #333;
  margin: 32px auto 0;
  width: 800px;
}
.rankingNote01 li{
  padding-left: 1em;
  text-indent: -1em;
}

/*
search
======================================================= */
/* search01 */
.search01{
  width: 786px;
  margin: 0 auto 24px;
}
.search01 .search_box{
  border-radius: 0;
  border: 1px solid var(--color01);
  height: 52px;
  border-radius: 8px;
}
.search01 .search_box_submit{
  width: 52px;
  background-color: var(--color01);
  padding: 0;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.search01 .search_input{
  padding-left: 16px;
  font-size: 16px;
}
.search01 .search_box_ic{
  font-size: 24px;
}
/* keyword01 */
.keyword01{
  width: 786px;
  margin: 0 auto 33px;
}
.keyword01 .keyword_list{
  gap: 16px;
}
.keyword01 .keyword_list > a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  padding: 0 8px;
  height: 50px;
  min-width: 120px;
  background: #E6F4FF;
  border: none;
  border-radius: 28px;
}
.keyword01 .keyword_list > a:hover{
  opacity: .8;
}
/* stop20_area */
.stop20_area{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 530px;
  margin: 0 auto 40px;
}
.stop20_img01{
  width: 43px;
}
.stop20_img02{
  width: 43px;
}
.stop20_text{
  font-size: 11px;
  flex: 1;
  padding: 0 12px;
}
/*
rule
======================================================= */
.rule{
  padding: 0 40px;
}

/* other_list01 */
.other{
  padding-top: 68px;
  padding-bottom: 40px;
}
.other a:hover{
  opacity: .8;
}
.other_list01{
  width: 638px;
  margin: 0 auto;
  gap: 16px;
  margin-bottom: 16px;
}

/*
next_box
======================================================= */
.next_area{
  padding-bottom: 24px;
}
.next_box{
  margin: 32px auto 64px;
  width: 800px;
  padding: 32px;
  background-color: #EFF5FA;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 16px;
  line-height: 1.3;
  font-size: 18px;
  font-weight: bold;
}
.next_date{
  color: var(--color01);
  font-size: 31px;
}
.next_date ._bold{
  font-size: 55px;
}
.next_ul{
  font-size: 14px;
  font-weight: normal;
}
.next_li{
  padding-left: 1em;
  text-indent: -1em;
}

/*
floating_area
======================================================= */
.floating_area .ecm-floating-navi{
  width: 600px;
  margin: 0 auto;
}
.floating_area .ecm-floating-navi-item{
  width: 50%;
  font-size: 20px;
  line-height: 1.2;
  font-family: RakutenSansJP2_W-Regular;
  font-weight: bold;
  position: relative;
}
.floating_area .ecm-floating-navi-item:nth-of-type(1)::after{
  content: "";
  width: 1px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #C9C9C9;
}
.floating_area .ecm-floating-navi-item:hover{
  opacity: .8;
}
.floating_area .ecm-floating-navi-item ._sub{
  display: block;
  font-size: 14px;
}

.floating_area .ecm-floating-navi-item:nth-of-type(1){
  color: var(--color01);
}
.floating_area .ecm-floating-navi-item:nth-of-type(1).ecm-floating-navi-item-anchor[data-in-viewport=true]{
  border-color: var(--color01);
}
.floating_area .ecm-floating-navi-item:nth-of-type(2){
  color: var(--color02);
}
.floating_area .ecm-floating-navi-item:nth-of-type(2).ecm-floating-navi-item-anchor[data-in-viewport=true]{
  border-color: var(--color02);
}

/*
float_btn
======================================================= */
.float_btn{
  right: 20px;
  bottom: 74px;
  top: auto !important;
  width: 72px;
}
.float_btn:hover{
  opacity: .8;
}
.float_btn{
  display: block;
}