@charset "utf-8";

/*
 common
======================================================= */
html{
  overflow: auto;
}
body{
  position: relative;
  overflow-x: hidden;
  min-width: 960px;
}
.main_contents{
  color: #333;
}
.win960{
  width: 960px;
  transform: translateX(-50%);
  margin-left: 50%;
}

/* スライダー */
.slide_area{
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 20px;
  transform: translateX(-50%);
  margin-left: 50%;
}
.slide_box{
  position: relative;
  overflow: hidden;
  width: 800px;
  margin: 0 auto;
  -webkit-mask-image: linear-gradient(to right, transparent, black 1.5em, black calc(100% - 1.5em), transparent);
	mask-image: linear-gradient(to right, transparent, black 1.5em, black calc(100% - 1.5em), transparent);
}
.loopSlide {
  position: relative;
  display: flex;
  overflow: hidden;
}
.loopSlide ul {
  padding: 0;
  width: 2886px;
  display: flex;
  flex-shrink: 0;
}
.loopSlide ul:first-child {
  animation: slide1 120s -60s linear infinite;
}
.loopSlide ul:last-child {
  animation: slide2 120s linear infinite;
}
.loopSlide ul li img {
  display: block;
  height: 100%;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/* loopSlide _slideimg */
.loopSlide ul li {
  width: auto;
  height: 133px;
  margin-right: 10px;
  display: inline-block;
  list-style: none;
  text-align: center;
}

/*
 entry
============================================= */
.entry_wrap{
  margin-bottom: 80px;
}
.entry_wrap .rcEntryButton-button:hover{
  opacity: .8;
}
.entry_ttl_img{
  text-align: center;
  margin: 0 0 16px;
}
.entryDetail {
  width: 680px;
  margin: 40px auto 40px;
  box-sizing: border-box;
}
.entryDetail .period_ttl {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  border-bottom: 2px solid #333333;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.entryDetail ._period {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 20px;
}
.entryDetail ._period + .period_ttl{
  margin-top: 36px;
}
.entryDetail .entry_lead {
  font-size: 15px;
  color: #333333;
}
.entry_linkTxt {
  width: 680px;
  margin: 0 auto;
}
.entry_linkTxt ul {
  display: flex;
}
.entry_linkTxt ul li {
  flex-basis: 50%;
  box-sizing: border-box;
  font-size: 16px;
}
.entry_linkTxt ul li a {
  display: block;
  padding: 0 1.3em;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  color: #333333;
}
.entry_linkTxt ul li + li {
  border-left: 2px solid #000000;
}
/* 
pattern_wrapper
=================================== */
.conAlcorWrap {
  padding: 22px 0 40px;
}
.pattern_wrapper .con:nth-child(even){
  padding: 58px 0 72px;
}
.pattern_wrapper .con:nth-child(odd){
  position: relative;
  padding: 76px 0 25px;
}
.pattern_wrapper .con:nth-child(odd)::before{
  display: block;
  content: "";
  padding: 0 300%;
  margin: 0 -300%;
  background: url(https://r.r10s.jp/evt/event/genre/daily/_pc/img/20220421/con_bg_top.png) repeat-x center bottom;
  background-size: auto;
  padding-top: 76px;
  position: absolute;
  top: 0;
}
.pattern_wrapper .con:nth-child(odd) .pattern_inner {
  position: relative;
  padding: 10px 500% 80px;
  margin: 0 -500%;
  background: url(https://r.r10s.jp/evt/event/genre/daily/_pc/img/20220421/con_bg_pattern.png) left top;
  background-size: 200px auto;
}
.pattern_wrapper .con:nth-child(odd)::after{
  display: block;
  content: "";
  padding: 0 300%;
  margin: 0 -300%;
  background: url(https://r.r10s.jp/evt/event/genre/daily/_pc/img/20220421/con_bg_bottom.png) repeat-x center top;
  background-size: auto;
  padding-top: 25px;
  position: absolute;
  bottom: 0;
}

/* search01 */
.search01{
  width: 676px;
  margin: 0 auto 32px;
}
.search01 .search_box{
  border-radius: 0;
  border: 2px solid #ce0b0a;
  height: 60px;
  border-radius: 2.5em;
}
.search01 .search_box_submit{
  width: 79px;
  background-color: #ce0b0a;
  padding: 0;
  border-top-right-radius: 2.5em;
  border-bottom-right-radius: 2.5em;
}
.search01 .search_input{
  padding-left: 37px;
  font-size: 20px;
}
.search01 .ecm-search-submit .ecm-icon-search{
  font-size: 31px;
}
/* keyword02 */
.keyword02 .keyword_list{
  gap: 16px;
  width: 676px;
  margin: 0 auto;
}
.keyword02 .keyword_list > a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  padding: 0 3px;
  height: 42px;
  min-width: 60px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1.5em;
  text-align: center;
  /* 枠シャドウ用↓ */
  /* border: none;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .2); */
}
.keyword02 .keyword_list > a:hover{
  opacity: .8;
}
.search_link {
  margin-top: 36px;
  font-size: 22px;
  text-align: center;
}
.search_link a {
  color: #454545;
}
  
/* 
title
=================================== */
/* .subTtl */
.conTtl {
  position: relative;
  text-align: center;
  padding: 0 16px;
  margin-bottom: 56px;
}
.conTtl span {
  font-size: 44px;
  color: #056063;
  font-weight: bold;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.pattern_wrapper .con:nth-child(odd) .pattern_inner .conTtl span,
#pitari_category + #pitari_brand .con:nth-child(even) .pattern_inner .conTtl span {
  color: #ffffff;
}
#pitari_category + #pitari_brand .con:nth-child(odd) .pattern_inner .conTtl span{
  color: #056063;
}
.conTtl::after {
  content: "";
  background: url(https://r.r10s.jp/evt/event/genre/daily/_pc/img/20220421/con_ttl_logo.png) no-repeat center center;
  background-size: 100% auto;
  display: block;
  width: 91px;
  height: 17px;
  margin: 15px auto 0;
  z-index: 1;
}
.conSubTtl {
  position: relative;
  text-align: center;
  background: url(https://r.r10s.jp/evt/event/genre/daily/_pc/img/20220421/con_subttl_deco.png) no-repeat center center;
  margin-bottom: 26px;
  font-size: 36px;
  color: #444;
  font-weight: bold;
}
.pattern_wrapper .con:nth-child(odd) .conSubTtl,
#pitari_category + #pitari_brand .con:nth-child(even) .conSubTtl{
  background: url(https://r.r10s.jp/evt/event/genre/daily/_pc/img/20231116/con_subttl_deco_green.png) no-repeat center center;
  color: #fff;
}
#pitari_category + #pitari_brand .con:nth-child(odd) .conSubTtl{
  color: #444;
}
.shopnameTtl {
  font-size: 148.7%;
  padding: 0 7px;
  text-align: center;
  margin-bottom: 10px;
}
.shopnameTtl:after {
  display: block;
  content: "";
  background-color: #e7e7e7;
  height: 1px;
  width: 100%;
  border: 1px solid #ffffff;
}
.subTtl {
  text-align: center;
}
.subTtl > span {
  color: #000000;
  font-size: 148.7%;
  letter-spacing: -0.04em;
}

.conttl_catch {
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.conttl_catch + .conTtl img{
  display: inline-block;
  padding-bottom: 20px;
}

.new_title{
  text-align: center; color: #057c8c; font-weight: 700; margin-bottom: -8px; font-size:28px;
}
.new_title.yellow{
  color: #fff8a4;
}

/*
floating_area
======================================================= */
@media screen and (max-width:1450px){
  .floating_area{
    display: none;
  }
}
.floating_area .ecm-floating-nav-pill{
  font-size: 13px;
  width: 250px;
  /* height: 50px; */
  padding: 11.5px 12px;
  display: flex;
  align-items: center;
  border-radius: 25px 0 0 25px;
  background-color: rgba(0, 0, 0, .5);
  border-right: none;
  color: #fff;
}
.floating_area .ecm-floating-nav-pill:hover {
  opacity: .8;
}
.floating_area .ecm-floating-nav-pill[data-in-viewport=true] {
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
}
/* btn */
.page_top_btn [data-module-name=ecm-scroll-to-top]{
    background-color: rgba(0, 0, 0, .5);
}
.page_top_btn [data-module-name=ecm-scroll-to-top] .ecm-icon-chevron-up{
  color: #fff;
}

/*
default_btn
=================================== */
.default_btn a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 377px;
  height: 80px;
  margin: 0 auto;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  background-color: #0b777a;
}
.default_btn a:hover{
  opacity: .8;
  text-decoration: none;
}
.default_btn a::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*
deal_area
======================================================= */
.deal_area{
  margin: 0 2px 88px;
  padding: 58px 48px 0 24px;
}
.deal_box{
  margin-bottom: 26px;
}
.deal_rule_link {
  text-align: right;
  margin-bottom: 20px;
  font-size: 16px;
}
.deal_alt {
  margin: 56px 0 0;
  font-size: 16px;
  color: #333333;
  padding: 16px 24px;
  background-color: #f1f1f1;
  border-radius: 8px;
}

/* alcor_area01 */
.alcor_area01{
  margin: 0 16px 20px;
}
/* alcor_area01 */
.alcor_area01 .ecm-alcor{
  padding: 8px;
  border-radius: 5px;
}

/*
pointback
=================================== */
.pointback_wrap ._layout01{
  width: 700px;
  margin: 0 auto;
}
.pointback_wrap ._layout02{
  flex-wrap: wrap;
  margin: 0 auto;
  width: 916px;
}
.pointback_wrap ._layout02 li{
  width: 220px;
}
.pointback_wrap ul li{
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.pointback_wrap ul a{
  display: block;
}
.pointback_wrap ul a:hover{
  opacity: .8;
}

/*
sokuhai
=================================== */
.sokuhai_about{
  display: flex;
  justify-content: space-between;
  width: 530px;
  margin: 0 auto 92px;
}
.sokuhai_about > li{
  width: 154px;
  text-align: center;
}
.sokuhai_about > li ._txt{
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.35;
  color: #fff;
}
.sokuhai_about > li ._txt > span{
  font-weight: bold;
}
.sokuhai_subtitle{
  margin-bottom: 32px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
}
.sokuhai_alcor .ri-item{
  padding: 12px 12px 20px;
  border-radius: 8px;
  background-color: #fff;
  box-sizing: border-box;
}
/*
brand
=================================== */
.brand_col + .brand_col{
  margin-top: 88px;
}
._brand_list ul{
  gap: 24px;
}
._brand_list ul li a{
  display: block;
  height: 100%;
  padding: 20px 16px 16px;
  border-radius: 8px;
  background-color: #fff;
  color: #333;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.13);
}
._brand_list ul li a:hover{
  opacity: .8;
  text-decoration: none;
}
._brand_list ul li a ._img{
  margin: 0 auto;
  width: 162px;
  height: 183px;
}
._brand_list ul li a ._txt{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  margin: 12px 0 0;
  font-size: 20px;
  line-height: 1.3;
}
._brand_keyword{
  width: 770px;
  margin: 50px auto 0;
}
._brand_keyword ul{
  gap: 16px;
}
._brand_keyword ul li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background-color: #fff;
  font-size: 15px;
  color: #666666;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}
._brand_keyword ul li a:hover{
  text-decoration: none;
  opacity: .8;
}

/*
shoplist
=================================== */
._shoplist{
  gap: 32px 24px;
}
#shop_list ._shoplist li {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 6px 6px 6px 6px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 8px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
#shop_list ._shoplist li a:hover{
  opacity: .8;
}

/*
rule
======================================================= */
.rule{
  padding: 40px 16px;
  background-color: #f7f7f7;
}

@media screen and (min-width:768px) {
 .bottom_bnr {
  max-width: 680px;
  margin: auto auto 40px auto;
 } 

 .bottom_bnr img {
  width: 100%;
 }

}
.bottom_bnr a:hover{
  opacity: .8;
}

.panda_ttl{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

/*
float_btn
======================================================= */
.float_btn{
  position: fixed;
  padding: 0;
  bottom: 97px;
  right: 36px;
  z-index: 119;
  width: 118px;
  height: 118px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.float_btn:hover{
  opacity: .8;
}
.float_btn_area button {
  display: block;
  position: absolute;
  top: -14px;
  right: -12px;
  border: none;
  width: 25px;
  height: 25px;
  background: url(https://r.r10s.jp/evt/event/genre/daily/_cmn/img/20250619/cmn_close.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
/* float_search_area */
.float_search_area .search01{
  margin: 0 auto;
}
.float_search_area{
  width: 100%;
  padding: 10px 0px !important;
  background-color: #ebebeb;
}