@charset "Shift_JIS";

@media screen and (min-width: 768px) {
 body { background: #f9f9f9; }
 .footer{ background: #ffffff; }
}
.contents:not(:has(~ .sec-review)){
 padding-bottom: 0 !important;
}
/* ranking reset */
.text-center{ text-align: center; }
.text-right { text-align: right; }
.text-left{ text-align: left; }
@media screen and (min-width: 768px) {
.text-center-pc{ text-align: center; }
.text-right-pc{ text-align: right; }
.text-left-pc{ text-align: left; }
}
@media screen and (max-width: 767px) {
.text-center-sp{ text-align: center; }
.text-right-sp{ text-align: right; }
.text-left-sp{ text-align: left; }
}

.rankingSection * { box-sizing: border-box; }
.rankingSection .main { margin: 0 auto; }

.rankingSection a:hover {
 text-decoration: underline;
}
.rankingSection a,
.rankingSection a:link,
.rankingSection a:visited,
.category-slider .swiper-slide a{
 text-decoration: none;
}
.rankingSection .is-sale + .item-list-txt .item-price,
.rankingSection .is-alert + .item-list-txt .item-price {
 color: #ff0000;
}
.cms_ico_rank {
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  background: url(https://img.dinos.co.jp/images/common/ico_ranking_bg.png) no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) {
 .cms_ico_rank {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 3px;
  padding-top: 10px;
  width: 35px;
 }
}
@media screen and (max-width: 767px) {
 .cms_ico_rank {
  font-size: 2.15vw;
  margin-bottom: 3px;
  padding-top: 1.6vw;
  width: 5vw;
 }
}
/* heart setting */
.rankingSection .card-ap_list .btn-favorite.is-pink .img-heart .heartB {
    fill: #ff6666;
    stroke: transparent;
}
@keyframes pounding {
	0% {
		transform: scale(1.3);
	}
	20% {
		transform: scale(1.2);
	}
	40% {
		transform: scale(1.13);
	}
	60% {
		transform: scale(1.1);
	}
	80% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes heartBAnimeFav {
  0% {
    transform: scale(0);
    fill: #ff6666;
    stroke: #ff6666;
  }
  3% {
            transform: scale(0.05, 0.05);
  }
  40% {
            transform: scale(1.3, 1.3);
  }
  60% {
            transform: scale(0.9) translate(0%, -8%);
  }
  80% {
            transform: scale(0.9) translate(0%, 8%);
  }
  95% {
            transform: scale(0.9) translate(0%, -3%);
  }
  100% {
            transform: scale(0.9) translate(0%, 0%);
    fill: #ff6666;
    stroke: #ff6666;
  }
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
 }
  100% {
    opacity: 1;
 }
}
@media screen and (max-width: 767px) {
 .card-ap_list .btn-favorite.for-general.is-active .img-heart .heartB {
  animation: heartBAnimeFav 600ms;
  animation-fill-mode: forwards;
 }
 .card-ap_list .btn-favorite.for-general .img-heart .heartB {
  transform: scale(1);
 }
 .card-ap_list .btn-favorite.for-general .img-heart .base{
  display:none;
 }
 .card-ap_list .btn-favorite.is-pink circle.base {
  display: none;
  stroke: #ff6666;
 }
 .ranking-category-list .card-ap_list .btn-favorite.for-general .img-heart {
  width: 13.333vw;
  height: auto;
 }
 .ranking-category-slider .card-ap_list .btn-favorite.for-general .img-heart {
  width: 13.333vw;
  height: auto;
 }
 .ranking-category-slider .heart-icon{
  top: 3.3vw;
  right: 0;
  padding: 0;
  width: 4vw;
 }
}
/* header footer img text */
@media screen and (min-width: 768px) {
  .ranking-header{
    margin: 20px auto 35px;
	font-size: 16px;
  }
  .ranking-lead{
    padding: 0 20px;
  }
  .ranking-header img + .contents .ranking-lead,
  .ranking-header .contents img + .ranking-lead{
    margin-top: 20px;
  }
  .ranking-footer{
    margin: 20px auto 0;
	font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .ranking-header{
    margin: calc(4.8vw - 0.325em) 0 7.46vw;
  }
  .ranking-lead{
    padding: 0 3%;
	font-size: 3.5vw;
  }
  .ranking-header img + .contents .ranking-lead,
  .ranking-header .contents img + .ranking-lead{
    margin-top: calc(4.8vw - 0.325em);
  }
  .ranking-footer{
    margin: 20px auto 0;
    padding: 0 3%;
  }
}
/* btn */
.cms_btn1 a, .cms_btn2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}
.cms_btn1 a,.cms_btn1 a:link,.cms_btn1 a:visited{
	background-color: #000000;
	color: #FFFFFF;
}
.cms_btn2 a,.cms_btn2 a:link,.cms_btn2 a:visited{
	border: 2px solid #EEEEEE;
	background-color: #FFFFFF;
	color: #000000;
}
.cms_btn1 a:hover, .cms_btn2 a:hover { text-decoration: none; }
.cms_btn1 a:hover {	background-color: #333333; }
.cms_btn2 a:hover {	background-color: #E9E9E9; }
@media screen and (min-width: 768px) {
  p + .cms_btn1, p + .cms_btn2{
    margin-top: 20px;
  }
 .cms_btn1 a, .cms_btn2 a {
  width: 500px;
  border-radius: 60px;
  padding: 1.2em 40px;
  line-height: 1;
  height: auto;
 }
}
@media screen and (max-width: 767px) {
  p + .cms_btn1, p + .cms_btn2{
    margin-top: calc(4.8vw - 0.325em);
  }
  .cms_btn1 a, .cms_btn2 a {
    width: 90%;
    margin: 0 auto 0 auto;
    border-radius: 45px;
    line-height: 1.4;
    min-height: 45px;
    padding: 1em 1.4em 0.8em;
    height: auto;
  }
}
/* category-slider
------------------------------------------------*/
.category-slider {
 width: 100%;
 padding: 0;
 opacity: 0;
}
.category-slider.swiper-container-initialized {
 opacity: 1;
}
.category-slider .swiper-slide a {
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 line-height: 1.375;
}
.category-slider .swiper-slide a.cate-all {
 background-color: #fff;
 border: 1px solid #eee;
}
.category-slider .swiper-slide.is-selected {
 font-weight: bold;
}
.category-slider .swiper-slide.is-selected a.cate-all {
 border: 3px solid #999;
}
.category-slider .swiper-slide a.cate-002003 {
 background-color: #eee;/*fashion*/
}
.category-slider .swiper-slide.is-selected a.cate-002003 {
 border: 3px solid #646464;
}
.category-slider .swiper-slide a.cate-002009 {
 background-color: #dadada;/*bag*/
}
.category-slider .swiper-slide.is-selected a.cate-002009 {
 border: 3px solid #535353;
}
.category-slider .swiper-slide a.cate-002001 {
 background-color: #ede3b3;/*furniture*/
}
.category-slider .swiper-slide.is-selected a.cate-002001 {
 border: 3px solid #aa9b57;
}
.category-slider .swiper-slide a.cate-002007 {
 background-color: #e5f4b1;/*curtain*/
}
.category-slider .swiper-slide.is-selected a.cate-002007 {
 border: 3px solid #a8bd5f;
}
.category-slider .swiper-slide a.cate-002008 {
 background-color: #ecd2cd;/*bed*/
}
.category-slider .swiper-slide.is-selected a.cate-002008 {
 border: 3px solid #cf968c;
}
.category-slider .swiper-slide a.cate-002002 {
 background-color: #9dc9d4;/*kitchen*/
}
.category-slider .swiper-slide.is-selected a.cate-002002 {
 border: 3px solid #4b92a3;
}
.category-slider .swiper-slide a.cate-002011 {
 background-color: #aee1d1;/*interior*/
}
.category-slider .swiper-slide.is-selected a.cate-002011 {
 border: 3px solid #49ac8d;
}
.category-slider .swiper-slide a.cate-002004 {
 background-color: #e8c5d8;/*beauty*/
}
.category-slider .swiper-slide.is-selected a.cate-002004 {
 border: 3px solid #cd87ad;
}
.category-slider .swiper-slide a.cate-002006 {
 background-color: #e8decc;/*foods*/
}
.category-slider .swiper-slide.is-selected a.cate-002006 {
 border: 3px solid #cbaa6e;
}
.category-slider .swiper-slide a.cate-002005 {
 background-color: #becf9d;/*gardening*/
}
.category-slider .swiper-slide.is-selected a.cate-002005 {
 border: 3px solid #8aae45;
}
.category-slider .swiper-slide a.cate-002010 {
 background-color: #ffffd8;/*trip*/
}
.category-slider .swiper-slide.is-selected a.cate-002010 {
 border: 3px solid #caca5f;
}
.category-slider .swiper-arrow {
 position: absolute;
 cursor: pointer;
 text-indent: -9999px;
 overflow: hidden;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: auto;
}
@media screen and (min-width: 768px) {
/* category slider */
 .category-slider {
  min-width: 1245px;
  margin: 20px auto 35px;
 }
 .category-slider .swiper-wrapper {
  padding: 5px 35px 0 64px;
  height: 68px;
 }
 .category-slider .swiper-slide {
  max-width: 167px;
  max-height: 63px;
 }
 .category-slider .swiper-slide a:hover {
  font-weight: bold;
 }
 .category-slider .swiper-slide a.cate-all:hover {
  border: 3px solid #999;
 }
 .category-slider .swiper-slide a.cate-002003:hover {
  border: 3px solid #646464;
 }
 .category-slider .swiper-slide a.cate-002009:hover {
  border: 3px solid #535353;
 }
 .category-slider .swiper-slide a.cate-002001:hover {
  border: 3px solid #aa9b57;
 }
 .category-slider .swiper-slide a.cate-002007:hover {
  border: 3px solid #a8bd5f;
 }
 .category-slider .swiper-slide a.cate-002008:hover {
  border: 3px solid #cf968c;
 }
 .category-slider .swiper-slide a.cate-002002:hover {
  border: 3px solid #4b92a3;
 }
 .category-slider .swiper-slide a.cate-002011:hover {
  border: 3px solid #49ac8d;
 }
 .category-slider .swiper-slide a.cate-002004:hover {
  border: 3px solid #cd87ad;
 }
 .category-slider .swiper-slide a.cate-002006:hover {
  border: 3px solid #cbaa6e;
 }
 .category-slider .swiper-slide a.cate-002005:hover {
  border: 3px solid #8aae45;
 }
 .category-slider .swiper-slide a.cate-002010:hover {
  border: 3px solid #caca5f;
 }
 .category-slider .swiper-slide a {
  height: 63px;
  border-radius: 8px;
  padding: 10px 4px;
  font-size: 16px;
  margin: 0;
 }
 .category-slider .swiper-arrow {
  top: 22px;
  width: 37px;
  height: 73px;
 }
 .category-slider .swiper-button-prev {
  left: 0;
  background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_left_pc.png);
 }
 .category-slider .swiper-button-next {
  right: 0;
  background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_right_pc.png);
 }
}
@media screen and (max-width: 767px) {
 .category-slider .swiper-wrapper {
  position: relative;
 }
 .category-slider.swiper-container{
  margin: calc(4.8vw - 0.325em) 0 7.46vw ;
 }
 .category-slider .swiper-slide a {
  width: 31.466vw;
  height: 11.733vw;
  border-radius: 1.333vw;
  padding: 2.666vw 0.4em;
  margin-left: 2.666vw;
 }
/*
 .category-slider .swiper-button-prev,
 .category-slider .swiper-button-next {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 4;
  width: 28px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  background: url(https://img.dinos.co.jp/images/v1/headfoot/common/ico_arrow_right_01.png) rgba(51, 51, 51, 0.8) center center no-repeat;
  background-size: 8px auto;
  margin-top: 0;
  transform: translateY(-50%) rotate(180deg);
 }
 .category-slider .swiper-button-next {
  left: auto;
  right: 0;
  transform: translateY(-50%);
  border-radius: 4px 0 0 4px;
 }
*/
}
@media screen and (max-width: 767px) {
 .ranking-category-slider {
  padding: 7.2vw 0 0 0;
 }
 .ranking-category-slider ul {
  scrollbar-width: none;
  white-space: nowrap;
  overflow-x: scroll;
  display: flex;
  flex-wrap: nowrap;
 }
 .ranking-category-slider ul li {
  margin-left: 3vw;
  display: inline-block;
  background-color: inherit;
  width: 33.486vw;
  border-radius: 5px;
  flex: 0 0 auto;
 }
 .ranking-category-slider .slider-arrow {
  display: none;
 }
 .ranking-category-slider .ttl {
  margin-bottom: calc(4.8vw - 0.325em)
 }
 .ranking-category-slider .item-list-txt {
  padding: 4vw 0 0 0;
 }
 .ranking-category-slider .link-btn-base {
  text-align: center;
 }
 .ranking-category-slider .link-btn-base a {
  margin: 5.4vw auto 3.6vw;
  width: 54.1vw;
  line-height: 9.33vw;
  border-radius: 4.53vw;
 }
}
/* .ranking-category-list */
.ranking-category-list > ul{
 display: flex;
 flex-wrap: wrap;
}
.ranking-category-list > ul li{
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
}
.link-share{
 position: relative;
 cursor: pointer;
}
.link-share:hover{ opacity: 0.7; }
.link-share:after {
 position: absolute;
 display: inline-block;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 content: '';
 background-repeat: no-repeat;
 background-size: contain;
 background-image: url(https://img.dinos.co.jp/images/common/ico_share.png);
}
.box-share-end{
 font-weight: bold;
 text-align: center;
}
.ranking-category-list .item-list-box{
 background-color: #ffffff;
 border: 1px solid #eeeeee;
 border-radius: 5px;
 flex-grow: 2;
}
.ranking-category-slider .item-list-img{
 border: 1px solid #eeeeee;
 border-radius: 5px;
}
.item-list-img{ margin: 0 auto; }
.item-list-img img{ border-radius: 5px 5px 0 0; overflow: hidden; }
.ranking-category-slider .item-list-img img{ border-radius: 5px; }
.item-list-img a {
 z-index: 0;
 display: block;
}
.item-list-txt,
.item-list-img {
 position: relative;
}
.item-list-txt .item-name,
.item-list-txt .item-price{ color: #000000; }
.item-list-txt .item-price .yen{ font-weight: normal; }
.item-list-box .card-ap_list .btn-favorite.for-general{
 height: 4.6vw;
}
.item-list-box .heart-icon{
 position: absolute;
 border: none;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.item-list-txt .item-price{
 font-weight: bold;
}
.item-list-txt .star{
 display: flex;
 align-items: flex-start;
}
.item-list-box .item-list-txt .star img{ display: inline-block; vertical-align: baseline; }
.item-list-txt .item-name {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}
.rankingSection .sale-icon {
 background-color: #f20c0c;
 color: #fff;
 z-index: 1;
 position: absolute;
 left: 50%;
 bottom: -9px;
 min-width: 82px;
 padding: 0 0.4em;
 transform: translateX(-50%);
 border-radius: 9px;
 text-align: center;
 font-weight: bold;
 height: 18px;
 line-height: 18px;
}
.rankingSection .is-alert .sale-icon::before {
 content: "";
 background: url(https://img.dinos.co.jp/images/v1/goodslist/ico_search_alert_01.png) no-repeat;
 display: inline-block;
 width: 11px;
 height: 11px;
 margin-right: 3px;
 position: relative;
 top: 2px;
 background-size: 11px;
 -webkit-animation: pounding 0.5s linear infinite alternate;
 animation: pounding 0.5s linear infinite alternate;
}
.rankingSection .new-icon {
 background-color: #ffde00;
 color: #000;
 z-index: 1;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 text-align: center;
 font-weight: bold;
}

.rankingSection .btn-bk a {
 color: #fff;
 background-color: #000;
}

/* -----------------------------------------------------------------------
PC
-------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
 .contents + .contents{
  margin-top: 35px;
 }
 .rankingSection {
  min-width: 1245px;
 }
 .rankingSection .contents {
  padding: 0 20px;
 }
 .rankingSection .nav-breadcrumb {
  padding: 0;
 }
 .rankingSection .sec-review,
 .rankingSection ~ .sec-review {
  max-width: 1205px;
 }
 .rankingSection h2{
  font-size: 30px;
  padding-top: calc(54px - 0.325em);
 }
 .rankingSection .result-update{
  margin-top: -2px;
  font-size: 16px;
 }
 .box-share-end{
  display: none;
 }
 .btn-favorite.for-general {
  width: 44px;
  height: 44px;
  cursor: pointer;
 }
 .rankingSection .txt-xsmall {
  font-size: 10px;
 }
 .rankingSection .sale-icon,
 .rankingSection .new-icon {
  font-size: 10px;
 }
 a.txt-blue {
  cursor: pointer;
 }
 .rankingSection .sort-selection .sp_hide {
  margin-bottom: 29px;
 }
 .rankingSection .sort-selection ul {
  display: flex;
  justify-content: flex-end;
 }
 .rankingSection .sort-selection ul li {
  font-size: 14px;
  margin-left: 45px;
 }
 .favorite-list-all {
  margin-bottom: 15px;
 }
 .ranking-category-list > ul {
  margin-left: -35px;
 }
 .ranking-category-list > ul li {
  width: 275px;
  margin-left: 35px;
  margin-bottom: 35px;
 }
 .item-list-box .item-list-txt{
  font-size: 14px;
  padding: calc(25px - 0.325em) 25px calc(33px - 0.325em) 0;
 }
 .ranking-category-list .item-list-box .item-list-txt{
  padding: calc(25px - 0.325em) 19px calc(19px - 0.325em);
 } 
 .item-list-box .item-list-txt .item-name,
 .item-list-box .item-list-txt .item-price{
  padding-right: 25px;
 }
 .ranking-category-list .item-list-box .item-list-txt .item-name,
 .ranking-category-list .item-list-box  .item-list-txt .item-price{
  padding-right: 43px;
 }
 .item-list-box .item-list-txt .item-price{
  margin-top: calc(14px - 0.65em);
  font-size: 16px;
 }
 .item-list-box .item-list-txt .item-price .yen{
  font-size: 14px;
 }
 .item-list-box .item-list-txt .star { margin-top: calc(10px - 0.65em); line-height: 1.4; }
 .item-list-box .item-list-txt .star a:hover{ text-decoration: none; }
 .item-list-box .item-list-txt .star a:hover .num{ text-decoration: underline; }
 .item-list-box .item-list-txt .star img{ width: 93px; }
 .item-list-box .item-list-txt .iconset { margin-top: calc(8px - 0.325em); }
 .item-list-box .item-list-txt .iconset span { font-size: 14px; }
 .item-list-box .item-list-txt .etc{ margin-top: calc(10px - 0.65em); font-size: 12px; }
 .item-list-box .item-list-txt .star + .etc{ margin-top: calc(10px - 0.325em); }
 .item-list-box .heart-icon{
  right: 0;
  padding: 2px 0 0;
 }
 .ranking-category-list .item-list-box .heart-icon{
  right: 23px;
 }
 .item-list-box .card-ap_list .btn-favorite.for-general {
  width: 23px;
  height: 21px;
 }
 .item-list-box .card-ap_list .btn-favorite.for-general .img-heart {
  width: 83.2px;
  height: auto;
 }
 _::-webkit-full-page-media, _:future, :root  .item-list-box .card-ap_list .btn-favorite.for-general .img-heart {
  width: 78.4px;
 }
 .heart-icon .reg-number {
  margin-top: 3px;
  font-size: 11px;
 }
 .heart-icon .fav-off-info,
 .heart-icon .fav-add-info {
  display: none;
  width: 113px;
  background-color: rgba(238, 238, 238, 0.8);
  border-radius: 4px;
  padding: 5px 0;
  position: absolute;
  top: -24px;
  left: -45px;
  text-align: center;
  box-sizing: content-box;
 }
 .heart-icon .is-pink:hover .fav-off-info,
 .heart-icon .hover-trg:hover .fav-off-info,
 .heart-icon :not(.is-active):not(.is-pink):hover .fav-add-info {
  display: inline-block;
  animation-name: fadeInAnime;
  animation-duration: 0.2s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
 }
 .rankingSection .new-icon {
  bottom: -9px;
  width: 78px;
  border-radius: 9px;
  height: 18px;
  line-height: 18px;
 }
 .inter-section-ttl {
  margin-top: calc(80px - 0.335em);
 }
}

@media screen and (min-width: 768px) and (max-width: 1244px) {
 .rankingSection .main{
  width: 100%;
 }
}

/* favorite SP
------------------------------------------------*/
@media screen and (max-width: 767px) {
 .contents + .contents{
  margin-top: 7.46vw;
 }
 .rankingSection,
 .rankingSection .contents{ background-color: #f5f5f5; }
 .ranking-category-slider{ background-color: #ffffff;  overflow: hidden; }
 .rankingSection .main {
  padding: 0;
 }
 .rankingSection .main > * {
  padding-left: 3%;
  padding-right: 3%;
 }
 .rankingSection .main > .nav-breadcrumb {
  padding: 0;
  background: #f5f5f5;
 }
 .rankingSection h2{
  margin-top: calc(4vw - 0.325em);
 }
 .rankingSection .result-update{
  margin-top: 1.8vw;
 }
 .box-share-end .link-share{
  display: inline-block;
   margin: 8vw 0 5vw 0;
 }
 .box-share-end .link-share:after {
  right: -6vw;
  width: 4.2vw;
  height: 5vw;
 }
 .rankingSection .box-category{
  border: none;
  padding-bottom: 0;
 }
 .rankingSection .box-category .title{
  background: #ffffff;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dddddd;
  border-radius: 5px 5px 0 0;
  padding: 5vw 0;
  margin-top: 3vw;
 }
 .rankingSection .box-category .nav-global {
  margin-bottom: 0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dddddd;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
 }
 /* favorite top
------------------------------------------------*/
 .favorite-list-all {
  margin-bottom: 5.333vw;
 }
 .ranking-category-list ul{
  margin: -3vw 0 0 -3vw;
 }
 .ranking-category-list ul li {
  width: 50%;
  border-radius: 4px;
  padding: 3vw 0 0 3vw;
  position: relative;
 }
 .item-list-box .item-list-txt .item-name,
 .item-list-box .item-list-txt .item-price{ padding-right: 6vw; }
 .item-list-box .item-list-txt .item-price{ margin-top: calc(2.13vw - 0.65em); }
 .item-list-box .item-list-txt .star { margin-top: 0.325em; }
 .item-list-txt .star a {
  align-items: baseline;
  flex-wrap: nowrap;
 }
 .item-list-box .item-list-txt .star img{ width: 20vw; }
 .item-list-box .item-list-txt .etc { margin-top: 0.325em; }
 .item-list-box .item-list-txt .iconset { margin-top: calc(1.33vw - 0.325em); }
 .ranking-category-list > ul li .item-list-txt{
  padding: 4vw calc(3.2vw - 0.325em) calc(4vw - 0.325em);
 }
 .rankingSection.my-fav-theme .item-info {
  padding-top: 5.6vw;
 }
 .ranking-category-list ul li .item-list-txt .monthly-num {
  margin-bottom: 1.066vw;
 }
 .ranking-category-list ul li .item-list-txt .txt1 {
  font-weight: bold;
 }
 .rankingSection .item-info {
  text-align: left;
 }

 .rankingSection .sale-icon,
 .rankingSection .new-icon {
  width: max-content;
  min-width: 21.333vw;
  height: 4.4vw;
  line-height: 4.4vw;
  padding: 0 0.8vw;
  border-radius: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 @media (orientation: portrait){
  .rankingSection .sale-icon,
  .rankingSection .new-icon {
   padding-top: 0.133vw;
   }
 }
 .rankingSection .new-icon {
  bottom: -2vw;
 }
 .rankingSection .is-alert .sale-icon::before {
  top: 0;
 }
 .ranking-category-list .card-ap_list .btn-favorite.for-general {
  width: 8vw;
  height: 8vw;
 }
 .ranking-category-list .heart-icon {
  top: 3.3vw;
  right: 2px;
  padding: 0;
  width: 8.533vw;
 }
 .item-list-box .card-ap_list .btn-favorite.for-general{
  height: 4.6vw;
 }
 .rankingSection .ranking-category-list .sale-icon,
 .rankingSection .ranking-category-list .new-icon {
  top: calc(100% - 2.2vw);
 }
 .heart-icon .reg-number {
  margin-top: 0.533vw;
 }
 .heart-icon .fav-off-info,
 .heart-icon .fav-add-info {
  display: none;
 }
}
.rankingSection .link-btn-base a {
 display: flex;
 align-items: center;
 justify-content: center;
}
.rankingSection .btn-bk a {
 color: #fff;
 background-color: #000;
}
@media screen and (min-width: 768px) {
 .ranking-category-slider{
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 10px;
 }
 .ranking-category-slider:not(:first-child){
  margin-top: 35px;
 }
 .ranking-category-slider .ttl{
   margin-top: calc(35px - 0.325em);
   margin-bottom: calc(30px - 0.325em);
   font-size: 21px;
 
 }
 .ranking-category-slider .slider-wrap{
  position: relative;
 }
 .ranking-category-slider .slick-track{
  display: flex;
  flex-wrap: nowrap;
 }
 .ranking-category-slider .slick-slide{
  margin-left: 25px;
  height: auto;
  float: none;
 }
 .ranking-category-slider .slick-list{
  padding-right: 25px;
 }
 .ranking-category-slider .slider-arrow {
  position: absolute;
  top: 154px;
  transform: translateY(-50%);
  width: 37px;
  height: 73px;
  z-index: 10;
 }
 .ranking-category-slider .slider-arrow .btn-arrow {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(https://img.dinos.co.jp/images/v1/goods/btn_arrow_slider.png);
  background-size: 100%;
  background-position: 0 0;
  text-indent: -9999px;
  cursor: pointer;
 }
 .ranking-category-slider .slider-arrow .btn-arrow.slick-disabled{
  background-image: url(https://img.dinos.co.jp/images/v1/goods/btn_arrow_slider_disabled.png);
  cursor: default;
  opacity: 0;
 }
 .ranking-category-slider .slider-arrow .btn-arrow:not(.slick-disabled):hover { opacity: 0.7; }
 .ranking-category-slider .slider-arrow.prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
 }
 .ranking-category-slider .slider-arrow.next { right: 0; }
 
 .ranking-category-slider .link-btn-base a {
  width: 223px;
  height: 35px;
  border-radius: 17.5px;
  font-size: 14px;
  margin: 0 auto 30px;
 }
 .rankingSection .link-btn-base a:hover {
  opacity: .8;
 }
}