@charset "UTF-8";
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.common-main {
  flex: 1;
}

/*=========== ランキング ===========*/
.ranking__list { /*ranking__list*/
  max-width: 1024px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}
.ranking__item { /*ranking__item*/
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 599px) {
  .ranking__item {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 25px;
  }
  .ranking__item:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 600px) {
  .ranking__item {
    width: calc(25% - 12px);
    margin-bottom: 50px;
  }
  .ranking__item:not(:nth-child(4n+2)) {
    margin-right: 16px;
  }
  .ranking__item:nth-child(-n+6) {
    width: calc(33.3333333333% - 12px);
    margin-right: 18px;
  }
  .ranking__item:nth-child(3) {
    margin-right: 0;
  }
  .ranking__item:nth-child(6) {
    margin-right: 0;
  }
}
.ranking__item::before {
  position: absolute;
  left: 0;
  font-weight: bold;
  line-height: 0;
  border: 2px solid #2e2e2e;
  border-radius: 2px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  font-size: 1.2rem;
  top: -10px;
  width: 2em;
  height: 2em;
}
@media (min-width: 600px) {
  .ranking__item::before {
    font-size: 1.8rem;
    top: -1em;
  }
}
.ranking__item:nth-child(1)::before {
  content: "1";
}
.ranking__item:nth-child(2)::before {
  content: "2";
}
.ranking__item:nth-child(3)::before {
  content: "3";
}
.ranking__item:nth-child(4)::before {
  content: "4";
}
.ranking__item:nth-child(5)::before {
  content: "5";
}
.ranking__item:nth-child(6)::before {
  content: "6";
}
.ranking__item:nth-child(7)::before {
  content: "7";
}
.ranking__item:nth-child(8)::before {
  content: "8";
}
.ranking__item:nth-child(9)::before {
  content: "9";
}
.ranking__item:nth-child(10)::before {
  content: "10";
}
.ranking__item:nth-child(11)::before {
  content: "11";
}
.ranking__item:nth-child(12)::before {
  content: "12";
}
.ranking__item:nth-child(13)::before {
  content: "13";
}
.ranking__item:nth-child(14)::before {
  content: "14";
}
.ranking__item:nth-child(15)::before {
  content: "15";
}
.ranking__item:nth-child(16)::before {
  content: "16";
}
.ranking__item:nth-child(17)::before {
  content: "17";
}
.ranking__item:nth-child(18)::before {
  content: "18";
}
.ranking__item:nth-child(19)::before {
  content: "19";
}
.ranking__item:nth-child(20)::before {
  content: "20";
}
.ranking__item:nth-child(21)::before {
  content: "21";
}
.ranking__item:nth-child(22)::before {
  content: "22";
}
.ranking__item:nth-child(23)::before {
  content: "23";
}
.ranking__item:nth-child(24)::before {
  content: "24";
}
.ranking__item:nth-child(25)::before {
  content: "25";
}
.ranking__item:nth-child(26)::before {
  content: "26";
}
.ranking__item:nth-child(27)::before {
  content: "27";
}
.ranking__item:nth-child(28)::before {
  content: "28";
}
.ranking__item:nth-child(29)::before {
  content: "29";
}
.ranking__item:nth-child(30)::before {
  content: "30";
}
.ranking__item:nth-child(31)::before {
  content: "31";
}
.ranking__item:nth-child(32)::before {
  content: "32";
}
.ranking__item:nth-child(33)::before {
  content: "33";
}
.ranking__item:nth-child(34)::before {
  content: "34";
}
.ranking__item:nth-child(35)::before {
  content: "35";
}
.ranking__item:nth-child(36)::before {
  content: "36";
}
.ranking__item:nth-child(37)::before {
  content: "37";
}
.ranking__item:nth-child(38)::before {
  content: "38";
}
.ranking__item:nth-child(39)::before {
  content: "39";
}
.ranking__item:nth-child(40)::before {
  content: "40";
}
.ranking__item:nth-child(41)::before {
  content: "41";
}
.ranking__item:nth-child(42)::before {
  content: "42";
}
.ranking__item:nth-child(43)::before {
  content: "43";
}
.ranking__item:nth-child(44)::before {
  content: "44";
}
.ranking__item:nth-child(45)::before {
  content: "45";
}
.ranking__item:nth-child(46)::before {
  content: "46";
}
.ranking__item:nth-child(47)::before {
  content: "47";
}
.ranking__item:nth-child(48)::before {
  content: "48";
}
.ranking__item:nth-child(49)::before {
  content: "49";
}
.ranking__item:nth-child(50)::before {
  content: "50";
}
.ranking__item:nth-child(51)::before {
  content: "51";
}
.ranking__item:nth-child(52)::before {
  content: "52";
}
.ranking__item:nth-child(53)::before {
  content: "53";
}
.ranking__item:nth-child(54)::before {
  content: "54";
}
.ranking__item:nth-child(55)::before {
  content: "55";
}
.ranking__item:nth-child(56)::before {
  content: "56";
}
.ranking__item:nth-child(57)::before {
  content: "57";
}
.ranking__item:nth-child(58)::before {
  content: "58";
}
.ranking__item:nth-child(59)::before {
  content: "59";
}
.ranking__item:nth-child(60)::before {
  content: "60";
}
.ranking__item:nth-child(61)::before {
  content: "61";
}
.ranking__item:nth-child(62)::before {
  content: "62";
}
.ranking__item:nth-child(63)::before {
  content: "63";
}
.ranking__item:nth-child(64)::before {
  content: "64";
}
.ranking__item:nth-child(65)::before {
  content: "65";
}
.ranking__item:nth-child(66)::before {
  content: "66";
}
.ranking__item:nth-child(67)::before {
  content: "67";
}
.ranking__item:nth-child(68)::before {
  content: "68";
}
.ranking__item:nth-child(69)::before {
  content: "69";
}
.ranking__item:nth-child(70)::before {
  content: "70";
}
.ranking__item:nth-child(71)::before {
  content: "71";
}
.ranking__item:nth-child(72)::before {
  content: "72";
}
.ranking__item:nth-child(73)::before {
  content: "73";
}
.ranking__item:nth-child(74)::before {
  content: "74";
}
.ranking__item:nth-child(75)::before {
  content: "75";
}
.ranking__item:nth-child(76)::before {
  content: "76";
}
.ranking__item:nth-child(77)::before {
  content: "77";
}
.ranking__item:nth-child(78)::before {
  content: "78";
}
.ranking__item:nth-child(79)::before {
  content: "79";
}
.ranking__item:nth-child(80)::before {
  content: "80";
}
.ranking__item:nth-child(81)::before {
  content: "81";
}
.ranking__item:nth-child(82)::before {
  content: "82";
}
.ranking__item:nth-child(83)::before {
  content: "83";
}
.ranking__item:nth-child(84)::before {
  content: "84";
}
.ranking__item:nth-child(85)::before {
  content: "85";
}
.ranking__item:nth-child(86)::before {
  content: "86";
}
.ranking__item:nth-child(87)::before {
  content: "87";
}
.ranking__item:nth-child(88)::before {
  content: "88";
}
.ranking__item:nth-child(89)::before {
  content: "89";
}
.ranking__item:nth-child(90)::before {
  content: "90";
}
.ranking__item:nth-child(91)::before {
  content: "91";
}
.ranking__item:nth-child(92)::before {
  content: "92";
}
.ranking__item:nth-child(93)::before {
  content: "93";
}
.ranking__item:nth-child(94)::before {
  content: "94";
}
.ranking__item:nth-child(95)::before {
  content: "95";
}
.ranking__item:nth-child(96)::before {
  content: "96";
}
.ranking__item:nth-child(97)::before {
  content: "97";
}
.ranking__item:nth-child(98)::before {
  content: "98";
}
.ranking__item:nth-child(99)::before {
  content: "99";
}
.ranking__item:nth-child(100)::before {
  content: "100";
}
.ranking__item:nth-child(1)::before {
  color: #fff;
  background: #c0a878;
  border: 2px solid #c0a878;
}
.ranking__item:nth-child(2)::before {
  color: #fff;
  background: #bebebe;
  border: 2px solid #bebebe;
}
.ranking__item:nth-child(3)::before {
  color: #fff;
  background: #a67781;
  border: 2px solid #a67781;
}
@media (max-width: 599px) {
  .ranking__item:nth-child(100)::before {
    width: 2.5em;
  }
}
.ranking__img { /*ranking__img*/
  min-height: 0%; /*IE対策*/
}
@media (min-width: 600px) {
  .ranking__img {
    margin-bottom: 5px;
  }
}
.ranking__name { /*ranking__name*/ }
@media (max-width: 599px) {
  .ranking__name {
    font-size: 1.2rem;
  }
}
.ranking__price { /*ranking__price*/
  margin-top: auto;
  display: none;
}
@media (min-width: 600px) {
  .ranking__price {
    font-size: 1.8rem;
  }
}
.ranking__link__wrap { /*ranking__link__wrap*/
  margin-top: 25px;
}
@media (min-width: 600px) {
  .ranking__link__wrap {
    margin-top: 100px;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    justify-content: center;
    gap: 25px;
  }
}
.ranking__link__wrap p {
  margin-top: 0;
}
@media (max-width: 599px) {
  .ranking__link__wrap p:not(:last-child) {
    margin-bottom: 15px;
  }
}
.ranking__link { /*ranking__link*/
  text-align: center;
  margin: 25px 0 0;
}
@media (min-width: 600px) {
  .ranking__link {
    margin: 100px 0 0;
  }
}
.ranking__link a {
  font-weight: bold;
  text-align: center;
  display: inline-block;
  border: 1px solid #2e2e2e;
  background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u34756398/pc/css/../image/common/ic-arrow.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center right 5px;
  background-size: 12px;
  min-width: 240px;
  margin: 0 auto;
  padding: 10px 25px;
}
@media (min-width: 600px) {
  .ranking__link a {
    font-size: 1.6rem;
    background-position: center right 10px;
    background-size: 15px;
    min-width: 300px;
    padding: 15px 40px;
  }
}

/*メニュー*/
#select-menu-category {
  margin: 0 -10px 30px;
}
@media (min-width: 600px) {
  #select-menu-category {
    max-width: 1024px;
    margin: 0 auto 70px;
  }
}
#select-menu-category .swiper-slide {
  text-align: center;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
}
#select-menu-category .swiper-slide a {
  color: #999;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
}
@media (min-width: 600px) {
  #select-menu-category .swiper-slide a {
    font-size: 1.8rem;
    padding: 10px 0;
  }
}
#select-menu-category .swiper-slide.selected {
  color: #cd4848;
  font-weight: bold;
  border-bottom: 2px solid #cd4848;
}
#select-menu-category .swiper-slide.selected a {
  color: #cd4848;
}

div[class^=swiper-button-] {
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  z-index: 3;
}
@media (min-width: 600px) {
  div[class^=swiper-button-] {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
}
div[class^=swiper-button-].swiper-button-disabled {
  opacity: 0.1;
}

.swiper-button-prev {
  background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u34756398/pc/css/../image/common/ic-arrow-left.png");
  top: 50%;
  left: 0;
}
@media (max-width: 599px) {
  .swiper-button-prev {
    display: none;
  }
}

.swiper-button-next {
  background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u34756398/pc/css/../image/common/ic-arrow-right.png");
  top: 50%;
  right: 0;
}
@media (max-width: 599px) {
  .swiper-button-next {
    display: none;
  }
}

/*------------------------ 遅延読み込みアニメーション ------------------------*/
.animation.lazyload,
.animation.lazyloading {
  opacity: 0;
  visibility: hidden;
}

.animation.lazyloaded {
  opacity: 1;
  visibility: visible;
  transition: 0.8s;
}