@charset "UTF-8";
/*　
バナー -[.banner]-
=======================================================　*/
.banner[data-layout=incentives] {
  place-content: center;
  place-items: center;
  background-color: #26acbc;
}

/*　
看板 -[.kanban]-
=======================================================　*/
.ecm-kanban__imageBox{
  position: relative;
  height: 581px;
  overflow: hidden;
}
.parallax1_pc {
  left: 0;
  position: absolute;
  transform: translateX(-50%);
  margin-left: 50%;
  top: 5px;
  width: 659px;
  height: auto;
}
.parallax2_pc {
  left: 0;
  position: absolute;
  transform: translateX(-50%);
  margin-left: 50%;
  top: 225px;
  width: 652px;
  height: auto;
}
.parallax3_pc {
	position: absolute;
  top: 0;
}
.parallax1_pc,
.parallax2_pc,
.parallax3_pc{
  transition: 80ms;
}
.ecm-kanban__image{
  position: relative;
  /* height: 581px; */
}

/*.section
============================================= */
.section_wrap > .main_contents{
  padding: 0 0 145px;
}
.section_wrap > .main_contents:nth-of-type(odd){
  background-color: #f1eee5;
}

/* title01 */
.title01{
  position: relative;
  /* height: 116px; */
  height: 164px;
  padding-top: 48px;
    background: url(https://r.r10s.jp/evt/event/interior/ar/_pc/img/20221212/h2_01.png) no-repeat center center;
  background-size:auto 100%;
  margin-bottom: 40px;
    background-color: #f1eee5;
}

.section_wrap > .main_contents:nth-of-type(odd) .title01{
  background-color: #ffffff;
}

.section_wrap > #anc01.main_contents .title01{

    background-color: #f1eee5;
}

.title01 .title_text{
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1.35;
  padding-top: 48px;
  width: 960px;
  margin: 0 auto;
}

.title02{
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  color: #8f7747;
  line-height: 1.35;
  margin-bottom: 33px;
}
#anc03 .title01{
  margin-bottom: 80px;
}


.cmn_txt{
  font-size: 16px;
  color: #4c4c4c;
  letter-spacing: 0.04em;
  line-height: 1.65;
}
.cmn_txt._pc{
  width: 584px;
  margin: 0 auto 45px;
  text-align: center;
}
#anc04 .cmn_txt._pc{
  text-align: center;
  margin-bottom: 40px!important;
}

.point_img img + img{
  margin-top: 10px;
}
.point_wrap ol li .cmn_txt{
  margin-top: 13px;
  line-height: 1.45;
}
.point_wrap .rl-column2{
  margin-bottom: -32px;
}
.point_wrap .rl-column2 li{
  width: calc(-19.1px + 50%)!important;
  margin-right: 38px!important;
}
.point_wrap .rl-column2 li:nth-of-type(2n){
  margin-right: 0!important;
}

.step_wrap ol li{
  width: 770px;
  box-sizing: border-box;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.step_wrap ol li + li{
  margin-top: 25px;
}
.step_wrap ol li .step_icon{
  width: 130px;
  margin-bottom: 4px;
}
.step_wrap ol li .step_txt{
  font-size: 21px;
  font-weight: bold;
  line-height: 1.45;
}
.step_wrap ol li .step_txt._red{
  color: #ac0000;
  font-size: 14px;
}
.step_wrap ol li .step_txt._red a:hover{
  opacity: .8;
}
.step_wrap ol li .step_img{
  width: 88px;
  margin: 0 auto;
}
.step_wrap .left_area{
  width: 540px;
}
.step_wrap ._step01 .step_img{
  width: 230px;
  margin-right: 25px;
}

.bnr_area{
  width: 616px;
  margin: 0 auto;
}
.bnr_area a:hover{
  opacity: .8;
}
.category_ttl{
  margin: 32px 0 24px;
  font-size: 18px;
  font-weight: bold;
  color: #6b552a;
  text-align: center;
}
.category_ttl ._small{
  font-size: 18px;
  display: block;
}

.category_wrap{
  text-align: center;
}
.category_ttl{
  margin: 40px 0 31px;
  font-size: 24px;
  font-weight: bold;
  color: #6b552a;
  text-align: center;
}
.category_wrap > ul.rl-column3 > li{
  width: calc((100% - 18px)/3 - 0.01px)!important;
  margin-right: 9px!important;
}
.category_wrap > ul.rl-column3 > li:nth-of-type(3n){
  margin-right: 0!important;
}
.category_wrap > ul.rl-column3 > li > a{
  display: block;
  color: #333;
}
.category_img{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 141px;
  height: 141px;
  background-color: #e3dbc5;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 5px;
  margin: 0 auto;
}
.category_txt{
  margin: 8px 0 0;
  font-size: 16px;
  color: #4c4c4c;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.category_wrap a:hover .category_img{
  box-shadow: 0px 0px 6px 5px rgb(255 255 255 / 100%);
}


/*coupon_area
============================================= */
.coupon_area{
  padding-top: 53px;
  padding-bottom: 61px;
}

/* coupon01 */
.coupon01{
  width: 304px;
  margin: 0 auto;
}
.coupon01 .rl-column1{
  justify-content: center;
}
.coupon01 .rl-column2._width400>*{
  width: 400px!important;
}
.coupon01 .rc-noTransitionCoupon__title{
  color: #26acbc;
  font-size: 12px;
}
.coupon01 .rc-noTransitionCoupon__text{
  border-color: #26acbc;
  background-color: #26acbc;
  font-size: 16px;
  color: #fff;
}
.coupon01 .ri-item__buttonIcon{
  color: #fff;
}
.coupon01 .rc-noTransitionCoupon__text .rex-icon{
  font-size: 16px;
}
.coupon01 .rc-noTransitionCoupon__container{
  height: 119px;
}
.coupon01 .rc-noTransitionCoupon__annotation{
  margin-top: 0px;
  color: #333;
  font-size: 14px;
}
.coupon01 .rc-noTransitionCoupon .rc-noTransitionCoupon__container::before {
  background-image: radial-gradient(circle at center left, transparent 0, transparent 10px, #26acbc 11px),
    radial-gradient(circle at center right, transparent 0, transparent 10px, #26acbc 11px);
}
.coupon01 .rc-noTransitionCoupon .rc-noTransitionCoupon__link {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 5px);
  height: calc(100% - 4px);
  padding: 4px 0;
}
.coupon01 .rc-noTransitionCoupon .rc-noTransitionCoupon__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);
}
.coupon01 .rc-noTransitionCoupon__discount{
  margin-bottom: 8px;
  color: #26acbc;
  font-size: 25px;
}
.coupon01 .rc-noTransitionCoupon__discount em{
  font-size: 42px;
}
/* periodWrap01 */
.periodWrap01{
  display: block;
  margin: 0 5vw;
  font-size: 12px;
  color: #404040!important;
}
.periodWrap01 .periodTxt{
  text-align: center;
  margin-bottom: 26px;
  font-size: 18px;
}
.periodWrap01 .periodTxt ._bold{
  font-weight: bold;
}
.periodWrap01 .campaignLink{
  position: relative;
  width: calc((100% - 8px)/2)!important;
  /* margin-right: 8px!important; */
  margin-bottom: 0!important;
  font-size: 16px;
  line-height: 1.1!important;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.periodWrap01 .campaignLink::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 7px;
  height: 7px;
  margin: auto;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  transform: rotate(135deg);
}
.periodWrap01 .campaignLink a{
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404040!important;
  position: relative;
  text-decoration: none;
}
.periodWrap01 .campaignLink a:hover{
  opacity: .8;
}
.periodWrap01 .campaignLink{
  margin-right: 0;
}
.periodWrap01 .couponNote_Info{
  padding-bottom: 23px;
  text-align: center;
}
.periodWrap01 .campaignLinkList{
  padding: 0;
  justify-content: center;
  width: 422px;
  margin: 0 auto;
}
.periodWrap01 .list_mark{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  line-height: 1.8;
}
.campaignLink:first-of-type{
  margin-right: 8px!important;
}
.rc-anchorList__link{
  box-sizing: border-box;
  border: 1px solid #b2b2b2;
  width: 203px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

/*　
エントリーボタン -[.rcEntryButton]-
=======================================================　*/
.rcEntryButton[data-layout="20241126"] {
  margin-bottom: 32px;
}

/*index01
============================================= */
.index_area{
  position: relative;
  padding: 74px 0 77px;
  background-color: #f1eee5;
}

.index_text{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #8f7747;
  line-height: 1.6;
}
.index01{
  padding: 25px 0 45px;
}
.anchorLink{
  width: calc(-10.1px + 25%)!important;
  margin-right: 13px!important;
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-radius: 10px;
  margin-bottom: -6px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.anchorLink:nth-of-type(4n){
  margin-right: 0!important;
}
.anchorLink a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 98px;
  border-radius: 10px;
  background-color: #26acbc;
  color: #ffffff;
  font-size: 26px;
  text-align: center;
  line-height: 1.25;
  box-sizing: border-box;
}
.anchorLink a:hover{
  opacity: .8;
}
.anchorLink a::after{
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.attention h3{
  font-size: 24px;
  font-weight: bold;
  color: #8f7747;
  text-align: center;
  padding-bottom: 5px;
}
.attention_box{
  background-color: #fff;
  padding: 27px 30px;
  width: 774px;
  box-sizing: border-box;
  margin: 0 auto 75px;
}
.attention_box a:hover{
  text-decoration: underline;  
}
.attention_pc_box{
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.attention_pc_box .img_area{
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.attention_box ul{
  width: 462px;
}
.attention_box ul li{
  font-size: 14px;
  padding-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
/*　
フローティング・ナビ（ヘッダー） -[.ecm-floating-navi-container]-
=======================================================　*/
.ecm-floating-navi-container[data-layout="20241126"] {
  border-bottom: none !important;
  background-color: #f1eee5;
}
.ecm-floating-navi-container[data-layout="20241126"] .ecm-floating-navi {
  max-width: 960px;
  height: 57px;
  margin: auto;
  background-color: #f1eee5;
}
.ecm-floating-navi-container[data-layout="20241126"] .ecm-floating-navi-item {
  position: relative;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  color: #8f7747;
  font-size: 18px;
  border: none;
}
.ecm-floating-navi-container[data-layout="20241126"] .ecm-floating-navi-item:where([data-in-viewport=true]) {
  font-weight: normal;
  color: #fff;
  background-color: #26acbc;
}
.ecm-floating-navi-container[data-layout="20241126"] .ecm-floating-navi-item:hover {
  font-weight: normal;
  color: #fff;
  background-color: #26acbc;
}
.ecm-floating-navi-container[data-layout="20241126"] .ecm-floating-navi-item + .ecm-floating-navi-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 40px;
  background-color: #ccc3ab;
  display: block;
}

/*　
Article -[.article]-
=======================================================　*/
.article[data-layout=entry] {
  margin-bottom: 80px;
  padding: 48px 0;
}
.article[data-layout=entry] .article-heading {
  font-size: 36px;
  font-weight: bold;
  color: #8f7747;
  text-align: center;
  margin-bottom: 32px;
}

/*　
Section -[.section]-
=======================================================　*/
.section[data-layout=step] {
  margin-top: 72px;
}
.section[data-layout=step] .section-heading {
  margin-bottom: 16px;
}
.section[data-layout=rule] {
  position: relative;
  padding: 80px 0;
  background-color: #f7f7f7;
}

/*　
Paragraph -[.paragraph]-
=======================================================　*/
.paragraph[data-layout=date] {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}

/*　
Unordered List -[.unordered-list]-
=======================================================　*/
.unordered-list[data-layout=notice] {
  display: inline-flex;
  flex-direction: column;
}
.unordered-list[data-layout=notice] .unordered-list-item {
  font-size: 12px;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

/*　
Ordered List -[.ordered-list]-
=======================================================　*/
.ordered-list[data-layout=step] .ordered-list-item + * {
  margin-top: 16px;
}

/*　
Navigation -[.nav]-
=======================================================　*/
.nav[data-layout=campaign] {
  text-align: center;
  margin-top: 32px;
}
.nav[data-layout=campaign] .nav-list {
  display: inline-flex;
}
.nav[data-layout=campaign] .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 20px;
  padding: 0 32px;
}
.nav[data-layout=campaign] .nav-item + * {
  border-left: 1px solid #a3a3a3;
}
.nav[data-layout=campaign] .nav-link {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav[data-layout=campaign] .nav-link i {
  color: #333;
  text-decoration: none;
}

/*　
Definition List -[.definition-list]-
=======================================================　*/
.definition-list[data-layout=step] {
  max-width: 774px;
  min-height: 187px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f1eee5;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.definition-list[data-layout=step] .definition-term {
  max-width: 130px;
  margin-bottom: 12px;
}
.definition-list[data-layout=step] .definition-description {
  font-size: 22px;
  margin-left: auto;
}
.definition-list[data-layout=step] .definition-description > * + * {
  margin-top: 8px;
}
.definition-list[data-layout=step] .anchor {
  font-size: 14px;
}
@media (hover: none) {
  .definition-list[data-layout=step] .anchor {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .definition-list[data-layout=step] .anchor:active i {
    text-decoration: none;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .definition-list[data-layout=step] .anchor:hover i {
    text-decoration: none;
  }
}
.definition-list[data-layout=step] .small {
  font-size: 14px;
  display: block;
}
.definition-list:where(.definition-list\:step1) {
  background-image: url(https://r.r10s.jp/evt/event/interior/ar/_pc/img/20241126/step_01_bg.png);
}
.definition-list:where(.definition-list\:step2) {
  background-image: url(https://r.r10s.jp/evt/event/interior/ar/_pc/img/20241126/step_02_bg.png);
}
.definition-list:where(.definition-list\:step3) {
  background-image: url(https://r.r10s.jp/evt/event/interior/ar/_pc/img/20241126/step_03_bg.png);
}
.definition-list:where(.definition-list\:step4) {
  background-image: url(https://r.r10s.jp/evt/event/interior/ar/_pc/img/20241126/step_04_bg.png);
}

/*　
Anchor -[.anchor]-
=======================================================　*/
.anchor[data-layout=red] {
  color: #b70e00;
  display: inline-flex;
  align-items: center;
  gap: 0.1em;
}
@media (hover: none) {
  .anchor[data-layout=red] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .anchor[data-layout=red]:active i {
    text-decoration: none !important;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .anchor[data-layout=red]:hover i {
    text-decoration: none !important;
  }
}
.anchor[data-layout=red] i {
  font-size: 80%;
  font-weight: bold;
}

/*FloatingNotification
===================================== */
.float_btn {
  position:fixed;
  bottom:95px;
  right:16px;
  z-index:100;
  border:0;
  height:92px;
}
.float_btn .randomBanner > a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 92px;
  padding: 6px 0 0;
  border-radius: 47px;
  background-color: #26acbc;
  font-size: 13px;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 1px 6px rgba(0,0,0,.25);
  line-height: 1.35;
  box-sizing: border-box;
}
.float_btn .randomBanner > a:hover{
  opacity: .8;
}
.float_btn .genreList__icon{
  font-size: 20px;
  line-height: 1;
  width: 1.1em;
  height: 1.1em;
}
.float_btn .genreList__icon::before{
  display: inline-block;
  vertical-align: middle;
}
.float_btn button {
  display: none;
}

/*
use
======================================================= */
.main_contents.use_list .mainttl{
  margin-bottom: 30px;
}
/*
environment
======================================================= */
#anc03 .contents_inner{
  display: flex;
  justify-content: center;
}
.environment{
  padding-bottom: 30px!important;
}
.environment .contents_inner{
  display: flex;
  justify-content: center;
}
.environment_box{
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
}
.environment_box .rex-icon.external-link:before{
  vertical-align: baseline;
}
.environment_box a:hover{
  text-decoration: underline;
}
.environment_area:last-of-type{
  padding-bottom: 20px;
  padding-left: 60px;
}

.environment_area:first-of-type{
  padding-left: 98px;
}

.environment ._title{
  font-size: 43px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 30px;
}
.environment ._sub_title{
  font-weight: bold;
  padding-bottom: 6px;
  width: 80px;
}
.environment ._text01{
  padding-bottom: 15px;
  width: 75%;
}
.environment ._browser{
  display: flex;
}
.environment ._browser_list{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 13px;
}
.environment ._browser_list img{
  width: 30px;
}
.environment ._browser_list:last-of-type{
  padding-right: 0;
}
.environment ._browser_list span{
  padding-left: 7px;
}
.environment ._device{
  width: 75%;
}
.environment ._device p{
  padding-bottom: 15px;
}
.environment ._device p:last-of-type{
  padding-bottom: 0;
}
.environment ._device_list{
  white-space: nowrap;
}