@charset "utf-8";

/* ------------------------------------------------------------

   【ショップ・オブ・ザ・イヤ―2025】(SP) ショップ一覧

------------------------------------------------------------ */

/* ---------------------------------------------------------- 
ショップ一覧ページ ユニークCSS
-----------------------------------------------------------*/
/*
 background
------------------------------------------*/
.bg_000000{position: relative;}
.bg_000000::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:-4;
  background-color: #000000;
}

/*
 rc-kanban
------------------------------------------*/
.soyUdr._shoplist .soyUdrMain {
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/kanban.png) center top no-repeat #000000;
  height: 291px;
  margin-bottom: 0;
}

.soyUdr._shoplist .soyUdrMain:before,
.soyUdr._shoplist .soyUdrMain:after{
  display: none;
}
.soyUdr._shoplist .soyUdrMain950Area{
  width: 950px;
  padding-left: 0;
}
.soyUdr._shoplist .soyUdrMain .soyUdrMainTtl{
  display: block;
  width:950px;
  text-align: center;
  line-height: 1.5;
  color: #d0a349;
  text-shadow: 0px 0px 30px rgba(0,0,0,0.7), 0px 0px 30px rgba(0,0,0,0.7), 0px 0px 30px rgba(0,0,0,0.7);
}
.soyUdr._shoplist .soyUdrMain .soyUdrMainTtl .genreName > *{display: block; line-height: 1.5;}
.shoplist__titleTop{
  font-size: 29.99px;
}
.shoplist__titleBottom{
  font-size: 49.99px;
  letter-spacing: -0.04em;
}
.shoplist__titleBottom > span{font-size:29.99px;}


/*
 page__lead
------------------------------------------*/
.page__lead{
  padding-bottom: 16px;
  font-size: 15.5px;
  text-align: center;
  line-height: 1.548;
  color: #fff;
}
.page__lead > a{color: #00e1ff!important;}

/*
 intro__image
------------------------------------------*/
.intro__image{
  text-align: center;
  margin-bottom: 64px;
  position: relative;
}

/*
 awardTtl
------------------------------------------*/
.shoplist[data-layout="shoplist"] .awardTtl._default{margin-bottom: 15px;}

/*
 shoplist
------------------------------------------*/
.shoplist[data-layout="shoplist"]{padding-bottom:71px;}
.shoplist_contents{
  width: 950px;
  margin: 0 auto;
}
.shoplist_contents::before{
  content: '';
  position: relative;
  display: block;
  width:100%;
  height:4px;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/border_top.png) no-repeat;
  z-index:-1;
}
.shoplist_contents::after{
  content: '';
  position: relative;
  display: block;
  width:100%;
  height:3px;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/border_bottom.png) no-repeat left top;
  z-index:-1;
}
.shoplist_contents__inner{
  position: relative;
  padding: 0 195px;
}
.shoplist._genre .shoplist_contents__inner{
  padding-top: 34px;
  padding-bottom: 34px;
}
.shoplist._service .shoplist_contents__inner,
.shoplist._special .shoplist_contents__inner{
  padding-top: 34px;
  padding-bottom: 34px;
}
.shoplist_contents__inner::before{
  content: '';
  width: 100%;
  height: calc(100% + 1px);
  top: -1px;
  left: 0;
  position: absolute;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/border_side.png) repeat-y left top;
  z-index:-1;
}

/*
 ranking
------------------------------------------*/
.ranking[data-layout="shoplist"]{
  display: flex;
  flex-wrap:wrap;
  margin-bottom: 15px;
}
.ranking[data-layout="shoplist"] dd{
  margin-left: 0;
}

div > .ranking[data-layout="shoplist"]:first-child{margin-bottom: 11px;}
div > .ranking[data-layout="shoplist"]:last-child{margin-bottom:0;}
.ranking[data-layout="shoplist"] .ranking__num{
  width:86px;
  margin-left: 15px;
  margin-right: 8px;
}
.shoplist_sougou__ranking{
  padding-top: 12px;
  padding-bottom: 26px;
}
.shoplist_genre__ranking,
.shoplist_service__ranking,
.shoplist_special__ranking{padding-bottom:60px;}
.shoplist_sougou__ranking .ranking[data-layout="shoplist"] .ranking__num{
  width:140px;
  margin-left: 1px;
  margin-right: 8px;
}
.ranking._index[data-layout="shoplist"] .ranking__num,
.ranking._index[data-layout="shoplist"] .ranking__shopname{
  height: 0;
  overflow:hidden;
}
.ranking[data-layout="shoplist"] .ranking__favorite{
  width:77px;
}
.ranking[data-layout="shoplist"] .ranking__shopname{width:calc(100% - 186px);}
.shoplist_sougou__ranking .ranking[data-layout="shoplist"] .ranking__shopname{width:calc(100% - 240px);}
.ranking__favorite{text-align: center;}
.ranking__favorite > span{
  display: block;
  width: 77px;
  height:12px;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/favorite_text.png) no-repeat;
}
.ranking__num > p{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  width:100%;
  height: 38px;
  box-sizing: border-box;
  font-size: 18.2px;
  color: #fff;
}
.shoplist_sougou__ranking .ranking__num > p{
  font-size: 14px;
  letter-spacing: -0.02em;
}
.ranking__num > p > span{display: block;}
.ranking__num > p > span > span{
  font-size: 19.5px;
  letter-spacing: -0.07em;
}
.ranking__num._gold > p{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/ring_gold02.png) no-repeat;
}
.shoplist_sougou__ranking .ranking__num._gold > p{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/ring_gold01_2.png) no-repeat;
}
.ranking__num._silver > p{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/ring_silver02.png) no-repeat;
}
.shoplist_sougou__ranking .ranking__num._silver > p{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/ring_silver01_2.png) no-repeat;
}
.ranking__num._bronze > p{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/ring_bronze_2.png) no-repeat;
}
.ranking__num._other > p{
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/ring_other_2.png) no-repeat;
}
.ranking__shopname > a{
  display: flex;
  align-items: center;
  width: 100%;
  height: 38px;
  font-size: 16.86px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff!important;
}
.ranking__shopname > a:hover{opacity:.8;}
.ranking__favorite a{
  display: inline-block;
  width:40px;
  height:34px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.ranking__favorite a:hover{opacity:.8;}
.ranking__detailBtn{
  width:444px;
  height:57px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 25px;
  font-size: 22px;
  font-weight: 500;
  font-family: "游ゴシック", "Yu Gothic", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
  text-align: center;
  line-height: 1.131;
  color: #fff!important;
  background: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/button_bg.png) no-repeat;
}
.ranking__detailBtn:hover{opacity:.8;}


/*
 genre
------------------------------------------*/
.genre__department{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
._group {
  font-size: 18px !important;
}

/* div.shoplist_special__ranking 内で最初に出現する h5._group 要素に適用 */
.shoplist_special__ranking h5._group:first-of-type {
  padding-top: 24px;
}
.genre__department._fashion{color: #ffa0a4;}
.genre__department._food{color: #f0b666;}
.genre__department._life{color: #9bebde;}
.genre__department._beauty{color: #e082a7;}
.genre__department._appliance{color: #b9b3ed;}
.genre__department._auto{color: #bcd9db;}
.genre__department::after{
  content: '';
  display: block;
  width:473px;
  height: 16px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: left top;
}
.genre__department._fashion::after{background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/fashion_line.png);}
.genre__department._food::after{background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/food_line.png);}
.genre__department._life::after{background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/life_line.png);}
.genre__department._beauty::after{background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/beauty_line.png);}
.genre__department._appliance::after{background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/appliance_line.png);}
.genre__department._auto::after{background-image: url(https://r.r10s.jp/evt/event/soyshop/2025/_pc/img/under/shoplist/auto_line.png);}
.genre__departmentSub{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 4px;
  text-align: center;
}
.genre__departmentSub._fashion{color: #ffa0a4;}
.genre__departmentSub._food{color: #f0b666;}
.genre__departmentSub._life{color: #9bebde;}
.genre__departmentSub._beauty{color: #e082a7;}
.genre__departmentSub._appliance{color: #b9b3ed;}
.genre__departmentSub._auto{color: #bcd9db;}
.genre__departmentSub._service{color: #d0a349;}


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

/*
 floatingNotification
------------------------------------------*/
[data-module-name="ecm-floating"] ._shoplist{display: none;}