@charset "utf-8";

body{
  color: #333;
}
main[data-layout="default"]{
  clip-path: inset(0);
}
main[data-layout="default"]::before{
  display: block;
  content: "";
  object-fit: cover;
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  margin-bottom: -100vh;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #fcedf6;
  background-image: url(https://r.r10s.jp/evt/event/girlsaward/202604/_pc/img/wrapper_bg_left.png),url(https://r.r10s.jp/evt/event/girlsaward/202604/_pc/img/wrapper_bg_right.png);
  background-position: right calc(50% + 588px) top, left calc(50% + 603px) top;
}
.contents-wrapper{
  width: 379px;
  background-color: #f4d5e6;
  transform: translateX(calc(50vw - 189.5px));
  border-left:solid 2px #333333;
  border-right:solid 2px #333333;
}

/*
 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: 454px;
  height: auto;
  vertical-align: top;
  backface-visibility: hidden;
}
.contents-left__lead{
  width: 100%;
  max-width: 440px;
  margin-right: auto;
  margin-left: auto;
  transition: all .2s ease-out;
  margin-bottom: clamp(1rem, 2.5vw, 2rem);
}
.content-left__period{
  max-width:454px;
  margin-top:clamp(0.5rem, 1.2vw, 1rem);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: clamp(0.25rem, 0.6vw, 0.5rem);
  position: relative;
}
.content-left__periodInner{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  max-width:454px;
  height: 100%;
  max-height:124px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-left__periodText{
  font-size: clamp(0.4375rem, 0.85vw, 0.875rem);
  line-height: 1.3;
}
.content-left__periodKirakira{
  position: absolute;
  width:calc(64/454*100%);
  max-width:64px;
  top: clamp(-0.8125rem, -0.85vw, -1.625rem);
  left: clamp(-0.8rem, -1.2vw, -1.6rem);
  z-index:1;
}
.contents-left .period__notice{
  width:100%;
  max-width:454px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: clamp(0.25rem, 0.6vw, 0.5rem);
  font-size: clamp(0.4375rem, 0.7vw, 0.6875rem);
  line-height: 1.3;
  color: #717171;
  text-align-last: left;
}
.contents-left .period__notice > span{
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
.contents-left .period__anchor{
  width:100%;
  max-width:454px;
  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 #00000014;
}
.contents-left .period__anchorLink{
  font-size: clamp(0.4375rem, 0.7vw, 0.875rem);
}
@media screen and (min-width:1200px) 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__periodKirakira{
    width: 36px;
    top: 13px;
    left: -12.8px;
  }
  .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;
  }
}

/*
 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:466px;
  position: relative;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}
.floating-navi__bg{
  width: 100%;
  max-width:466px;
  position: relative;
}
.anchor-navi{
  position: absolute;
  width: 100%;
  max-width:466px;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: clamp(2.125rem, 4vw, 4.25rem);
  padding-left: clamp(0.75rem, 1.5vw, 1.5rem);
  padding-right: clamp(1.5rem, 3vw, 3rem);
  padding-bottom: clamp(0.75rem, 1.5vw, 1.5rem);
  display: flex;
  flex-direction:column;
  justify-content: center;
}
.anchor-navi__list{
  width: 100%;
  margin-bottom:clamp(0.2rem, 0.4vw, 0.4rem);
}
.anchor-navi__list > .anchor-navi__link{
  display: flex;
  align-items: center;
  width:100%;
  height: clamp(1.84rem,3.3vw,3.6875rem);
  max-height: 59px;
  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;
  background-color: inherit!important;
}
.anchor-navi__list > .anchor-navi__link:not(:last-child){
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/anchor/anchor-navi_line.png) no-repeat left bottom;
  background-size: 100% auto;
}
.other-link > .anchor-navi__link._other{
  display: flex;
  align-items: center;
  width:100%;
  height: clamp(1.062rem, 1.8vw, 2.125rem);
  max-height: 34px;
  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;
}
.anchor-navi__list > .anchor-navi__link:hover,
.other-link > .anchor-navi__link._other:hover{color: #d45270 !important;}
.anchor-navi__link.ecm-floating-nav-pill[data-in-viewport=true]{
  background-color: inherit!important;
  color: #d45270 !important;
}
.anchor-navi__link > .kirakira{
  content: '';
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  width: clamp(0.675rem, 1.1vw, 1.25rem);
  max-width: 20px;
  margin-right: clamp(0.385rem, 0.75vw, 0.75rem);
}
.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:1200px) 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: 12px;
    height: 39px;
    margin-right: 4.8px;
  }
  .other-link > .anchor-navi__link._other{
    font-size: 12px;
    height: 21.594px;
    margin-right: 4.8px;
  }
  .anchor-navi__link > .kirakira{
    width: 13px;
    margin-right: 9px;
  }
  .anchor-navi__link > p{
    margin-right: 4.8px;
  }
}

/*
 background
============================================== */
.bg-stripe{
  background-image: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/bg_stripe.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding-bottom: 30px;
}
.bg-stripe::after{
  content: '';
  position: relative;
  display: block;
  left: 0;
  bottom: -30px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/contents_border.png) no-repeat left bottom;
  background-size: 100% auto;
  width: 100%;
  height: 6px;
}
.bg-stripe._02::after,
.bg-stripe._04::after{bottom: 0;}
.bg-pink{
  background-color: #f8ecf4;
  padding-bottom: 30px;
}
.bg-pink::after{
  content: '';
  position: relative;
  display: block;
  left: 0;
  bottom: -30px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/contents_border.png) no-repeat left bottom;
  background-size: 100% auto;
  width: 100%;
  height: 6px;
}

/*
 kanban
============================================== */
.kanban{
  position: relative;
  width: 100%;
  margin-bottom: 24px;
}
.kanban__wrap{
  content: '';
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kanban__logo{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform:scale(0.58);
  transform-origin:center!important;
  animation:kanban-logo 2.1s linear 0s normal forwards;
}
.kanban__description{
  width: 100%;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  position: absolute;
  top: 240px;
  left: 0;
}
.kanban__description > span{
  color: #bc405d;
}
.kanban__announcement{
  position: absolute;
  top: 336px;
  left: 0;
  width: 100%;
}
.kanban__deco-boots{
  position: absolute;
  width: 40px;
  height: 40px;
  right:86px;
  z-index:2;
}
.kanban[data-layout="pattern01"] .kanban__deco-boots{top: 525px;}
.kanban[data-layout="pattern02"] .kanban__deco-boots{top: 390px;}
.kanban[data-layout="pattern02"] .devil,
.floating-banner .devil{
  z-index: 2;
  animation:fuwafuwa 2.3s linear 0s infinite;
}
.kanban[data-layout="pattern02"] .devil{
  position: absolute;
  top:170px;
  right:8px;
  width: 85px;
}
.floating-banner .devil{width:85px;}
.kanban[data-layout="pattern02"] .devil a{
  display: block;
  margin-bottom: 10px;
}
.floating-banner .devil a{
  display: block;
}
.kanban[data-layout="pattern02"] .devil-image{
  width: 59px;
  display: block;
  margin: 10px auto 0;
}
.floating-banner .devil-image{
  width: 59px;
  display: block;
  margin: 10px auto 0;
}

@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);
	}
}

/*
 sns-area
============================================== */
.sns-area__title{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 7px;
}
.sns-area__card01{
  width: 100%;
  height: 157px;
  display: flex;
  align-items: center;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/card_bg01.png);
  background-size: 100% auto;
  margin-bottom: 12px;
}
.sns-area__card02{
  width: 100%;
  height: 139px;
  display: flex;
  align-items: center;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/card_bg02.png);
  background-size: 100% auto;
}
.sns-area__cardWrap{
  width: 343px;
  margin: 0 auto;
  text-align: center;
}
.sns-area__cardText{
  font-size: 14px;
  line-height: 1.5;
  color: #000!important;
  margin-bottom: 12px;
}
.sns-area__cardNotice{
  margin-top: 6px;
  color: #717171;
  font-size: 12px;
}
.sns-area__card02 .d-grid-col-2{
  width: 314px;
  gap:8px;
  margin-right: auto;
  margin-left: auto;
}
.sns-area__button{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #FFF!important;
  transition: all .2s ease-out;
}
.sns-area__card01 .sns-area__button{
  width: 314px;
  margin-right: auto;
  margin-left: auto;
}
.sns-area__button > p{
  padding-right: 4px;
  color: #FFF!important;
  line-height: 1.5;
  text-shadow:1px 1px 0 black, -1px -1px 0 black,
              -1px 1px 0 black, 1px -1px 0 black,
              1px 0 0 black, -1px 0 0 black,
              0 1px 0 black, 0 -1px 0 black;
}
.sns-area__card01 .sns-area__button{
  height: 45px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/button/button_bg01.png) no-repeat;
  background-size: 100% auto;
}
.sns-area__card02 .sns-area__button{
  height: 45px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/button/button_bg02.png) no-repeat;
  background-size: 100% auto;
}
.sns-area__button > .tiktok__icon{
  display: inline-block;
  vertical-align: middle;
  width: 16px;
}
.sns-area__button > .line__icon{
  display: inline-block;
  vertical-align: middle;
  width: 15px;
}
.sns-area__button:hover{
  transform:scale(1.05);
  text-decoration: none!important;
}

/*
 con（共通）
============================================== */
.con{
  padding-top: 40px;
}
.con._02{
  padding-bottom: 42px;
  position: relative;
  z-index:1;
}
.con._03{
  position: relative;
  z-index:1;
}
.con._04{
  padding-bottom: 46px;
  position: relative;
  z-index:1;
}
.con._02::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index:-1;
  top: -19px;
  left: 0;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/deco/con02_deco_bg.png) no-repeat;
  background-size: 100% auto;
}
.con._03::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/deco/con03_deco_bg.png) no-repeat;
  background-size: 100% auto;
}
.con._04::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/deco/con04_deco_bg.png) no-repeat;
  background-size: 100% auto;
}
.con__lead{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 24px;
}
.con__sublead{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.con__sublead > span{
  color: #bc405d;
}

/*
 period
============================================== */
.con__period{
  margin: 0 16px 8px;
  padding: 8px 0;
  border-radius: 12px;
  background-color: #fff;
}
.period__text{
  font-size: 12px;
  line-height: 1.3;
  color: #333;
  text-align: center;
  margin-bottom: 8px;
}
.period__text > span{
  color: #717171;
}
.period__notice{
  margin: 0 16px 30px;
  font-size: 11px;
  line-height: 1.3;
  color: #717171;
}
.period__notice > span{
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
.period__anchor{
  margin: 0 16px 20px;
  height: 21px;
  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 #00000014;
}
.period__anchorLink{
  font-size: 14px;
  text-decoration:underline;
}

/*
 chance
============================================== */
.chance01{margin-bottom: 73px;}
.chance01__title{
  position: relative;
  margin-bottom: 16px;
}
.chance01__title > .con__sublead{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform:translateX(-50%);
}
.chance02{
  padding-bottom: 46px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/contents_border.png) no-repeat left bottom;
  background-size: 100% auto;
}
.chance02__title{margin-bottom: 16px;}
.chance02__title .con__subtitle{margin-bottom: 8px;}
.chance-item{
  margin: 0 16px;
  opacity:0;
  transform:translateY(20px);
}
.chance-item .d-grid{
  gap:12px 8px;
}
.chance-item__shop{
  display: block;
  border:solid 1px #00000014;
  padding: 4px;
  border-radius: 8px;
  background-color: #fff;
  overflow:hidden;
  margin-bottom: 4px;
}
.chance-item__item{
  display: block;
  position: relative;
}
.chance-item__itemImage{
  border:solid 1px #00000014;
  padding: 4px;
  border-radius: 8px;
  background-color: #fff;
  overflow:hidden;
  margin-bottom: 8px;
}
.chance-item__item .notice_icon{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d24343;
  width:52px;
  height:52px;
  font-size:11px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  top:145px;
  right:6px;
  border-radius: 26px;
}
.chance-item__people{
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: #bc405d!important;
  margin-bottom: 4px;
}
.chance-item__people > span{
  font-size: 20px;
}
.chance-item__name{
  font-size: 14px;
  line-height: 1.3;
  color: #333 !important;
}

/*
 brand
============================================== */
.brand{
  position: relative;
  transform:translateY(20px);
  opacity:0;
}
.brand__deco{
  position: absolute;
  width: 88px;
  height: 93px;
  top: -47px;
  right: 4px;
  z-index:3;
}
.brand-card{
  width:347px;
  height: 496px;
  margin: 0 auto 24px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/brand_bg_base.png) no-repeat;
  background-size: 100% auto;
  position: relative;
}
.brand-card__inner{
  position: absolute;
  width: 331px;
  height: 478px;
  top: 9px;
  left: 8px;
}
.brand-card.pattern01 .brand-card__inner{
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/brand_bg01.png) no-repeat;
  background-size: 100% auto;
}
.brand-card.pattern02 .brand-card__inner{
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/brand_bg02.png) no-repeat;
  background-size: 100% auto;
}
.brand-card__clip{
  width:calc(100% - 3.75px);
  height: calc(100% - 3.75px);
  position: relative;
  top: 1.875px;
  left: 1.875px;
  mask-image:url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/brand_bg01.png);
  mask-size:100% 100%;
}
.brand-card__logo{
  margin-bottom: 16px;
}
.brand-card__info{
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  width: 295px;
  margin: 0 auto;
  gap: 6px;
  margin-bottom: 16px;
}
.brand-card__info > *{
  width: calc((100% - 6px) / 2);
}
.brand-card__brandName{
  font-size: 12px;
  margin-bottom: 4px;
}
.brand-card__sns{
  display: flex;
  flex-wrap:wrap;
  gap:12px;
}
.brand-card__snsIcon{
  width:24px;
  height: 24px;
}
.brand-card__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/button/button_bg03.png) no-repeat;
  background-size: 100% auto;
  font-size: 12px;
  font-weight: 700;
  color: #FFF!important;
  transition: all .2s ease-out;
}
.brand-card__button > p{
  padding-right: 4px;
  color: #FFF!important;
  line-height: 1.5;
  text-shadow:1px 1px 0 black, -1px -1px 0 black,
              -1px 1px 0 black, 1px -1px 0 black,
              1px 0 0 black, -1px 0 0 black,
              0 1px 0 black, 0 -1px 0 black;
}
.brand-card__button:hover{
  transform:scale(1.05);
  text-decoration: none!important;
}
.brand-card__alcor .ecm-alcor{background: inherit!important;}
.brand-card__alcor .ecm-alcor-image-link{
  background-color: #fff;
  border:solid 1px #00000014;
  border-radius: 8px;
  overflow:hidden;
}
.brand-card__alcor .ecm-alcor-name{
  margin-top: 8px;
  font-size: 14px;
}
.brand-card__alcor .ecm-alcor-price{
  margin-top: 8px;
  font-size: 20px;
}

/*
 banner-area
============================================== */
.banner-area{
  position: relative;
  padding-top: 24px;
}
.banner-deco{
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
}
.banner-area .con__subtitle{margin-bottom: 16px;}
.banner-area .ecm-slider-slide{
  border-radius: 8px;
  overflow:hidden;
}

/*
 slider
============================================== */
.slider{margin: 0 16px;}
.slider .ecm-slider-container.ecm-slider-container-sp-overflow{
  margin-right: -16px!important;
  margin-left: -16px!important;
}
.slider .ecm-slider-container.ecm-slider-container-sp-overflow .ecm-slider{
  padding-right: 16px!important;
  padding-left: 16px!important;
}
.slider .ecm-slider-next{
  right: 0 !important;
}
.slider .ecm-slider-prev{
  left: 0 !important;
}
.banner-area .slider .ecm-slider-next{
  right: -16px !important;
}
.banner-area .slider .ecm-slider-prev{
  left: -16px !important;
}

/*
 shoplogo
============================================== */
.shoplogo{
  margin: 0 16px;
  opacity:0;
  transform:translateY(20px);
}
.shoplogo .d-grid{gap: 12px;}
.shoplogo__link{
  border:solid 1px #00000014;
  background-color: #fff;
  border-radius: 8px;
  overflow:hidden;
}
.shoplogo__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 337px;
  height: 45px;
  margin: 24px auto 0;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/button/button_bg04.png) no-repeat;
  background-size: 100% auto;
  font-size: 14px;
  font-weight: 700;
  color: #FFF!important;
  transition: all .2s ease-out;
}
.shoplogo__button > p{
  padding-right: 4px;
  color: #FFF!important;
  line-height: 1.5;
  text-shadow:1px 1px 0 black, -1px -1px 0 black,
              -1px 1px 0 black, 1px -1px 0 black,
              1px 0 0 black, -1px 0 0 black,
              0 1px 0 black, 0 -1px 0 black;
}
.shoplogo__button:hover{
  transform:scale(1.05);
  text-decoration: none!important;
}

/*
 about
============================================== */
.con._04 .title-wrap{
  position: relative;
  margin-bottom: 24px;
}
.con._04 .title-wrap .deco__anime01{
  position: absolute;
  width:56px;
  height: auto;
  top: 0;
  left: -6px;
  transform:rotate(0);
  animation:yurayura01 1.5s linear 0s normal infinite;
}
.con._04 .title-wrap .deco__anime02{
  position: absolute;
  width: 58px;
  height: auto;
  right:11px;
  bottom: -15px;
  animation:yurayura02 1.5s linear 0s normal infinite;
}
.about{
  width:347px;
  height: 691px;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/about/about_bg.png) no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  position: relative;
  opacity:0;
  transform:translateY(20px);
}
.about .deco__anime03{
  position: absolute;
  width:80px;
  height: auto;
  bottom: -23px;
  left: -6px;
  transform:rotate(0);
  animation:yurayura02 1.5s linear 0s normal infinite;
}
.about__inner{
  padding: 26px 33px 0 31px;
}
.about__image{margin-bottom: 16px;}
.about__theme{
  width:48px;
  margin: 0 auto 8px;
}
.about__theme > img{
  display: block;
  width: 100%;
}
.about__title{
  width: 246px;
  margin: 0 auto 4px;
}
.about__text{
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 12px;
}
.about__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 281px;
  height: 45px;
  margin: 0 auto 0;
  background: url(https://r.r10s.jp/evt/event/girlsaward/202604/_cmn/img/button/button_bg05.png);
  background-size: 100% auto;
  font-size: 14px;
  font-weight: 700;
  color: #FFF!important;
  transition: all .2s ease-out;
}
.about__button > p{
  padding-right: 4px;
  color: #FFF!important;
  line-height: 1.5;
  text-shadow:1px 1px 0 black, -1px -1px 0 black,
              -1px 1px 0 black, 1px -1px 0 black,
              1px 0 0 black, -1px 0 0 black,
              0 1px 0 black, 0 -1px 0 black;
}
.about__button:hover{
  transform:scale(1.05);
  text-decoration: none!important;
}
.about__notice{
  margin-top: 6px;
  color: #717171;
  font-size: 12px;
  text-align: center;
}

@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);
  }
}

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

/*
@keyframes con-title {
  0% {
    transform:scale(0.8);
    transform-origin:center!important;
  }
  15% {
    transform:scale(1.03);
    transform-origin:center!important;
  }
  27% {
    transform:scale(0.9);
    transform-origin:center!important;
  }
  39% {
    transform:scale(1.02);
    transform-origin:center!important;
  }
  47% {
    transform:scale(0.95);
    transform-origin:center!important;
  }
  55% {
    transform:scale(1.01);
    transform-origin:center!important;
  }
  59% {
    transform:scale(0.98);
    transform-origin:center!important;
  }
  63% {
    transform:scale(1.0);
    transform-origin:center!important;
  }
  100% {
    transform:scale(1.0);
    transform-origin:center!important;
  }
}
*/

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

/*
 entry
============================================== */
.default-entry .rcEntryButton{
  margin-bottom: 16px;
}
.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;
}

/*
 rule
============================================== */
.rule{
  padding: 56px 16px 26px;
  background-color: #f7f7f7;
}
@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;
  }
}