@charset "utf-8";
/*
 common
============================================*/
html{overflow:auto;}
body{
  position:relative;
  min-width:1024px;
  overflow-x:hidden;
}
.main_section_wrap a:hover{
  text-decoration: none;
}
.main_section_wrap{
  font-size: 14px;
  color: #333;
}

.main_section{
  position: relative;
  padding: 80px 0 160px;
}
.main_section_wrap > .main_section:last-of-type{
  padding-bottom: 100px;
}
.main_section::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 500%;
  margin: 0 -500%;
  z-index: -2;
}
.con_home::before{
  background-color: #d8fbff;
}
.con_health::before{
  background-color: #ffe9f6;
}
.con_outside::before{
  background-color: #edffd9;
}
.con_family::before{
  background-color: #ffecd9;
}
.main_section::after{
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  display: block;
  width: 1920px;
  height: 140px;
  margin-left: 50%;
  transform: translate(-50%);
  z-index: -1;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1920px 140px;
}
.con_home::after{
  background-image: url("https://r.r10s.jp/evt/event/genre/summer/coupon/_pc/img/20250602/h2_con01.png");
}
.con_health::after{
  background-image: url("https://r.r10s.jp/evt/event/genre/summer/coupon/_pc/img/20250602/h2_con02.png");
}
.con_outside::after{
  background-image: url("https://r.r10s.jp/evt/event/genre/summer/coupon/_pc/img/20250602/h2_con03.png");
}
.con_family::after{
  background-image: url("https://r.r10s.jp/evt/event/genre/summer/coupon/_pc/img/20250602/h2_con04.png");
}

.main_section02{
  padding-top: 80px;
}
.conIndex{
  padding-top: 60px;
  padding-bottom: 100px;
}
.shoplist{
  padding-bottom: 80px;
}
.rule{
  position: relative;
  padding: 60px 0;
}
.rule::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 500%;
  margin: 0 -500%;
  z-index: -2;
  background-color: #f7f7f7;
}

.section_inner{
  width: 960px;
  margin: 0 auto;
}

/*
 couopon
============================================*/
.coupon_btn_wrap{
  width: 630px;
  margin: 0 auto;
}
.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 {}
.coupon_link::before{
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  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{
  color: #666;
  font-weight: bold;
}
.coupon_text{
  color: #ffffff;
  border: none;
  height: 44px;
  background-color: #005dbc;
}
.coupon_text .coupon_text_icon{
  color: #ffffff;
}
.coupon_note{
  font-size: 13px;
  color: #666;
}

/* 第 1 段カラー(005dbc)*/
.Part_1 .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);
}
.Part_1 .coupon_discount{
  color: #005dbc;
}
.Part_1 .coupon_text{
  background-color: #005dbc;
}
/* 第 2 段カラー(f4275c) */
.Part_2 .coupon_body::before{
  background-image: 
    radial-gradient(circle at center left, transparent 0, transparent 10px, #f4275c 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, #f4275c 11px);
}
.Part_2 .coupon_discount{
  color: #f4275c;
}
.Part_2 .coupon_text{
  background-color: #f4275c;
}
/* 第 3 段カラー(017e2d) */
.Part_3 .coupon_body::before{
  background-image: 
    radial-gradient(circle at center left, transparent 0, transparent 10px, #017e2d 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, #017e2d 11px);
}
.Part_3 .coupon_discount{
  color: #017e2d;
}
.Part_3 .coupon_text{
  background-color: #017e2d;
}

/* periodWrap01 */
.periodWrap01{
  width: 700px;
  margin: 40px auto 0;
  padding: 20px 0 28px;
  background-color: #efefef;
}
.period_wrap{
  margin-bottom: 20px;
}
.period{
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
}
.period_title{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.cautionTxt_wrap{
  margin: 20px 56px 0;
  font-size: 14px;
}
.cautionTxt{
  text-indent: -1em;
  padding-left: 1em;
}
.cautionTxt._red{
  color: #ff3535;
}
.campaignLink_wrap{
  width: 400px;
  margin: 24px auto 0;
}
.campaignLink_wrap li{
  text-align: center;
  box-sizing: border-box;
  line-height: 1.1;
}
.campaignLink_wrap li + li{
  padding-left: 12px;
  border-left: 2px solid #cccccc;
}
.campaignLink_wrap li a{
  display: inline-block;
  color: #333;
  font-size: 16px;
}
.campaignLink_wrap li a:hover{
  text-decoration: none;
}
.campaignLink_wrap li a:hover > span{
  text-decoration: underline;
}
.campaignLink_wrap li a ._icon_right{
  display: inline-block;
  margin-top: 4px;
  margin-left: 8px;
  color: #666;
  font-weight: bold;
}
.cautionTxt a:hover,
.campaignLink_wrap li a span:hover{
  text-decoration: underline;
}

/*
 title
============================================*/
.con_main_title{
  position: relative;
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}
.con_home .con_main_title{color: #00b4cb;}
.con_health .con_main_title{color: #ec5aa7;}
.con_outside .con_main_title{color: #56990f;}
.con_family .con_main_title{color: #e56000;}

.con_sub_title{
  position: relative;
  margin-bottom: 28px;
  font-size: 36px;
  font-weight: bold;
  color: #222c49;
  text-align: center;
}

.coupon_bigtitle .head_text{
  position: relative;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 1.35;
  color: #222c49;
  margin-bottom: 16px;
}
.con_note{
  width: 700px;
  margin: 0 auto;
}
.con_note p{
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

/*
 index
============================================*/
.index_list{
  width: 880px;
  margin: 32px auto 0;
}
.index_list > li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 76px;
  border: 2px solid #00b4cb;
  border-radius: 4px;
  padding-top: 20px;
  font-size: 18px;
  color: #00b4cb;
  font-weight: bold;
  text-align: center;
  background-color: #e5fcff;
}
.index_list > li a span{
  display: inline-block;
  padding-bottom: 8px;
}
.index_list > li a ._icon_right{
  font-weight: bold;
}
.index_list > li:nth-of-type(1) a{
  border: 2px solid #00b4cb;
  color: #00b4cb;
  background-color: #e5fcff;
}
.index_list > li:nth-of-type(2) a{
  border: 2px solid #ec5aa7;
  color: #ec5aa7;
  background-color: #ffe9f6;
}
.index_list > li:nth-of-type(3) a{
  border: 2px solid #56990f;
  color: #56990f;
  background-color: #f3ffe5;
}
.index_list > li:nth-of-type(4) a{
  border: 2px solid #e56000;
  color: #e56000;
  background-color: #fff2e5;
}
.index_list > li a:hover{
  opacity: .8;
  text-decoration: none;
}

/*
 couponItem
============================================*/
@media only screen and (max-width: 1500px) {
  .pageNavi_container {
    display: none;
  }
}
.pageNavi_anchor{
  color: #00b4cb;
  font-size: 17px;
  line-height: 20px;
  width: 250px;
  padding: 10px 10px 10px 20px;
  border-radius: 22px 0 0 22px;
  border: 1px solid #00b4cb;
  background-color: #fff;
  box-sizing: border-box;
  border-right: none!important;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, .15);
}
.pageNavi_anchor[data-in-viewport=true],
.pageNavi_anchor:hover{
  background-color: #00b4cb;
  color: #fff!important;
  /*font-weight: bold;
  border-color: #fff;*/
}

.pageNavi_navi > .pageNavi_anchor:nth-of-type(1){
  border: 1px solid #00b4cb;
  color: #00b4cb;
}
.pageNavi_navi > .pageNavi_anchor:nth-of-type(1)[data-in-viewport=true],
.pageNavi_navi > .pageNavi_anchor:nth-of-type(1):hover{
  background-color: #00b4cb!important;
}

.pageNavi_navi > .pageNavi_anchor:nth-of-type(2){
  border: 1px solid #ec5aa7;
  color: #ec5aa7;
}
.pageNavi_navi > .pageNavi_anchor:nth-of-type(2)[data-in-viewport=true],
.pageNavi_navi > .pageNavi_anchor:nth-of-type(2):hover{
  background-color: #ec5aa7!important;
}

.pageNavi_navi > .pageNavi_anchor:nth-of-type(3){
  border: 1px solid #56990f;
  color: #56990f;
}
.pageNavi_navi > .pageNavi_anchor:nth-of-type(3)[data-in-viewport=true],
.pageNavi_navi > .pageNavi_anchor:nth-of-type(3):hover{
  background-color: #56990f!important;
}

.pageNavi_navi > .pageNavi_anchor:nth-of-type(4){
  border: 1px solid #e56000;
  color: #e56000;
}
.pageNavi_navi > .pageNavi_anchor:nth-of-type(4)[data-in-viewport=true],
.pageNavi_navi > .pageNavi_anchor:nth-of-type(4):hover{
  background-color: #e56000!important;
}

/*
 couponItem
============================================*/
.search_wrap{
  width: 680px;
  margin: 0 auto;
}
.searchBox_wrap {
  margin-bottom: 32px;
}
.search01 .search_box {
  border: 2px solid #00b4cb;
  height: 56px;
}
.search01 .search_box_submit {
  width: 56px;
  padding: 0;
  background-color: #00b4cb;
}
.search01 .search_input {
  padding-left: 16px;
  font-size: 16px;
}
.search01 .search_input::placeholder {
  color: #999999;
}
.search01 .search_box_ic {
  font-size: 28px;
  color: #fff;
}
.keyword01 .keyword_list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #333;
  text-align: center;
  background-color: #ecf4f5;
  border-radius: 25px;
}
.keyword01 .keyword_list a:hover{
  opacity: .8;
  text-decoration: none;
}

/*
 shoplist
============================================*/

/*
 ad
============================================*/
.con_ad_wrap + .con_ad_wrap{
  margin-top: 72px;
}
.con_ad_item{
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0,0,0,.2);
}