@charset "utf-8";
/*
 common
============================================*/
html{overflow:auto;}
body{
  position:relative;
  min-width:1024px;
  overflow-x:hidden;
  color: #333;
}
.all_contents a:hover{
  text-decoration: none;
}
.all_contents{
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  color: #333;
}

.main_section{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 10px solid #02105a;
}
.entry,
.coupon_conall{
  position: relative;
}
.entry::before,
.main_section::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f5e9cd;
  z-index: -3;
}
.coupon_conall::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffdd91;
  z-index: -3;
}
.entry::after,
.main_section::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 100%;
  margin-left: 50%;
  transform: translate(-50%);
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 1920px 744px;
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/bg_section.png");
  z-index: -2;
}
.shop.main_section::after{
  content: none;
  display: none;
}
.section_inner{
  position: relative;
  width: 960px;
  max-width: 960px;
  margin: 0 auto;
}
.main_section .section_inner{
  padding: 80px 0;
}
.coupon_conall .section_inner::before,
.recommend .section_inner::before,
.local .section_inner::before,
.curry .section_inner::before,
.brand .section_inner::before,
.point10 .section_inner::before,
.cooking .section_inner::before,
.category .section_inner::before,
.keyword .section_inner::before,
.shop .section_inner::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -123px;
  width: 620px;
  height: 260px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: -1;
}
.coupon_conall .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_coupon.png");
}
.recommend .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt01.png");
}
.local .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt02.png");
}
.curry .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt03.png");
}
.brand .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt04.png");
}
.point10 .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt05.png");
}
.cooking .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt06.png");
}
.category .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt07.png");
}
.keyword .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt08.png");
}
.shop .section_inner::before{
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_bg_txt09.png");
}

.rule{
  padding-bottom: 80px;
  background-color: #f5e9cd;
}
#rule, #rule02{
  padding: 60px 0 0;
}

/*
 kanban
============================================*/
.ecm-kanban{
  z-index: 1;
}

.kanban_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 439px;
  background-color: #dfb559;
}
.kanban_bgImg ul li{
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  margin-left: 50%;
  transform: translate(-50%);
  opacity: 0;
  animation: kanban-animation 8s infinite;
}
.kanban_bgImg ul li img{
  width: 1920px;
  height: auto;
}
.kanban_bgImg ul ._img1 {
  animation-delay: 0s;
}
.kanban_bgImg ul ._img2 {
  animation-delay: 2s;
}
.kanban_bgImg ul ._img3 {
  animation-delay: 4s;
}
.kanban_bgImg ul ._img4 {
  animation-delay: 6s;
}

@keyframes kanban-animation {
  0%{ opacity: 0;}
  10%{ opacity: 1;}
  22%{ opacity: 1;}
  32%{ opacity: 0;}
  100%{ opacity: 0;}
}

/*
 cmn
============================================*/
.main_title_wrap{
  position: relative;
}
.main_title{
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 36px;
  font-size: 44px;
  font-weight: bold;
  color: #02105a;
  text-align: center;
  letter-spacing: 0.05em;
}
.main_title::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 14px;
  margin: 0 auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 74px 14px;
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_dot.png");
}
.cmn_title{
  margin-bottom: 44px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #936c1a;
}

.default_btn{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 344px;
  height: 48px;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background-color: #fff!important;
  text-align: center;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}
.default_btn:hover{
  color: #333!important;
  text-decoration: none!important;
  opacity: .8;
}
.default_btn ._icon_right{
  display: inline-block;
  position: absolute;
  top: calc(50% - 6px);
  right: 24px;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1;
}

/*
 mainNavi
============================================*/
.mainNavi_container{
  background-color: #ffdd91;
  border-bottom: none!important;
}
.mainNavi_navi{
  height: 60px;
}
.mainNavi_navi .mainNavi_anchor{
  width: calc(960px / 9);
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border: none;
  background-color: #fff;
  letter-spacing: -0.01em;
  line-height: 1.3;
}
.mainNavi_navi .mainNavi_anchor + .mainNavi_anchor::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 36px;
  background-color: #dfb559;
  display: block;
  z-index: 1;
}
.mainNavi_navi .mainNavi_anchor[data-in-viewport=true]{
  background-color: #dfb559;
  border: none;
  font-weight: bold;
  color: #02105a;
}
.mainNavi_navi .mainNavi_anchor:hover{
  background-color: #dfb559;
  border: none;
  font-weight: bold;
  color: #02105a;
}
.mainNavi_navi .mainNavi_anchor[data-in-viewport=true] + .mainNavi_anchor::before,
.mainNavi_anchor:hover + .mainNavi_anchor::before{
  background-color:#ffffff;
}

/*
 entry
============================================*/
.entry .section_inner{
  padding: 32px 0 44px;
}
.entryButton_wrap .rcEntryButton-button:hover{
  opacity: .8;
}
.periodTxt_box{
  margin: 0 auto 20px;
  width: 640px;
  padding: 20px 16px;
  border: 1px solid #dfb559;
  border-radius: 4px;
  text-align: center;
  background-color: rgba(255,255,255,.8);
}
.periodTxt._title{
  margin-bottom: 8px;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.periodTxt{
  font-size: 18px;
}
.periodTxt + .periodTxt._title{
  margin-top: 16px;
}
.periodTxt._small{
  font-size: 14px;
}
.cautionTxt_wrap{
  width: 640px;
  margin: 0 auto 32px;
  font-size: 14px;
  line-height: 1.4;
}
li.cautionTxt{
  text-indent: -1em;
  padding-left: 1em;
}
li.cautionTxt a:hover{
  opacity: .75;
}
.campaignLink_wrap{
  width: 440px;
  margin: 32px auto 0;
}
.campaignLink_wrap li{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
}
.campaignLink_wrap li + li{
  border-left: 1px solid #666666;
}
.campaignLink_wrap li a{
  display: inline-block;
  /*color: #333;*/
  font-size: 18px;
  line-height: 20px;
  text-decoration: underline;
}
.campaignLink_wrap li a:hover{
  opacity: .75;
  text-decoration: underline;
}

/*
 coupon
============================================*/
.coupon_conall{
  border-top: 10px solid #02105a;
}
.coupon_conall .section_inner{
  padding: 70px 0 44px;
}
.coupon_area{
  width: 400px;
  margin: 0 auto 40px;
}
.coupon_area_title_wrap{
  position: relative;
  text-align: center;
  width: 100%;
  font-weight: bold;
  color: #02105a;
}
.coupon_area_title_sub{
  position: relative;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 505px;
  height: 63px;
  font-size: 32px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size:100% auto;
  background-image: url("https://r.r10s.jp/evt/event/food/frozencampaign/_pc/img/20250623/h2_ribbon.png");
}
.coupon_area_title{
  margin-bottom: 40px;
  font-size: 44px;
}
.coupon_body{}
.coupon_body::before{
  background-image: 
    radial-gradient(circle at center left, transparent 0, transparent 10px, #005dbc 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, #005dbc 11px);
}
.coupon_link {
  padding-top: 10px;
}
.coupon_link::before{
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  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);
}
.coupon_discount{
  color: #005dbc;
}
.coupon_discount > em{}
.coupon_title{
  margin-bottom: 10px;
  color: #666;
  font-weight: bold;
}
.coupon_text{
  padding: 12px 0;
  color: #ffffff;
  border: none;
}
.coupon_text .coupon_text_icon{
  color: #ffffff;
}
.coupon_note{
  font-size: 13px;
  color: #666;
}

.coupon_caution{
  position: relative;
  padding: 16px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #3d456e;
}
.coupon_caution p{
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

/* カラー*/
.coupon_body::before{
  background-image: 
    radial-gradient(circle at center left, transparent 0, transparent 10px, #02105a 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, #02105a 11px);
}
.coupon_discount{
  color: #02105a;
}
.coupon_text{
  background-color: #02105a;
}

/*
 contents
============================================*/
.contents_bnr_area{
  text-align: center;
}
.contents_bnr_area a{
  display: block;
  width: 480px;
  margin: 56px auto 0;
  border-radius: 16px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}
.contents_bnr_area a:hover{
  opacity: .8;
}
.contents_bnr_area a img{
  width: 100%;
  height: auto;
}

.point10_caution{
  width: 640px;
  margin: 0 auto 32px;
  padding: 20px;
  border: 1px solid #dfb559;
  border-radius: 4px;
  font-size: 18px;
  background-color: rgba(255,255,255,.8);
}
.point10_caution a:hover{
  opacity: .75;
}

/*
 category
============================================*/
.category_wrap + .category_wrap{
  margin-top: 64px;
}
.category_title{
  border-radius: 16px 16px 0 0;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  background-color: #02105a;
  line-height: 64px;
  letter-spacing: 0.05em;
}
.category_wrap .default_btn{
  margin-top: 32px;
}
.category_wrap .alcor_wrap{
  background-color: #fff;
  padding: 24px;
  border-radius: 0px 0px 16px 16px;
}

/*
 search
============================================*/
.searchBox_wrap {
  width: 640px;
  margin: 0 auto 68px;
}
.search01 .search_box {
  height: 58px;
  border: 1px solid #936c1a;
  border-radius: 4px;
}
.search01 .search_box_submit {
  width: 58px;
  padding: 0;
  background-color: #936c1a;
}
.search01 .search_input {
  padding-left: 20px;
  font-size: 18px;
}
.search01 .search_input::placeholder {
  color: #999999;
}
.search01 .search_box_ic {
  font-size: 36px;
  color: #fff;
}
.keyword01 .keyword_list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  font-size: 18px;
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 32px;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}
.keyword01 .keyword_list a:hover{
  opacity: .8;
  text-decoration: none;
}

/*
 shop
============================================*/
.shop .default_btn{
  width: 640px;
  height: 58px;
  font-size: 18px;
}
.shop .default_btn ._icon_right{
  top: calc(50% - 8px);
  right: 36px;
  width: 16px;
  height: 16px;
}
#shop a:hover {
  text-decoration: underline;
}

/*
 floating
============================================*/
.floatingRight {
	width: 120px;
	height: 120px;
  border-radius: 50%;
  box-shadow: 2px 0 5px rgba(0,0,0,.2);
}
.floatingRight a:hover{
	opacity: .8;
}
#floating_bnr1 .bannerWrap{
  position: relative;
}
#floating_bnr1 .closeButton{
  cursor: pointer;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -8px;
  right: -8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff;
  color: #666;
  font-size: 28px;
  box-shadow: 2px 0 5px rgba(0,0,0,.2);
  z-index: 1;
}
#floating_bnr1 .closeButton:hover{
	opacity: .9;
  z-index: 1;
}


/*
 alcor・ad
============================================*/
.alcor_wrap + .alcor_wrap{
  margin-top: 32px;
}
.alcor_item{
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}
.searchalcor_item{
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}

.ad_wrap + .ad_wrap{
  margin-top: 32px;
}
/* PC1カラム中央寄せ */
.ad_pc_1col{
  width: 468px;
  margin: 0 auto;
}
/* SP1カラム・PC1,2,3カラム */
.ad_wrap .ad_item01{
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}
/* SP2カラム・PC4カラム */
.ad_wrap .ad_item02{
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}
/* テキストなし(100162) */
.ad_wrap .ad_item03{
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 14px 4px rgba(149,109,20,.2);
}
