@charset "utf-8";

/*
.soyUdrMain
--------------------------------------------------*/
.soyUdr{
  box-sizing: content-box;
  overflow:hidden;
}

.soyUdrMain {
  min-width: 950px;
  height: 325px;
  position: relative;
  z-index: 1;
  margin-bottom: 17px;
}

.soyUdrMain:before {
  content: "";
  display: block;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/confetti_top.png) center top
    no-repeat;
  width: 100%;
  height: 535px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.soyUdrMain:after {
  content: "";
  display: block;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/main_bottom.png) center top
    no-repeat;
  width: 100%;
  height: 155px;
  position: absolute;
  left: 0;
  bottom: -117px;
  z-index: 0;
}

.soyUdrMain950Area {
  width: 640px;
  margin: 0 auto;
  padding-left: 310px;
  padding-top: 41px;
  position: relative;
  /*z-index: 2;*/
  box-sizing: unset;
}

.soyUdrMainIcon,
.soyUdrMainTtl {
  display: inline-block;
  vertical-align: middle;
}
.soyUdrMainLogo{
  position: absolute;
  width: 197px;
  height: 214px;
  top: 41px;
  left: 72px;
}
.soyUdrMainIcon {
  width: 150px;
  height: 150px;
  margin-right: 28px;
  position: relative;
}

.soyUdrMainIcon._bgOn {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/main_icon_bg.png) left top
    no-repeat;
}

.soyUdrMainIcon:before {
  content: "";
  display: block;
  width: 140px;
  height: 142px;
  position: absolute;
  top: 4px;
  left: 5px;
}

.soyUdrMainIcon p {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.14;
  font-family: Arial, Helvetica, "sans-serif";
  padding-top: 90px;
  text-align: center;
}

.soyUdrMainTtl {
  color: #ffffff;
  width: 640px;
  padding-bottom: 16px;
  position: relative;
}

.soyUdrMainTtl > span {
  display: block;
  line-height: 1.1;
}

.soyUdrMainTtl .sub {
  font-size: 26px;
  padding: 0 11px 0 11px;
  position: relative;
  margin-bottom: 8px;
  letter-spacing: -0.07em;
}

.soyUdrMainTtl .genreName {
  font-size: 60px;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 1px;
}

.soyUdr._fashion .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/fashion/main_bg.jpg) center top
    no-repeat;
}
.soyUdr._fashion .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/fashion/main_icon.png) left top
    no-repeat;
}
.soyUdr._food .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/food/main_bg.jpg) center top
    no-repeat;
}
.soyUdr._food .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/food/main_icon.png) left top
    no-repeat;
}
.soyUdr._life .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/life/main_bg.jpg) center top
    no-repeat;
}
.soyUdr._life .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/life/main_icon.png) left top
    no-repeat;
}
.soyUdr._beauty .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/beauty/main_bg.jpg) center top
    no-repeat;
}
.soyUdr._beauty .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/beauty/main_icon.png) left top
    no-repeat;
}
.soyUdr._appliance .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/appliance/main_bg.jpg) center top
    no-repeat;
}
.soyUdr._appliance .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/appliance/main_icon.png) left top
    no-repeat;
}

.soyUdr._auto .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/auto/main_bg.jpg) center top
    no-repeat;
}
.soyUdr._auto .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/auto/main_icon.png) left top
    no-repeat;
}

.soyUdr._service .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/service/main_bg.jpg) center top
    no-repeat;
}

.soyUdr._service .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/service/main_icon.png) left top
    no-repeat;
}

.soyUdr._special .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/special/main_bg.jpg) center top
    no-repeat;
}

.soyUdr._special .soyUdrMainIcon:before {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/special/main_icon.png) left top
    no-repeat;
}

/* .soyUdrMainAncNav */

.soyUdrMainAncNav {
  margin-top: 11px;

}

.soyUdrMainAncNav > ul {
  margin: -4px 0 0 -10px;
}

.soyUdrMainAncNav > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 296px;
  margin: 4px 0 0 10px;
}

.soyUdrMainAncNav > ul > li a {
  display: flex;
  align-items: center;
  color: #ffffff !important;
  font-size: 16px;
  line-height: 1.1;
  padding: 2px 0;
  position: relative;
}

.soyUdrMainAncNav > ul > li a:before,
.soyUdrMainAncNav > ul > li a > span {
  display: inline-block;
  vertical-align: middle;
}

.soyUdrMainAncNav > ul > li a:before {
  content: "";
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/main_ancnav_arrow.png) left top
    no-repeat;
  width: 14px;
  height: 8px;
  margin-right: 5px;
}

.soyUdrMainAncNav > ul > li a > span {
  /* width: 211px; */
  line-height: 1.1;
  letter-spacing: -.06em;
  position: relative;
}

.soyUdrMainAncNav > ul > li a:hover span:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
}

/*
.soyUdrGenreCon
------------------------------------------------*/
.soyUdrGenreWrap{
  background-color: #1a1a1a;
}
.soyUdrGenreCon {
  /* background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/genre_bg.png) left top repeat-x
    #1a1a1a; */
  width: 100%;
  position: relative;
  padding-top: 103px;
}

.soyUdrGenreCon._01 {
}

.soyUdrGenreCon:before {
  content: "";
  display: block;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/genre_bg.png) left top repeat-x
    #1a1a1a;
    height: 100%;
  width: 1920px;
  position: absolute;
  left: -480px;
  top: 0;
}

.soyUdrGenreCon:after {
  content: "";
  display: block;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/confetti_con01.png) center top
    no-repeat;
  height: 776px;
  width: 1920px;
  position: absolute;
  left: -480px;
  top: 0;
}

.soyUdrGenreCon._01:before {
}

.soyUdrGenreTtl {
  text-align: center;
  position: relative;
  margin-bottom: 10px;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/soy_udrgenre_ttl.png) center bottom no-repeat;
  width: 960px;
  height: 214px;
  padding-top: 123px;
  box-sizing: border-box;
  z-index:2;
}
.soyUdrGenreTtl._caption{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/soy_udrgenre_ttl02.png) center bottom no-repeat;
  height: 261px;
  padding-top: 133px;
}

.soyUdrGenreTtl._caption2{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/soy_udrgenre_ttl02.png) center bottom no-repeat;
  height: 261px;
  padding-top: 133px;
}

.soyUdrGenreTtl h2 {
  font-size: 57px;
  text-align: center;
  color: #d0a349;
  line-height: 1.1;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: -0.5px;
}

.soyUdrGenreLead {
  color: #ffffff;
  font-size: 14px;
  margin-top: 10px;
}

.awardRank {
  position: relative;
}

.col1 .awardRank {
  position: relative;
  width: 635px;
  margin: auto;
  z-index:1;
}

.awardRank._01:after {
  content: "";
  display: block;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/top/rank_shop01_flare.png) center top
    no-repeat;
  width: 453px;
  height: 311px;
  position: absolute;
  top: -178px;
  right: -370px;
  z-index: -2;
}

.awardRank._02:before {
  content: "";
  display: block;
  width: 100%;
  height: 782px;
  padding: 0 500%;
  margin: 0 -500%;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/top/rank_shop_bg02_all.png) center top
    no-repeat;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  z-index: -2;
}

.awardRank._02:after {
  content: "";
  display: block;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/top/rank_shop02_flare.png) center top
    no-repeat;
  width: 453px;
  height: 311px;
  position: absolute;
  top: -102px;
  right: -308px;
  z-index: -2;
}

.awardRank._03:before {
  content: "";
  display: block;
  width: 100%;
  height: 782px;
  padding: 0 500%;
  margin: 0 -500%;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/top/rank_shop_bg03_all.png) center top
    no-repeat;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  z-index: -2;
}

.awardRank._03:after {
  content: "";
  display: block;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/top/rank_shop03_flare.png) center top
    no-repeat;
  width: 453px;
  height: 311px;
  position: absolute;
  top: -43px;
  right: -303px;
  z-index: 0;
}
.soyUdr .soyUdrGenreCon .anime_start .awardRankHead:before{
  opacity: 0;
  -webkit-transform: translate3d(0,50%,0);
}

.soyUdr .soyUdrGenreCon .anime_start.active .awardRankHead:before{
  animation: fadeInUp 0.25s 1 ease-in forwards;
}


.col2 {
  margin: 30px 0 0 0;
}

.col2 .awardRank {
  width: 474px;
  display: inline-block;
  vertical-align: top;
}

.col2 ._02.awardRank {
  margin: 0 15px 0 -13px;
}

.awardRankHead {
  position: relative;
  width: 635px;
  height: 190px;
  padding: 48px 0 35px 220px;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col1_shop_name_bg.png);
}

.col2 .awardRankHead {
  width: 474px;
  height: 124px;
  padding: 36px 12px 0 192px;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col2_shop_name_bg.png);
  z-index:1;
}

.awardRankHead .linkShopName {
  display: table;
  height: 80px;
}

.awardRankHead .linkShopName .name {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
}

.awardRank._wYear .awardRankHead:after,
.awardRank._first .awardRankHead:after {
  content: "";
  display: block;
  width: 84px;
  height: 89px;
  position: absolute;
  left: 150px;
  top: 0;
}

.col2 .awardRank._wYear .awardRankHead:after,
.col2 .awardRank._first .awardRankHead:after {
  left: 118px;
  top: 0;
}

.awardRank._wYear .awardRankHead:after {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/cmn/rank_shopname_icon_w.png) center top
    no-repeat;
}

.awardRank._first .awardRankHead:after {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/cmn/rank_shopname_icon_first.png) center
    top no-repeat;
}

.awardRankHead .txt {
  display: inline-block;
  vertical-align: middle;
}

.awardRankHead .txt {
  width: 400px;
}

.col2 .awardRankHead .txt {
  width: 265px;
}

.awardRankHead .txt > span {
  display: block;
  line-height: 1.1;
}

.awardRankHead .txt .name {
  font-size: 22px;
  font-weight: bold;
  color: #272727;
}

.col2 .awardRankHead .txt .name {
  font-size: 18px;
  word-break: break-word;
}

.awardRankShop {
  /*  margin-bottom: 16px;*/
}

.col2 .awardRankShop {
}

.awardRankShop .header {
  position: relative;
  height: 454px;
  margin-top: -20px;
  padding: 0 44px 0 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col1_rank_shop_bg_header.png);
}

.col2 .awardRankShop .header {
  padding: 30px 16px 10px 32px;
  height: 230px;
}

.awardRankShop .header:before {
  /* content: "";
  display: block;
  width: 635px;
  height: 324px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto; */
}

.col1 .awardRankShop .header:before {
  /* background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col1_rank_shop_bg_header.png); */
}

.col2 .awardRankShop .header {
  width: 474px;
  height: 400px;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col2_rank_shop_bg_header.png);
}

.awardRankShop .header .logo {
  position: relative;
  z-index: 1;
  display: inline-block;
  /* width: 432px;
  height: 72px; */
}

.col2 .awardRankShop .header .logo {
  width: 100%;
  height: auto;
  margin-left: 0;
}

.logoImg {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.awardRankShop .header .logo img {
  width: 100%;
  height: auto;
}

.awardRankShop .header .txt {
  position: relative;
  z-index: 1;
  margin: 24px 0 0 0;
}

.col2 .awardRankShop .header .txt {
  margin: 12px 0 24px;
}

.awardRankShop .header .txt h4 {
  font-size: 18px;
  font-weight: bold;
  color: #d0a349;
  line-height: 1;
  margin-bottom: 12px;
}

.col2 .awardRankShop .header .txt h4 {
  font-size: 16px;
  color: #999999;
  margin-bottom: 12px;
}

.awardRankShop .header .txt p + h4 {
  margin-top: 22px;
}

.col1 .awardRankShop .header .txt .comment {
  /* height: 142px; */
  display: table;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.625;
  text-align: justify;
}

.col2 .awardRankShop .header .txt .comment {
  margin-top: 8px;
  min-height: 76px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.25;
  text-align: justify;
}

.col1 .awardRankShop .header .txt .comment > span {
  /* padding: 0 20px 0 30px; */
  display: table-cell;
  vertical-align: middle;
}

.col2 .awardRankShop .header .txt .comment > span {
  padding: 0;
  display: inline;
  vertical-align: initial;
}

.awardRankShop .footer {
  width: 635px;
  padding: 0 100px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.col2 .awardRankShop .footer {
  width: 474px;
  padding: 0 27px 10px;
}

.col2 .awardRankShop .rastaSoyTopTtl {
  font-size: 16px;
  color: #999999;
}

.col1 .awardRankShop .footer {
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col1_rank_shop_bg_footer.png);
}

.col2 .awardRankShop .footer {
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col2_rank_shop_bg_footer.png);
}

.col1 .awardRankShop .footer:before {
  content: "";
  display: block;
  width: 1148px;
  height: 393px;
  position: absolute;
  z-index: 0;
  bottom: -7px;
  left: -257px;
  background-position: bottom center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

._01 .awardRankShop .footer:before {
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/rank_shop01_lay.png);
}

/* btn */

.btnUdrBlack {
  text-align: center;
  position: relative;
}

.btnUdrBlack:before {
  content: "";
  display: block;
  width: 635px;
  height: 8px;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.col2 .btnUdrBlack:before {
  width: 474px;
  height: 6px;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col2_rank_shop_bg_footer_bottom.png);
}

.col1 .btnUdrBlack:before {
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col1_rank_shop_bg_footer_bottom.png);
}

.btnUdrBlack a {
  display: block;
  width: 456px;
  height: 60px;
  line-height: 52px;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff !important;
  text-decoration: none !important;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col1_btn_black.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  margin: -1px auto 0;
}

.col2 .btnUdrBlack a {
  display: block;
  width: 400px;
  height: 64px;
  line-height: 52px;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/col2_btn_black.png);
  margin: -1px 35px 0 39px;
  position: relative;
  z-index:1;
}

.btnUdrBlack a:hover {
  opacity: 0.85;
}

.awardGenre {
  display: none;
}
.awardRankHead::before{
  content: '';
  display: block;
  width: 128px;
  position: absolute;
  top: 0;
  height: 100%;
}
.soyUdr .soyUdrGenreCon .awardRankHead::before{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/rank_shopname_icon01_01.png)
    center 20px no-repeat;
    left: 26px;
}
.soyUdr .soyUdrGenreCon .col2 .awardRankHead::before{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/rank_shopname_icon01_02.png)
    center 20px no-repeat;
    left: 4px;
}


.awardRankNum {
  width: 110px;
  position: absolute;
  left: 34px;
  bottom: 51px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}

.col2 .awardRankNum {
  width: 134px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}

.awardTtl{padding-top: 128px;}
.cmnFooterCon._overall .awardTtlBottom{margin-top: 36px!important;}
.awardTtl._default:before {
  top: 1.2em!important;
}

.udrCmnBanner {
  position: relative;
  background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/footer_allover_btn_bg.png);
  background-color: #1a1a1a;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
.udrCmnBanner a{
  position: relative;
  display: inline-block;
  width: 621px;
  height: 161px;
}
.udrCmnBanner a:hover{opacity:.8;}
.udrCmnBanner__inner{
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.357;
  color: #666666!important;
  top: 78px;
  left: 0;
}

.udr_confetti_wrap{
  position: relative;
}

/*
 animate
-------------------------------------------- */
.animate {
  height: 600px!important;
  margin-top: -600px!important;
}
._caption+.animate{
  height: 550px!important;
  margin-top: -550px!important;
}
.animate__target{
  top: 75%!important;
}

.rexSurveyNamespace .sc-dkrFOg {
  z-index: 9999!important;
}

/*
 furusato
-------------------------------------------- */
.riTaC {
    text-align: center !important;
}



/*
.confetti{
  height: 1645px;
  z-index:1;
}
*/

/* add animation */
/*
.anime_cnfe.active.confetti span:nth-child(2n+1) {
	animation-name: confetti-anim-3 ;
}
.anime_cnfe.active.confetti span:nth-child(2n+2) {
	animation-name: confetti-anim-4 ;
}
*/

/* animation-duration */
/*
.anime_cnfe.active.confetti span:nth-child(5n+1) {
	animation-duration: 8s;
}
.anime_cnfe.active.confetti span:nth-child(5n+2) {
	animation-duration: 9.5s;
}
.anime_cnfe.active.confetti span:nth-child(5n+3) {
	animation-duration: 9s;
}
.anime_cnfe.active.confetti span:nth-child(5n+4) {
	animation-duration: 8.5s;
}
.anime_cnfe.active.confetti span:nth-child(5n+5) {
	animation-duration: 10s;
}
*/