@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:500,600");
@import url("https://fonts.googleapis.com/css?family=Crimson+Text");
/* ゴールド */
/* チューリップレッド */
/*　ベージュ */
/*　ライトグレー1 */
/* ライトグレー2 */
/*　グレー1 */
/* グレー2 */
/*--------------------------------------------------------------------------
ranking
---------------------------------------------------------------------------*/
/* line 10, scss/ranking.scss */
#main {
  /* #ranking */
}
/* line 12, scss/ranking.scss */
#main .pan {
  text-align: left;
  font-size: 1.3rem;
  margin-top: 24px;
}
/* line 16, scss/ranking.scss */
#main .pan a {
  position: relative;
  margin-right: 10px;
}
/* line 19, scss/ranking.scss */
#main .pan a::after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 1px;
  background: #333333;
  transform: rotate(120deg);
  top: 8px;
  right: -10px;
}
/* line 34, scss/ranking.scss */
#main #ranking .wrap {
  /*/.cat__ranking__tab*/
  /*.cat__ranking__tab*/
}
/* line 36, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
/* line 41, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slider-nav-container .slider-nav-upper p, #main #ranking .wrap .cat__ranking__tab .slider-nav-container .slider-nav-lower p {
  width: 192px !important;
  cursor: pointer;
  text-align: center;
}
/* line 45, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slider-nav-container .slider-nav-upper p span, #main #ranking .wrap .cat__ranking__tab .slider-nav-container .slider-nav-lower p span {
  display: inline-block;
  line-height: 46px;
}
/* line 50, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slider-nav-container .slider-nav-upper p.slick-current span, #main #ranking .wrap .cat__ranking__tab .slider-nav-container .slider-nav-lower p.slick-current span {
  border-bottom: 1px solid #ba2f52;
}
/* line 61, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slick-prev,
#main #ranking .wrap .cat__ranking__tab .slick-next {
  z-index: 10;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 32px;
  height: 46px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
/* line 78, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slick-prev {
  left: 0;
}
/* line 80, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slick-prev::before {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  transform: rotate(45deg);
  top: calc(50% - 4px);
  left: 12px;
}
/* line 93, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slick-next {
  right: 0;
}
/* line 95, scss/ranking.scss */
#main #ranking .wrap .cat__ranking__tab .slick-next::before {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  transform: rotate(-45deg);
  top: calc(50% - 4px);
  right: 12px;
}
/* line 111, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container {
  margin-top: 40px;
}
/* line 115, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .upper__col {
  display: table;
}
/* line 117, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .upper__col > .rank {
  display: table-cell;
}
/* line 119, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .upper__col > .rank.rank01 {
  width: 534px;
}
/* line 122, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .upper__col > .rank.rank02-05 {
  width: 490px;
  display: flex;
  flex-wrap: wrap;
}
/* line 126, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .upper__col > .rank.rank02-05 .img__set {
  width: 212px;
  margin-left: 32px;
}
/* line 133, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .lower__col {
  margin-top: 16px;
}
/* line 136, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .lower__col .rank.rank06-10 {
  display: flex;
}
/* line 138, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .lower__col .rank.rank06-10 .img__set {
  width: calc((100% - (28px * 4))/5);
}
/* line 140, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .lower__col .rank.rank06-10 .img__set:nth-child(n+2) {
  margin-left: 28px;
}
/* line 149, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .rank .img__set a {
  display: block;
}
/* line 151, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .rank .img__set a img {
  display: block;
}
/* line 154, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .rank .img__set a p.__name {
  margin-top: 16px;
  line-height: 1.5;
  text-align: left;
  height: 110px;
}
/* line 159, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .rank .img__set a p.__name span.__price {
  display: block;
  margin-top: 16px;
  text-align: left;
}
/* line 177, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .rank .img__set {
  position: relative;
}
/* line 179, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .rank .img__set .num {
  z-index: 999;
  position: absolute;
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  font-size: 2.4rem;
  color: white;
  font-family: "Crimson Text", serif;
  line-height: 32px;
  background: #ddc59e;
  border-radius: 50%;
  top: 8px;
  left: 8px;
  text-align: center;
}
/* line 199, scss/ranking.scss */
#main #ranking .wrap .ranking__wrap.slider-container .slider .cat__list .rank.rank01 .img__set .num {
  width: 48px;
  height: 48px;
  line-height: 48px;
  top: 16px;
  left: 16px;
}

/* #main */