@charset "utf-8";

body{
  color: #333;
}
main[data-layout="default"]{
  clip-path: inset(0);
}
main[data-layout="default"]::before{
  content: "";
  display: block;
  object-fit: cover;
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  margin-bottom: -100vh;
  background-repeat: repeat;
  background-image: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/pattern_monchicchi.png)
}
.contents-wrapper{
  width: 379px;
  background-color: #fff;
  transform: translateX(calc(50vw - 189.5px));
  border-left:solid 2px #A01C1E;
  border-right:solid 2px #A01C1E;
}
[data-module-name=ecm-scroll-to-top] .ecm-icon-chevron-up{
  color: #8E3904!important;
}

/*
 contents-left
============================================== */
.contents-left{
  position: fixed;
  display: flex;
  align-items: center;
  width: calc((100% - 379px) / 2);
  height: 100vh;
  top: 0;
  left: 0;
  overflow: clip;
}
.contents-left__inner{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width:518px;
  padding-right: 32px;
  padding-left: 32px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.contents-left__logo{
  margin-bottom: clamp(0.5rem, 1.2vw, 1rem);
}
.contents-left__logo img {
  width: 100%;
  max-width: 500px;
  height: auto;
  vertical-align: top;
  backface-visibility: hidden;
}
.contents-left__lead{
  width: 100%;
  max-width: 501px;
  margin-right: auto;
  margin-left: auto;
  transition: all .2s ease-out;
  margin-bottom: clamp(1rem, 2.5vw, 1rem);
}
.content-left__period{
  max-width:500px;
  margin-top:clamp(0.5rem, 1.2vw, 1rem);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.content-left__periodText{
  font-size: clamp(0.4375rem, 1.2vw, 0.8rem);
  line-height: 1.3;
  margin-bottom: clamp(0.25rem, 0.6vw, 0.5rem);
  color: #3d1d1c;
}
.contents-left .period__anchor{
  width:100%;
  max-width:280px;
  margin: 0 auto;
  height: clamp(0.6875rem, 1.2vw, 1.3125rem);
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
}
.contents-left .period__anchor > *{
  width: calc((100% - 1px)/2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents-left .period__anchor > :first-child{
  border-right:solid 1px #333;
}
.contents-left .period__anchorLink{
  font-size: clamp(0.4375rem, 0.7vw, 0.875rem);
}
@media screen and (min-width:1367px) and (min-height: 666px) and (max-height: 800px) {
  .contents-left__inner{
    max-width:360px;
    margin: 0 auto;
  }
  .contents-left__lead{
    font-size: 14px;
    margin-bottom:24px;
  }
  .content-left__periodInner{
    height:80px;
  }
  .content-left__periodText{
    font-size: 10px;
  }
  .contents-left .period__notice{
    font-size: 8px;
    margin-bottom: 8px;
  }
  .contents-left .period__anchor{
    height: 14px;
  }
  .contents-left .period__anchorLink{
    font-size: 10px;
  }
}

/*
 background
============================================== */
[data-layout="monchicchi"]{
  background-image: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/pattern_monchicchi.png);
  background-repeat: repeat;
  background-size: 50% auto;
}
[data-layout="check01"]{
  background-image: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/pattern_check01.png);
  background-repeat: repeat;
  background-size: 23.75px auto;
}
[data-layout="check02"]{
  background-image: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/pattern_check02.png);
  background-repeat: repeat;
  background-size: 23.75px auto;
}
[data-layout="point"]{
  background-image: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/pattern_point.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

/*
 kanban
============================================== */
.kanban{
  position: relative;
  width: 100%;
}
.kanban .popup,
.floating-banner .popup{
  z-index: 2;
  animation:fuwafuwa 2.3s linear 0s infinite;
}
.kanban .popup{
  position: absolute;
  width: 111px;
  bottom: 20.5px;
  right:8px;
}
.floating-banner .popup{width:111px;}
.kanban .popup a{
  display: block;
}
.floating-banner .popup a{
  display: block;
}
.kanban .popup img{
  width:111px;
  display: block;
  margin: 10px auto 0;
}
.floating-banner .popup img{
  width: 111px;
  display: block;
  margin: 10px auto 0;
}
.kanban .ecm-floating-banner-close{
  width:19px;
  height: 19px;
  background-color: #38000080;
  top: 37.5px;
  left: 6.5px;
}
.floating-banner .ecm-floating-banner-close{
  width: 19px;
  height: 19px;
  background-color: #38000080;
  top: 37.5px;
  left: 6.5px;
  animation:fuwafuwa 2.3s linear 0s infinite;
}
.floating-banner .ecm-floating-banner-close .ecm-icon-close{
  font-size:9px!important;
}

@keyframes kanban-logo {
  0% {
    transform:scale(0.58);
    transform-origin:center!important;
  }
  15% {
    transform:scale(1.2);
    transform-origin:center!important;
  }
  27% {
    transform:scale(0.8);
    transform-origin:center!important;
  }
  39% {
    transform:scale(1.1);
    transform-origin:center!important;
  }
  47% {
    transform:scale(0.9);
    transform-origin:center!important;
  }
  55% {
    transform:scale(1.05);
    transform-origin:center!important;
  }
  59% {
    transform:scale(0.95);
    transform-origin:center!important;
  }
  63% {
    transform:scale(1.0);
    transform-origin:center!important;
  }
  100% {
    transform:scale(1.0);
    transform-origin:center!important;
  }
}
@keyframes fuwafuwa {
	0% {
		transform: translateY(0);
	}
  25% {
		transform: translateY(-3px);
	}
  50% {
		transform: translateY(0);
	}
  75% {
		transform: translateY(3px);
	}
  100% {
		transform: translateY(0);
	}
}

/*
 floating-navi
============================================== */
.floating-navi{
  position: fixed;
  display: block;
  width: calc((100% - 379px) / 2);
  height: 100vh;
  padding-left: 32px;
  padding-right: 32px;
  right: 0;
  overflow: clip;
}
.floating-navi__inner{
  max-width:355px;
  position: relative;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}
.floating-navi__bg{
  width: 100%;
  max-width:355px;
  position: relative;
}
.anchor-navi{
  position: absolute;
  width: 100%;
  max-width:355px;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: clamp(0.75rem, 1.5vw, 1.5rem);
  display: flex;
  flex-direction:column;
  justify-content: center;
}
.anchor-navi__list{
  width: 100%;
  gap:clamp(2rem, 3vw, 4.5rem);
}
.anchor-navi__list > .anchor-navi__link{
  width:auto;
  text-align: center;
  height: clamp(1rem,1.84vw,3.6875rem);
  max-height: 24px;
  line-height: 1.3;
  padding: 0;
  letter-spacing: -0.5em;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all .2s ease-out;
  color: #333 !important;
  border-radius: 0!important;
  background-color: inherit!important;
}
.anchor-navi__list > .anchor-navi__link img{
  width: auto;
  height: 100%;
}
.anchor-navi__list > .anchor-navi__link:hover{
  opacity:.8;
}
.other-link{
  width: 100%;
  text-align: center;
  margin-top: clamp(2.125rem, 4vw, 4.25rem);
}
.other-link > .anchor-navi__link{
  display: inline-block;
  width: auto;
  height: clamp(1.062rem, 1.2vw, 2.125rem);
  max-height:16px;
  transition: all .2s ease-out;
}
.other-link > .anchor-navi__link > img{
  display: block;
  width: auto;
  height: 100%;
}
.other-link .other-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  margin-top: clamp(1rem, 1vw, 1.5rem);
}
.other-link .other-inner .anchor-navi__link._other{
  display: flex;
  align-items: center;
  width:100%;
  height: clamp(0.862rem, 1.2vw, 2.125rem);
  max-height: 16px;
  font-size: clamp(0.4375rem, 1vw, 0.875rem);
  line-height: 1.3;
  padding: 0;
  letter-spacing: -0.5em;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all .2s ease-out;
  color: #333 !important;
  border-radius: 0!important;
}
.other-link .other-inner .anchor-navi__link._other > img{
  display: block;
  width: auto;
  height: 100%;
}
.other-link .other-inner .anchor-navi__link._other:first-child::after{
  content: '';
  display: flex;
  width: 2px;
  height: 100%;
  background-color: #3d1d1c;
  margin:0 clamp(1.062rem, 1.8vw, 2.125rem);
}
.anchor-navi__list > .anchor-navi__link:hover,
.other-link .anchor-navi__link:hover{opacity:.8;}
.anchor-navi__link.ecm-floating-nav-pill[data-in-viewport=true]{
  background-color: inherit!important;
  opacity:.8;
}
.anchor-navi__link > p{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: clamp(0.2rem, 0.4vw, 0.4rem);
}
.anchor-navi__link > .arrow{
  content: '';
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  width: clamp(0.5rem, 1vw, 1rem);
  max-width: 16px;
}
@media screen and (min-width:1367px) and (min-height: 666px) and (max-height: 800px) {
  .floating-navi__inner{
    top: 50%;
    max-width:339px;
  }
  .floating-navi__bg{
    width: 100%;
    max-width:339px;
    margin: 0 auto;
    position: relative;
  }
  .anchor-navi{
    max-width:339px;
    padding-top: 48px;
    padding-left: 18px;
    padding-right: 36px;
    padding-bottom: 18px;
  }
  .anchor-navi__list{
    margin-bottom:4px;
  }
  .anchor-navi__list > .anchor-navi__link{
    font-size: 14px;
    height: 24px;
    margin-right: 4.8px;
  }
  .other-link > .anchor-navi__link{
    max-height: 14px;
  }
  .other-link .anchor-navi__link._other{
    font-size: 14px;
    max-height: 12px;
  }
  .anchor-navi__link > p{
    margin-right: 4.8px;
  }
}

/*
 announcement
============================================== */
.annoucement{padding-bottom: 13.5px;}
.period-area{
  border-top:solid 3px #A01C1E;
  border-bottom:solid 3px #A01C1E;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 12px;
}
.period-area__inner{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  border-top:solid 3px #A01C1E;
  border-bottom:solid 3px #A01C1E;
  background-color: #D31021;
  color: #feffef;
  font-size: 12.8px;
  line-height: 1.545;
  text-align: center;
}
.announcement-box{
  margin-right: 16px;
  margin-left: 16px;
  position: relative;
}
.announcement-box::before{
  content: '';
  position: absolute;
  width: 77px;
  height: 57px;
  top: 25.195px;
  left: -16px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/announcement/announcement_deco01.png) no-repeat;
  background-size: 100% auto;
}
.announcement-box::after{
  content: '';
  position: absolute;
  width: 50px;
  height: 48px;
  bottom: -34.5px;
  right:-3px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/announcement/announcement_deco02.png) no-repeat;
  background-size: 100% auto;
}

/*
 anchor-snsWrap
============================================== */
.anchor-snsWrap{
  padding-bottom: 46.875px;
}

/*
 sns-area
============================================== */
.sns-area{
  border:solid 2px #9B1D1E;
  border-bottom-width:4px;
  border-radius: 12px;
  background-color: #feffef;
  padding: 3px;
  margin: 36px 16px 0;
  position: relative;
}
.sns-area__deco01,
.sns-area__deco02,
.sns-area__deco03{
  position: absolute;
  z-index:1;
  display: block;
}
.sns-area__deco01{
  width:85px;
  top: -18px;
  left: -18px;
  transform:rotate(0);
  animation:yurayura01 1.5s linear 0s normal infinite;
}
.sns-area__deco02{
  width: 54px;
  top: 27px;
  right:-9px;
}
.sns-area__deco03{
  width: 109px;
  bottom: -36px;
  right:-10px;
}
.sns-area__card{
  border:solid 2px #9B1D1E;
  border-radius: 7px;
  overflow:hidden;
}
.sns-area__title{
  width: 100%;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff0f3;
}
.sns-area__title > img{
  width: 234px;
}
.sns-area__cardWrap{
  width: 304px;
  padding-top: 18px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.sns-area__cardWrap{
  padding-bottom: 18px;
}
#sns.sns-area__cardWrap{
  border-top:dotted 2px #E1D9CD;
}
.sns-area__cardText{
  font-size: 14px;
  line-height: 1.41;
  color: #3D1D1C!important;
  margin-bottom: 18px;
}
.sns-area__cardNotice{
  margin-top: 11px;
  color: #3D1D1C;
  font-size: 11px;
}
.sns-area__cardWrap .d-grid{
  gap:12px;
}
.sns-area__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 40px;
  border:solid 1px #9B1D1E;
  border-bottom-width:3px;
  border-radius: 20px;
  background-color: #d30f21;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  font-weight: 700;
  color: #FDFDEF!important;
  transition: all .2s ease-out;
  position: relative;
}
.sns-area__button .ecm-icon-external-link{
  position: absolute;
  top: auto;
  bottom: auto;
  right:12.8px;
  text-shadow:none!important;
}
.sns-area__button > p{
  color: #FFF!important;
  line-height: 1;
  filter:
    drop-shadow(1px 0 0 #9F1C1E)
    drop-shadow(-1px 0 0 #9F1C1E)
    drop-shadow(0 1px 0 #9F1C1E)
    drop-shadow(0 -1px 0 #9F1C1E);
}
.sns-area__button > .tiktok__icon{
  position: absolute;
  top: auto;
  bottom: auto;
  left:37.5px;
  width: 23px;
}
.sns-area__button > .line__icon{
  position: absolute;
  top: auto;
  bottom: auto;
  left:37.5px;
  width: 23px;
}
.sns-area__button:active,
.sns-area__button:hover{
  transform:scale(1.05);
  text-decoration: none!important;
}

@keyframes yurayura01 {
  0% {
    transform:rotate(0);
  }
  50% {
    transform:rotate(10deg);
  }
  100% {
    transform:rotate(0);
  }
}
@keyframes yurayura02 {
  0% {
    transform:rotate(0);
  }
  50% {
    transform:rotate(-10deg);
  }
  100% {
    transform:rotate(0);
  }
}

/*
 con__title
============================================== */
.con__title{
  padding-top: 34px;
  padding-bottom: 24px;
}

/*
 con__subtitle
============================================== */
.con__subtitle{
  margin: 0 auto 24px;
  font-size: 18px;
  font-weight: normal!important;
  line-height: 1.3;
  text-align: center;
  color: #732C00;
  filter:
    drop-shadow(3px 0 0 #fef3ec)
    drop-shadow(-3px 0 0 #fef3ec)
    drop-shadow(0 3px 0 #fef3ec)
    drop-shadow(0 -3px 0 #fef3ec);
    letter-spacing:0.5px;
}
.banner-area .con__subtitle{
  width: 336px;
  margin: 0 auto 9px;
  font-size: 20px;
}

/*
 con__lead
============================================== */
.con__lead{
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  color: #732C00;
  margin-bottom: 24px;
}
.con._03 .con__lead{color: #3d1d1c;}

/*
 con__sublead
============================================== */
.con__sublead{
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 14px;
}

/*
 fadein
============================================== */
.fadein.on.chance-item,
.fadein.on.brand,
.fadein.on.shoplogo,
.fadein.on.about{
  animation:item-fadein 0.4s linear 0s normal forwards;
}

@keyframes item-fadein {
  0% {
    transform:translateY(20px);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/*
 con01
============================================== */
.con._01{
  position: relative;
  padding-bottom: 46px;
}
.con01_deco01,
.con01_deco02{
  position: absolute;
  z-index:1;
}
.con01_deco01{
  width:62px;
  top: -7.6px;
  left: 8.7px;
}
.con01_deco02{
  width:173px;
  bottom:124px;
  right: 14px;
  transform:rotate(0);
  animation:yurayura02 1.5s linear 0s normal infinite;
}
.con._01 .fukidashi{
  width:337.5px;
  height: 72.66px;
  margin: 0 auto 14px;
  padding-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3d1d1c;
  font-size: 14px;
  text-align: center;
  line-height: 1.1;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/fukidashi.png) no-repeat center top;
  background-size: 100% auto;
}
.con._01 .fukidashi p > span{font-size: 21px;}

/*
 con02
============================================== */
.con._02{
  position: relative;
  padding-bottom: 46px;
}
.con02_deco01{
  position: absolute;
  z-index:1;
  top: 116px;
  left: 0;
  width: 75px;
  height: 77.344px;
}
.con02_deco02{
  position: absolute;
  z-index:1;
  bottom: -27px;
  right: -8px;
  width: 62px;
  height: 93px;
}

/*
 con03
============================================== */
.con._03{
  position: relative;
  padding-bottom: 46px;
}
.con03_deco01{
  position: absolute;
  z-index:1;
  top: -27px;
  left: 3.4px;
  width: 109px;
  height: 81px;
}
.con03_deco02{
  position: absolute;
  z-index:1;
  bottom: -34px;
  right: 18px;
  width: 69px;
  height: 69px;
}

/*
 con04
============================================== */
.con._04{
  position: relative;
  padding-bottom: 46px;
}
.con04_deco01{
  position: absolute;
  z-index:1;
  top: -13px;
  left: -1.5px;
  width: 70px;
  height: 102px;
}
.con04_deco02{
  position: absolute;
  z-index:1;
  bottom: -21px;
  right: -6px;
  width: 80px;
  height: 75px;
}

/*
 chance-item
============================================== */
.chance-item{
  margin: 0 16px;
  opacity:0;
  transform:translateY(20px);
}
.chance-item .d-grid{
  gap:10px;
}
.chance-item__shop{
  display: block;
  border:solid 1px #9B1D1E;
  border-bottom-width:2px;
  border-radius: 4px;
  background-color: #fff;
  overflow:hidden;
  margin-bottom: 4px;
}
.chance-item__item{
  display: block;
  position: relative;
  border:solid 1px #9B1D1E;
  border-bottom-width:2px;
  padding: 8px 0 10px;
  border-radius: 4px;
  background-color: #fff;
  overflow:hidden;
}
.chance-item__itemImage{
  width:140px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 9px;
}
.chance-item__people{
  border-top:dotted 2px #E1D9CD;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #9B1D1E!important;
  padding: 6px 8px 4px;
}
.chance-item__people > span{
  font-size: 24px;
}
.chance-item__name{
  font-size:14px;
  line-height: 1.41;
  color: #3D1D1C!important;
  padding: 0 8px;
}
.chance-item__name._clamp3{min-height: 4.26em;}
.chance-item__name._clamp4{min-height: 5.68em;}
.chance-item__name._clamp5{min-height: 7.1em;}

/*
 entry
============================================== */
.default-entry .rcEntryButton{
  margin-bottom: 20px;
}
.floating-entry .rcEntryButton{
  width: 100%!important;
  max-width:311px;
  margin: 0 auto;
}
.rcEntryButton-button{
  max-width:311px;
  width: 100%!important;
}
.default-entry .rcEntryButton-button,
.floating-entry .rcEntryButton-button{
  transform:scale(1.0);
  transform-origin:center!important;
  transition: all .2s ease-out;
}
.floating-entry .rcEntryButton-button{
  font-size: clamp(0.675rem, 1.1vw, 20px);
  height: clamp(2rem, 3.5vw, 4rem);
  max-height:64px;
}
.floating-entry .rcEntryButton-button .rcEntryButton-text-icon{
  width: clamp(0.75rem, 1.5vw, 1.5rem);
  max-width:24px;
  height: clamp(0.75rem, 1.5vw, 1.5rem);
  max-height:24px;
}
.default-entry .rcEntryButton-button:hover,
.floating-entry .rcEntryButton-button:hover{
  transform:scale(1.05);
}
.default-entry .rcEntryButton-status--applied .rcEntryButton-button:hover,
.default-entry .rcEntryButton-status--selected .rcEntryButton-button:hover,
.default-entry .rcEntryButton-status--entered .rcEntryButton-button:hover{
  transform:scale(1.0)!important;
}

/*
 period
============================================== */
.con__period{
  margin: 0 16px 17px;
}
.period__text{
  font-size: 14px;
  line-height: 1.3;
  color: #3D1D1C;
  text-align: center;
  margin-bottom: 20px;
}
.period__anchor{
  margin: 0 16px 34px;
  height: 11px;
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
}
.period__anchor > *{
  width: calc((100% - 1px)/2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.period__anchor > :first-child{
  border-right:solid 1px #3D1D1C;
}
.period__anchorLink{
  font-size: 14px;
}

/*
 brand-card
============================================== */
.brand{opacity:0;}
.brand-card{
  border:solid 2px #9B1D1E;
  border-bottom-width:4px;
  border-radius: 12px;
  background-color: #feffef;
  padding: 3px;
  margin: 0 16px;
  position: relative;
}
.con._02 .brand-card + .brand-card{
  margin: 14px 16px;
}
.brand-card__inner{
  border:solid 2px #9B1D1E;
  border-radius: 7px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.brand-card__logo{margin-bottom: 14px;}
.brand-card__logo > a{
  display: block;
  width: 100%;
}
.brand-card__logo > a:hover{
  text-decoration: none!important;
}
.brand-card__brandName{
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
  border-bottom:dotted 2px #E1D9CD;
  margin-bottom: 14px;
  color: #3d1d1c!important;
}
.brand-card__alcor .ecm-alcor{background: inherit!important;}
.brand-card__alcor .ecm-alcor-image-link{
  background-color: #fff;
  border-radius: 8px;
  overflow:hidden;
}
.brand-card__alcor .ecm-alcor-name{
  margin-top: 6px;
  font-size: 14px;
}
.brand-card__alcor .ecm-alcor-price{
  margin-top: 7px;
  font-size: 17px;
}
.brand-card__buttonArea{
  margin-top: 18px;
}
.brand-card__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 43px;
  border:solid 1px #9B1D1E;
  border-bottom-width:3px;
  border-radius: 21.5px;
  background-color: #d30f21;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  font-weight: 700;
  color: #FDFDEF!important;
  transition: all .2s ease-out;
  position: relative;
}
.brand-card__button .ecm-icon-chevron-right{
  position: absolute;
  top: auto;
  bottom: auto;
  right:20px;
  text-shadow:none!important;
}
.brand-card__button > p{
  padding-right: 10px;
  color: #FFF!important;
  line-height: 1;
  filter:
    drop-shadow(1px 0 0 #9F1C1E)
    drop-shadow(-1px 0 0 #9F1C1E)
    drop-shadow(0 1px 0 #9F1C1E)
    drop-shadow(0 -1px 0 #9F1C1E);
}
.brand-card__button:active,
.brand-card__button:hover{
  transform:scale(1.05);
  text-decoration: none!important;
}
.brand-card__info{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  width: 150px;
  margin: 0 auto;
  gap: 11px;
  margin-top: 18px;
}
.brand-card__info > *{
  width:29px;
}

/*
 banner-area
============================================== */
.banner-area{
  padding-top: 34px;
}
.banner-area .ecm-slider-slide{
  border-radius: 6px;
  border:solid 1px #9B1D1E;
  overflow:hidden;
}

/*
 slider
============================================== */
.brand-card .slider{margin: 0 10px;}
.banner-area .slider{
  border-top:dotted 2px #732C00;
  padding-top: 20px;
  margin: 0 16px;
}
.brand-card .slider .ecm-slider-container.ecm-slider-container-sp-overflow{
  margin-right: -10px!important;
  margin-left: -10px!important;
}
.banner-area .slider .ecm-slider-container.ecm-slider-container-sp-overflow{
  margin-right: -16px!important;
  margin-left: -16px!important;
}
.brand-card .slider .ecm-slider-container.ecm-slider-container-sp-overflow .ecm-slider{
  padding-right: 10px!important;
  padding-left: 10px!important;
}
.banner-area .slider .ecm-slider-container.ecm-slider-container-sp-overflow .ecm-slider{
  padding-right: 16px!important;
  padding-left: 16px!important;
}
.ecm-slider-prev .ecm-icon-chevron-left, .ecm-slider-prev .ecm-icon-chevron-right, .ecm-slider-next .ecm-icon-chevron-left, .ecm-slider-next .ecm-icon-chevron-right{
  color: #8e3904!important;
}

/*
 shoplogo
============================================== */
.shoplogo{
  margin: 0 16px;
  opacity:0;
}
.shoplogo .d-grid{gap: 10px;}
.shoplogo__link{
  border:solid 1px #9B1D1E;
  background-color: #fff;
  border-radius: 4px;
  overflow:hidden;
}

/*
 about
============================================== */
.about{
  width:342.766px;
  height: 1015.422px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202609/_cmn/img/about/about_bg.png) no-repeat;
  background-size: 100% auto;
  margin: 34px auto 0;
  position: relative;
  opacity:0;
}
.about__inner{
  padding: 44px 0;
}
.about__title{
  margin: 0 auto 24px;
  width: 95%;
}
.about__lead{
  font-size: 16px;
  line-height: 1.375;
  text-align: center;
  color: #3D1D1C;
  margin-bottom: 24px;
}
.about__image{
  width: 274.22px;
  margin: 0 auto 24px;
}
.about__theme{
  width:202.734px;
  margin: 0 auto 20px;
}
.about__text{
  font-size: 16px;
  text-align: center;
  line-height: 1.61125;
  color: #3d1d1c;
}
.about__text + .about__text{
  margin-top: 9.375px;
}
.about__heart{
  display: inline-block;
  vertical-align: middle;
  width:16px;
  height: 16px;
  margin: 0 2.344px;
}
.about__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 42px;
  border:solid 1px #9B1D1E;
  border-bottom-width:3px;
  border-radius: 21px;
  background-color: #d30f21;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  font-weight: 700;
  color: #FDFDEF!important;
  transition: all .2s ease-out;
  position: relative;
}
.about__button .ecm-icon-external-link{
  position: absolute;
  top: auto;
  bottom: auto;
  right:12.89px;
  text-shadow:none!important;
}
.about__button > p{
  color: #FFF!important;
  line-height: 1;
  filter:
    drop-shadow(1px 0 0 #9F1C1E)
    drop-shadow(-1px 0 0 #9F1C1E)
    drop-shadow(0 1px 0 #9F1C1E)
    drop-shadow(0 -1px 0 #9F1C1E);
}
.about__button:active,
.about__button:hover{
  transform:scale(1.05);
  text-decoration: none!important;
}
.about__notice{
  margin-top: 9.375px;
  color: #3D1D1C;
  font-size: 11px;
}

/*
 rule
============================================== */
.rule{
  padding: 56px 16px 26px;
}
@media screen and (min-width: 768px) {
  .rule .ecm-campaign-details {
    padding: 16px;
  }
  .rule .ecm-campaign-details-group:not(.ecm-campaign-details-group-full) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}