@charset "UTF-8";
ul,
ol,
li,
dl,
dt,
dd,
figure,
figcaption,
p,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
  transition: background-color 0.2s linear, color 0.2s linear;
}
a:hover {
  text-decoration: none;
  color: #000;
  transition: background-color 0.2s linear, color 0.2s linear;
}

img {
  width: 100%;
  height: auto;
}

html {
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-overflow-scrolling: auto;
  width: 100%;
  color: #000;
}

.pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }
}

.sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

body.nav-active {
  position: fixed;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

main {
  padding-top: 12.3076923077vw;
}
@media screen and (min-width: 768px) {
  main {
    padding-top: min(60px, 4.8vw);
  }
}

header {
  background-color: #000;
  padding: 0 3.0769230769vw 0 3.0769230769vw;
  height: 12.3076923077vw;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
@media screen and (min-width: 768px) {
  header {
    height: min(60px, 4.8vw);
    padding: 0;
  }
}
header .inner {
  display: grid;
  grid-template-columns: 42.8205128205vw auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  header .inner {
    width: min(1000px, 80vw);
    margin: 0 auto;
    grid-template-columns: min(385px, 30.8vw) auto;
  }
}
header .contact {
  display: none;
}
@media screen and (min-width: 768px) {
  header .contact {
    display: block;
  }
  header .contact a {
    display: block;
    font-size: min(14px, 1.12vw);
    line-height: 2.2857142857;
    color: #fff;
    width: min(279px, 22.32vw);
    text-align: center;
    border-radius: min(8px, 0.64vw);
    border: min(1px, 0.08vw) solid #fff;
    background-color: #000;
    transition: background-color 0.2s linear, color 0.2s linear;
  }
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  header .contact a:hover {
    background-color: #fff;
    color: #000;
  }
}
header .navToggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.1794871795vw;
  height: 7.1794871795vw;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  gap: 1.2820512821vw;
}
@media screen and (min-width: 768px) {
  header .navToggle {
    display: none;
  }
}
header .navToggle span {
  display: block;
  width: 5.3846153846vw;
  height: 0.5128205128vw;
  background-color: #fff;
  transition: all 0.2s ease;
}
header .navToggle span:nth-of-type(1) {
  transform-origin: center;
}
header .navToggle span:nth-of-type(2) {
  transform-origin: center;
}
header .navToggle span:nth-of-type(3) {
  transform-origin: center;
}
header .navToggle.active span:nth-of-type(1) {
  transform: translateY(1.9230769231vw) rotate(45deg);
}
header .navToggle.active span:nth-of-type(2) {
  opacity: 0;
  transform: scaleX(0);
}
header .navToggle.active span:nth-of-type(3) {
  transform: translateY(-1.9230769231vw) rotate(-45deg);
}

#headerNav {
  position: fixed;
  top: 12.3076923077vw;
  left: 0;
  width: 100%;
  height: calc(100svh - 12.3076923077vw);
  background-color: #000;
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
}
@media screen and (min-width: 768px) {
  #headerNav {
    position: absolute;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
    top: min(520px, 41.6vw);
    height: auto;
    background-color: #eee;
    overflow-y: visible;
  }
  #headerNav.fixed {
    position: fixed;
    top: min(60px, 4.8vw);
    width: 100%;
    left: 0;
  }
}
#headerNav nav {
  display: none;
}
@media screen and (min-width: 768px) {
  #headerNav nav {
    display: block;
  }
  #headerNav nav ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.0512820513vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #headerNav nav ul {
    width: min(824px, 65.92vw);
    margin: 0 auto;
    gap: min(8px, 0.64vw);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #headerNav nav ul li {
    padding: min(10px, 0.8vw) 0;
  }
}
@media screen and (min-width: 768px) {
  #headerNav nav ul li a,
  #headerNav nav ul li button {
    display: grid;
    grid-template-rows: 6.1538461538vw 1fr;
    align-items: center;
    justify-content: center;
    font-size: 2.5641025641vw;
    line-height: 1.2;
    font-weight: 700;
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    color: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 1.5384615385vw 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #headerNav nav ul li a,
  #headerNav nav ul li button {
    grid-template-rows: auto;
    grid-template-columns: min(24px, 1.92vw) auto auto;
    font-size: min(14px, 1.12vw);
    line-height: 1.2;
    padding: min(12px, 0.96vw) 0;
    gap: min(8px, 0.64vw);
    width: 100%;
    transition: background-color 0.2s linear;
  }
}
@media screen and (min-width: 768px) {
  #headerNav nav ul li a:before,
  #headerNav nav ul li button:before {
    content: "";
    height: 6.1538461538vw;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #headerNav nav ul li a:before,
  #headerNav nav ul li button:before {
    height: auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #headerNav nav ul li a span,
  #headerNav nav ul li button span {
    display: none;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #headerNav nav ul li a span,
  #headerNav nav ul li button span {
    display: block;
    margin-left: max(-8px, -0.64vw);
  }
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #headerNav nav ul li a:hover,
  #headerNav nav ul li button:hover {
    background-color: #fff;
    border-radius: min(4px, 0.32vw);
  }
}
@media screen and (min-width: 768px) {
  #headerNav nav ul li.current a,
  #headerNav nav ul li.current button {
    border-radius: 1.0256410256vw;
    background: #eee;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #headerNav nav ul li.current a,
  #headerNav nav ul li.current button {
    border-radius: min(4px, 0.32vw);
  }
}
@media screen and (min-width: 768px) {
  #headerNav nav ul li:nth-of-type(1) a:before,
  #headerNav nav ul li:nth-of-type(1) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M6 19h3v-6h6v6h3v-9l-6-4.5L6 10zm-2 2V9l8-6 8 6v12h-7v-6h-2v6z'/%3E%3C/g%3E%3C/svg%3E");
  }
  #headerNav nav ul li:nth-of-type(2) a:before,
  #headerNav nav ul li:nth-of-type(2) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M7 21v-2h4v-3.1a5.4 5.4 0 0 1-2.187-1.037A4.5 4.5 0 0 1 7.4 12.95a4.85 4.85 0 0 1-3.137-1.637A4.8 4.8 0 0 1 3 8V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h2V3h10v2h2q.824 0 1.413.588Q21 6.175 21 7v1q0 1.9-1.262 3.313A4.85 4.85 0 0 1 16.6 12.95q-.45 1.15-1.413 1.913A5.4 5.4 0 0 1 13 15.9V19h4v2zm0-10.2V7H5v1q0 .95.55 1.713.55.762 1.45 1.087m5 3.2q1.25 0 2.125-.875A2.9 2.9 0 0 0 15 11V5H9v6q0 1.25.875 2.125A2.9 2.9 0 0 0 12 14m5-3.2q.9-.326 1.45-1.088T19 8V7h-2z'/%3E%3C/g%3E%3C/svg%3E");
  }
  #headerNav nav ul li:nth-of-type(3) a:before,
  #headerNav nav ul li:nth-of-type(3) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12m0 7.35q3.05-2.8 4.525-5.088Q18 11.976 18 10.2q0-2.725-1.738-4.462Q14.526 4 12 4T7.738 5.737Q6 7.476 6 10.2q0 1.775 1.475 4.063Q8.95 16.549 12 19.35M12 22q-4.024-3.425-6.012-6.363Q4 12.7 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 2.5-1.988 5.438T12 22'/%3E%3C/g%3E%3C/svg%3E");
  }
  #headerNav nav ul li:nth-of-type(4) a:before,
  #headerNav nav ul li:nth-of-type(4) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M12 20q1.875 0 3.188-1.312Q16.5 17.375 16.5 15.5t-1.312-3.187T12 11t-3.187 1.313Q7.499 13.625 7.5 15.5q0 1.875 1.313 3.188Q10.125 20 12 20M9.075 9.7a5.2 5.2 0 0 1 1.063-.437q.562-.163 1.137-.213L8.75 4h-2.5zm5.85 0 2.85-5.7H15.25l-2.125 4.25.475.95q.35.1.675.213t.65.287M6.4 18.8a6.7 6.7 0 0 1-.663-1.562A6.3 6.3 0 0 1 5.5 15.5q0-.9.237-1.738.238-.837.663-1.562a3.5 3.5 0 0 0-1.725 1.238Q4 14.325 4 15.5t.675 2.063A3.5 3.5 0 0 0 6.4 18.8m11.2 0a3.5 3.5 0 0 0 1.725-1.238Q20 16.676 20 15.5t-.675-2.062A3.5 3.5 0 0 0 17.6 12.2q.425.724.662 1.563.238.837.238 1.737t-.238 1.738A6.7 6.7 0 0 1 17.6 18.8M12 22a6.3 6.3 0 0 1-1.912-.288 7 7 0 0 1-1.688-.787q-.225.05-.45.063T7.475 21Q5.2 21 3.6 19.4T2 15.525Q2 13.35 3.45 11.8t3.575-1.725L3 2h7l2 4 2-4h7l-4 8.025q2.125.2 3.563 1.75Q22 13.325 22 15.5q0 2.3-1.6 3.9T16.5 21q-.225 0-.462-.012a3 3 0 0 1-.463-.063 7 7 0 0 1-1.675.787Q13 22 12 22m-1.85-3.75.7-2.275L9 14.65h2.275l.725-2.4.725 2.4H15l-1.85 1.325.7 2.275-1.85-1.4z'/%3E%3C/g%3E%3C/svg%3E");
  }
  #headerNav nav ul li:nth-of-type(5) a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12q0 .424.287.713.288.287.713.287m0-4q.424 0 .713-.287A.97.97 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8q0 .424.287.713Q11.576 9 12 9m8 11H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18v-4q.824 0 1.413-.588Q4 12.826 4 12t-.587-1.412A1.93 1.93 0 0 0 2 10V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v4q-.824 0-1.413.588A1.93 1.93 0 0 0 20 12q0 .825.587 1.412Q21.176 14 22 14v4q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20m0-2v-2.55a4.1 4.1 0 0 1-1.462-1.462A3.85 3.85 0 0 1 18 12q0-1.076.538-1.988A4.1 4.1 0 0 1 20 8.55V6H4v2.55a4.1 4.1 0 0 1 1.463 1.462Q6 10.926 6 12q0 1.076-.537 1.988A4.1 4.1 0 0 1 4 15.45V18z'/%3E%3C/g%3E%3C/svg%3E");
  }
  #headerNav nav li:nth-of-type(1) {
    display: none;
  }
}
#headerNav.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}
#headerNav #zenkokuRanking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
  color: #fff;
  margin-top: 6.1538461538vw;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#headerNav #zenkokuRanking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking h2 {
    margin-top: 0;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking {
    width: 100%;
  }
}
#headerNav #zenkokuRanking ul {
  margin: 5.641025641vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul {
    margin-top: min(36px, 2.88vw);
    width: min(1000px, 80vw);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(20px, 1.6vw);
  }
}
#headerNav #zenkokuRanking ul li {
  border-bottom: 0.2564102564vw solid #cccccc;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li {
    border-bottom: none;
  }
}
#headerNav #zenkokuRanking ul li a {
  display: grid;
  grid-template-columns: 32.0512820513vw 1fr;
  gap: 1.0256410256vw 2.0512820513vw;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 3.0769230769vw 1.2820512821vw 3.0769230769vw 0;
  color: #fff;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li a {
    border-radius: min(4px, 0.32vw);
    box-shadow: 0 min(2px, 0.16vw) min(4px, 0.32vw) 0 rgba(0, 0, 0, 0.05);
    grid-template-columns: 1fr;
    gap: min(0px, 0vw);
    padding: 0;
    overflow: hidden;
    color: #000;
    background-color: #fff;
  }
}
#headerNav #zenkokuRanking ul li a:before {
  content: "";
  display: block;
  width: 6.6666666667vw;
  aspect-ratio: 26/30;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  left: 0;
  top: 3.0769230769vw;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li a:before {
    width: min(41px, 3.28vw);
    top: 0;
    left: min(12px, 0.96vw);
  }
}
#headerNav #zenkokuRanking ul li a h3 {
  font-size: 4.6153846154vw;
  line-height: 1.2;
  letter-spacing: 0.4615384615vw;
  font-weight: 700;
  grid-column: 2/3;
  align-self: flex-end;
  margin-left: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li a h3 {
    grid-column: 1/2;
    grid-row: 2/3;
    font-size: min(18px, 1.44vw);
    line-height: 1.2;
    letter-spacing: min(1.8px, 0.144vw);
    margin: min(15px, 1.2vw) 0 0 min(12px, 0.96vw);
  }
}
#headerNav #zenkokuRanking ul li a .pref {
  font-size: 3.5897435897vw;
  line-height: 1.4;
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: flex-start;
  margin-left: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li a .pref {
    grid-column: 1/2;
    grid-row: 3/4;
    font-size: min(14px, 1.12vw);
    line-height: 1.4;
    letter-spacing: min(1.4px, 0.112vw);
    margin: min(4px, 0.32vw) 0 0 min(12px, 0.96vw);
    padding-bottom: min(15px, 1.2vw);
  }
}
#headerNav #zenkokuRanking ul li a span {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 100%;
  aspect-ratio: 125/100;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li a span {
    grid-column: 1/3;
    grid-row: 1/2;
    aspect-ratio: 320/180;
  }
}
#headerNav #zenkokuRanking ul li a span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.2s ease;
}
#headerNav #zenkokuRanking ul li:last-of-type {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li:nth-of-type(1) a {
    border-top: min(6px, 0.48vw) solid #f3b92b;
  }
}
#headerNav #zenkokuRanking ul li:nth-of-type(1) a:before {
  background-image: url(../img/number/mini-01.png);
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li:nth-of-type(2) a {
    border-top: min(6px, 0.48vw) solid #9d9d9d;
  }
}
#headerNav #zenkokuRanking ul li:nth-of-type(2) a:before {
  background-image: url(../img/number/mini-02.png);
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking ul li:nth-of-type(3) a {
    border-top: min(6px, 0.48vw) solid #bd582c;
  }
}
#headerNav #zenkokuRanking ul li:nth-of-type(3) a:before {
  background-image: url(../img/number/mini-03.png);
}
#headerNav #zenkokuRanking .more {
  margin-top: 4.1025641026vw;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking .more {
    margin-top: min(24px, 1.92vw);
  }
}
#headerNav #zenkokuRanking .more a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.358974359vw;
  align-items: center;
  justify-content: center;
  gap: 2.8205128205vw;
  font-size: 3.5897435897vw;
  line-height: 1;
  letter-spacing: 0.358974359vw;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #080504;
  border: 0.2564102564vw solid #9a9a9a;
  border-radius: 2.0512820513vw;
  padding: 2.5641025641vw 5.1282051282vw;
  position: relative;
  margin: 0 auto;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking .more a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    padding: min(14.5px, 1.16vw) min(20px, 1.6vw);
    border-radius: min(8px, 0.64vw);
    border-width: min(1px, 0.08vw);
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    width: max-content;
  }
}
@media (hover: hover) and (pointer: fine) {
  #headerNav #zenkokuRanking .more a:hover {
    background-color: #323232;
  }
}
#headerNav #zenkokuRanking .more a:before {
  content: "";
}
#headerNav #zenkokuRanking .more a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23f1c924' d='M0 0h16v16H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23f1c824' d='m5.35 14.666-1.183-1.183L9.65 8 4.167 2.516 5.35 1.333 12.017 8z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #headerNav #zenkokuRanking {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking {
    max-height: 60vh;
    overflow-y: auto;
  }
}
#headerNav #areaRanking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
  color: #fff;
  margin-top: 10.2564102564vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#headerNav #areaRanking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking h2 {
    margin-top: 0;
    display: none;
  }
}
#headerNav #areaRanking #bigAreaList {
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
  display: flex;
  flex-direction: column;
  gap: 2.0512820513vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #bigAreaList {
    margin: min(48px, 3.84vw) auto 0;
    width: min(720px, 57.6vw);
    gap: min(8px, 0.64vw);
    flex-direction: row;
    justify-content: space-between;
  }
}
#headerNav #areaRanking #bigAreaList li {
  width: 100%;
}
#headerNav #areaRanking #bigAreaList li a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.1025641026vw;
  align-items: center;
  justify-content: space-between;
  border-radius: 2.0512820513vw;
  border: 0.2564102564vw solid #9a9a9a;
  position: relative;
  padding: 3.3333333333vw 5.1282051282vw;
  text-align: center;
  font-weight: 500;
  font-size: 4.1025641026vw;
  line-height: 1.2;
  letter-spacing: 0.4102564103vw;
  color: #fff;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #bigAreaList li a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    padding: min(13px, 1.04vw) min(20px, 1.6vw);
    border-radius: min(8px, 0.64vw);
    border-width: min(1px, 0.08vw);
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    color: #050303;
    background-color: #fff;
  }
}
@media (hover: hover) and (pointer: fine) {
  #headerNav #areaRanking #bigAreaList li a:hover {
    background-color: #F0F0F0;
  }
}
#headerNav #areaRanking #bigAreaList li a:before {
  content: "";
}
#headerNav #areaRanking #bigAreaList li a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23f1c824' d='m6.687 18.333-1.479-1.479L12.062 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
}
#headerNav #areaRanking #smallAreaList {
  position: relative;
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList {
    width: min(600px, 48vw);
    margin: min(36px, 2.88vw) auto 0;
  }
}
#headerNav #areaRanking #smallAreaList .map {
  position: relative;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  width: 81.7948717949vw;
  background-image: url(../img/areaList-map.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  height: 87.1794871795vw;
  padding-top: 2.0512820513vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map {
    width: min(532px, 42.56vw);
    height: min(500px, 40vw);
    padding-top: min(13.4px, 1.072vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dt {
  font-size: 3.5897435897vw;
  line-height: 1;
  font-weight: 400;
  text-align: left;
  margin-top: 2.0512820513vw;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dt {
    font-size: min(16px, 1.28vw);
    line-height: 1;
    text-align: center;
    margin-top: 0;
    color: #050303;
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li {
  position: absolute;
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li button {
  width: 16.4102564103vw;
  display: block;
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li button {
    width: min(107px, 8.56vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li button:hover {
    opacity: 0.7;
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) {
  top: 21.5384615385vw;
  right: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) {
    top: min(140px, 11.2vw);
    right: min(6.67px, 0.5336vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon01.png);
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) button {
    background-image: url(../img/areaList-icon01_pc.png);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) {
  top: 47.6923076923vw;
  right: 10vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) {
    top: min(310px, 24.8vw);
    right: min(65px, 5.2vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) button {
  aspect-ratio: 64/54;
  background-image: url(../img/areaList-icon02.png);
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) button {
    background-image: url(../img/areaList-icon02_pc.png);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) {
  top: 60vw;
  right: 27.4358974359vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) {
    top: min(390px, 31.2vw);
    right: min(178.33px, 14.2664vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) button {
  aspect-ratio: 64/54;
  background-image: url(../img/areaList-icon03.png);
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) button {
    background-image: url(../img/areaList-icon03_pc.png);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) {
  top: 16.4102564103vw;
  left: 35.8974358974vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) {
    top: min(106.67px, 8.5336vw);
    left: min(233.33px, 18.6664vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon04.png);
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) button {
    background-image: url(../img/areaList-icon04_pc.png);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) {
  top: 25.1282051282vw;
  left: 18.4615384615vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) {
    top: min(163.33px, 13.0664vw);
    left: min(120px, 9.6vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) button {
  aspect-ratio: 64/60;
  background-image: url(../img/areaList-icon05.png);
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) button {
    background-image: url(../img/areaList-icon05_pc.png);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) {
  top: 60vw;
  left: 18.5897435897vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) {
    top: min(390px, 31.2vw);
    left: min(120.83px, 9.6664vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon06.png);
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) button {
    background-image: url(../img/areaList-icon06_pc.png);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) {
  top: 35.8974358974vw;
  left: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) {
    top: min(233.33px, 18.6664vw);
    left: min(6.67px, 0.5336vw);
  }
}
#headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon07.png);
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) button {
    background-image: url(../img/areaList-icon07_pc.png);
  }
}
#headerNav #areaRanking #smallAreaList .map.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#headerNav #areaRanking #smallAreaList .list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 1;
  height: 87.1794871795vw;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .list {
    height: min(500px, 40vw);
    background-color: #F0F0F0;
  }
}
#headerNav #areaRanking #smallAreaList .list.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#headerNav #areaRanking #smallAreaList .list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0512820513vw 2.5641025641vw;
  margin: 5.1282051282vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .list ul {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: min(8px, 0.64vw) min(6px, 0.48vw);
    margin: min(20px, 1.6vw) auto 0;
    width: 100%;
  }
}
#headerNav #areaRanking #smallAreaList .list ul li a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.1025641026vw;
  align-items: center;
  justify-content: space-between;
  border-radius: 2.0512820513vw;
  border: 0.2564102564vw solid #9a9a9a;
  position: relative;
  padding: 2.5641025641vw 5.1282051282vw;
  text-align: center;
  font-weight: 500;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  letter-spacing: 0.358974359vw;
  color: #fff;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .list ul li a {
    color: #050303;
    background-color: #fff;
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    padding: min(10px, 0.8vw) min(20px, 1.6vw);
    border-width: min(1px, 0.08vw);
    border-radius: min(8px, 0.64vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.2;
    letter-spacing: min(1.4px, 0.112vw);
  }
}
#headerNav #areaRanking #smallAreaList .list ul li a:before {
  content: "";
}
#headerNav #areaRanking #smallAreaList .list ul li a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23f1c824' d='m6.687 18.333-1.479-1.479L12.062 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
}
#headerNav #areaRanking #smallAreaList .list ul li:first-of-type {
  grid-column: 1/3;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .list ul li:first-of-type {
    grid-column: 1/4;
  }
}
#headerNav #areaRanking #smallAreaList .list ul li:first-of-type a {
  font-size: 4.1025641026vw;
  line-height: 1.2;
  letter-spacing: 0.4102564103vw;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .list ul li:first-of-type a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
  }
}
#headerNav #areaRanking #smallAreaList .list .back {
  margin-top: 2.0512820513vw;
  display: grid;
  grid-template-columns: 4.1025641026vw auto;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
  font-weight: 700;
  padding: 2.0512820513vw 0;
  width: 100%;
  gap: 2.0512820513vw;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .list .back {
    margin-top: min(8px, 0.64vw);
    grid-template-columns: min(26px, 2.08vw) auto min(26px, 2.08vw);
    gap: 0;
    padding: min(8px, 0.64vw) 0;
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    color: #050303;
  }
}
#headerNav #areaRanking #smallAreaList .list .back:before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='24' fill='none' viewBox='0 0 27 24'%3E%3Cpath fill='%23fff' d='M16.908 7.41 11.883 12l5.025 4.59L15.361 18l-6.583-6 6.583-6z'/%3E%3C/svg%3E");
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking #smallAreaList .list .back:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='24' fill='none' viewBox='0 0 27 24'%3E%3Cpath fill='%231c1b1f' d='M16.908 7.41 11.883 12l5.025 4.59L15.36 18l-6.583-6 6.583-6z'/%3E%3C/svg%3E");
  }
}
@media screen and (min-width: 768px) {
  #headerNav #areaRanking {
    display: none;
    background-color: #eee;
    padding-bottom: min(40px, 3.2vw);
  }
  #headerNav #areaRanking.active {
    display: block;
  }
  #headerNav #areaRanking #bigAreaList {
    margin-top: min(20px, 1.6vw);
  }
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking {
    max-height: 60vh;
    overflow-y: auto;
  }
}
#headerNav #departmentRanking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
  color: #fff;
  margin-top: 10.2564102564vw;
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#headerNav #departmentRanking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking h2 {
    margin-top: 0;
    display: none;
  }
}
#headerNav #departmentRanking ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.1794871795vw 5.1282051282vw;
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking ul {
    display: flex;
    flex-wrap: wrap;
    gap: min(28px, 2.24vw) min(20px, 1.6vw);
    width: min(705px, 56.4vw);
    justify-content: center;
    align-items: center;
    margin-top: min(48px, 3.84vw);
  }
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking ul li {
    width: calc((100% - min(20px, 1.6vw) * 4) / 5);
  }
}
#headerNav #departmentRanking ul li a {
  transition: opacity 0.2s ease;
}
#headerNav #departmentRanking ul li a figure {
  color: #fff;
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking ul li a figure {
    color: #000;
  }
}
#headerNav #departmentRanking ul li a figure img {
  border-radius: 50%;
}
#headerNav #departmentRanking ul li a figure figcaption {
  margin-top: 2.0512820513vw;
  font-size: 3.3333333333vw;
  line-height: 1.2;
  letter-spacing: 0.3333333333vw;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking ul li a figure figcaption {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    margin-top: min(10px, 0.8vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #headerNav #departmentRanking ul li a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  #headerNav #departmentRanking {
    display: none;
    background-color: #eee;
    padding-bottom: min(40px, 3.2vw);
  }
  #headerNav #departmentRanking.active {
    display: block;
  }
  #headerNav #departmentRanking ul {
    margin-top: min(20px, 1.6vw);
  }
}
#headerNav .topLink {
  margin-top: 4.1025641026vw;
  padding-bottom: 18.4615384615vw;
  margin-top: 10.2564102564vw;
}
@media screen and (min-width: 768px) {
  #headerNav .topLink {
    margin-top: min(24px, 1.92vw);
  }
}
#headerNav .topLink a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.358974359vw;
  align-items: center;
  justify-content: center;
  gap: 2.8205128205vw;
  font-size: 3.5897435897vw;
  line-height: 1;
  letter-spacing: 0.358974359vw;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #080504;
  border: 0.2564102564vw solid #9a9a9a;
  border-radius: 2.0512820513vw;
  padding: 2.5641025641vw 5.1282051282vw;
  position: relative;
  margin: 0 auto;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #headerNav .topLink a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    padding: min(14.5px, 1.16vw) min(20px, 1.6vw);
    border-radius: min(8px, 0.64vw);
    border-width: min(1px, 0.08vw);
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    width: max-content;
  }
}
@media (hover: hover) and (pointer: fine) {
  #headerNav .topLink a:hover {
    background-color: #323232;
  }
}
#headerNav .topLink a:before {
  content: "";
}
#headerNav .topLink a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23f1c924' d='M0 0h16v16H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23f1c824' d='m5.35 14.666-1.183-1.183L9.65 8 4.167 2.516 5.35 1.333 12.017 8z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #headerNav .topLink {
    display: none;
    padding-bottom: 0;
  }
}

#footerNav {
  padding: 2.5641025641vw 4.1025641026vw;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(38.4615384615vw);
  transition: transform 0.2s ease-out;
  z-index: 999;
  background: #fff;
  box-shadow: 0 -0.2564102564vw 1.0256410256vw 0 rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  #footerNav {
    display: none;
  }
}
#footerNav.ios-chrome {
  padding-bottom: 7.6923076923vw;
  transform: translateY(46.1538461538vw);
}
#footerNav.ios-chrome li:nth-of-type(5) {
  bottom: 27.1794871795vw;
}
#footerNav.visible {
  transform: translateY(0) !important;
}
#footerNav nav ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.0512820513vw;
}
@media screen and (min-width: 768px) {
  #footerNav nav ul {
    width: min(824px, 65.92vw);
    margin: 0 auto;
    gap: min(8px, 0.64vw);
  }
}
@media screen and (min-width: 768px) {
  #footerNav nav ul li {
    padding: min(10px, 0.8vw) 0;
  }
}
#footerNav nav ul li a,
#footerNav nav ul li button {
  display: grid;
  grid-template-rows: 6.1538461538vw 1fr;
  align-items: center;
  justify-content: center;
  font-size: 2.5641025641vw;
  line-height: 1.2;
  font-weight: 700;
  position: relative;
  background: transparent;
  border: none;
  cursor: pointer;
  color: inherit;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  padding: 1.5384615385vw 0;
}
@media screen and (min-width: 768px) {
  #footerNav nav ul li a,
  #footerNav nav ul li button {
    grid-template-rows: auto;
    grid-template-columns: min(24px, 1.92vw) auto auto;
    font-size: min(14px, 1.12vw);
    line-height: 1.2;
    padding: min(12px, 0.96vw) 0;
    gap: min(8px, 0.64vw);
    width: 100%;
    transition: background-color 0.2s linear;
  }
}
#footerNav nav ul li a:before,
#footerNav nav ul li button:before {
  content: "";
  height: 6.1538461538vw;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #footerNav nav ul li a:before,
  #footerNav nav ul li button:before {
    height: auto;
    width: 100%;
  }
}
#footerNav nav ul li a span,
#footerNav nav ul li button span {
  display: none;
}
@media screen and (min-width: 768px) {
  #footerNav nav ul li a span,
  #footerNav nav ul li button span {
    display: block;
    margin-left: max(-8px, -0.64vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #footerNav nav ul li a:hover,
  #footerNav nav ul li button:hover {
    background-color: #fff;
    border-radius: min(4px, 0.32vw);
  }
}
#footerNav nav ul li.current a,
#footerNav nav ul li.current button {
  border-radius: 1.0256410256vw;
  background: #eee;
}
@media screen and (min-width: 768px) {
  #footerNav nav ul li.current a,
  #footerNav nav ul li.current button {
    border-radius: min(4px, 0.32vw);
  }
}
#footerNav nav ul li:nth-of-type(1) a:before,
#footerNav nav ul li:nth-of-type(1) button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M6 19h3v-6h6v6h3v-9l-6-4.5L6 10zm-2 2V9l8-6 8 6v12h-7v-6h-2v6z'/%3E%3C/g%3E%3C/svg%3E");
}
#footerNav nav ul li:nth-of-type(2) a:before,
#footerNav nav ul li:nth-of-type(2) button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M7 21v-2h4v-3.1a5.4 5.4 0 0 1-2.187-1.037A4.5 4.5 0 0 1 7.4 12.95a4.85 4.85 0 0 1-3.137-1.637A4.8 4.8 0 0 1 3 8V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h2V3h10v2h2q.824 0 1.413.588Q21 6.175 21 7v1q0 1.9-1.262 3.313A4.85 4.85 0 0 1 16.6 12.95q-.45 1.15-1.413 1.913A5.4 5.4 0 0 1 13 15.9V19h4v2zm0-10.2V7H5v1q0 .95.55 1.713.55.762 1.45 1.087m5 3.2q1.25 0 2.125-.875A2.9 2.9 0 0 0 15 11V5H9v6q0 1.25.875 2.125A2.9 2.9 0 0 0 12 14m5-3.2q.9-.326 1.45-1.088T19 8V7h-2z'/%3E%3C/g%3E%3C/svg%3E");
}
#footerNav nav ul li:nth-of-type(3) a:before,
#footerNav nav ul li:nth-of-type(3) button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12m0 7.35q3.05-2.8 4.525-5.088Q18 11.976 18 10.2q0-2.725-1.738-4.462Q14.526 4 12 4T7.738 5.737Q6 7.476 6 10.2q0 1.775 1.475 4.063Q8.95 16.549 12 19.35M12 22q-4.024-3.425-6.012-6.363Q4 12.7 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 2.5-1.988 5.438T12 22'/%3E%3C/g%3E%3C/svg%3E");
}
#footerNav nav ul li:nth-of-type(4) a:before,
#footerNav nav ul li:nth-of-type(4) button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M12 20q1.875 0 3.188-1.312Q16.5 17.375 16.5 15.5t-1.312-3.187T12 11t-3.187 1.313Q7.499 13.625 7.5 15.5q0 1.875 1.313 3.188Q10.125 20 12 20M9.075 9.7a5.2 5.2 0 0 1 1.063-.437q.562-.163 1.137-.213L8.75 4h-2.5zm5.85 0 2.85-5.7H15.25l-2.125 4.25.475.95q.35.1.675.213t.65.287M6.4 18.8a6.7 6.7 0 0 1-.663-1.562A6.3 6.3 0 0 1 5.5 15.5q0-.9.237-1.738.238-.837.663-1.562a3.5 3.5 0 0 0-1.725 1.238Q4 14.325 4 15.5t.675 2.063A3.5 3.5 0 0 0 6.4 18.8m11.2 0a3.5 3.5 0 0 0 1.725-1.238Q20 16.676 20 15.5t-.675-2.062A3.5 3.5 0 0 0 17.6 12.2q.425.724.662 1.563.238.837.238 1.737t-.238 1.738A6.7 6.7 0 0 1 17.6 18.8M12 22a6.3 6.3 0 0 1-1.912-.288 7 7 0 0 1-1.688-.787q-.225.05-.45.063T7.475 21Q5.2 21 3.6 19.4T2 15.525Q2 13.35 3.45 11.8t3.575-1.725L3 2h7l2 4 2-4h7l-4 8.025q2.125.2 3.563 1.75Q22 13.325 22 15.5q0 2.3-1.6 3.9T16.5 21q-.225 0-.462-.012a3 3 0 0 1-.463-.063 7 7 0 0 1-1.675.787Q13 22 12 22m-1.85-3.75.7-2.275L9 14.65h2.275l.725-2.4.725 2.4H15l-1.85 1.325.7 2.275-1.85-1.4z'/%3E%3C/g%3E%3C/svg%3E");
}
#footerNav nav ul li:nth-of-type(5) a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12q0 .424.287.713.288.287.713.287m0-4q.424 0 .713-.287A.97.97 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8q0 .424.287.713Q11.576 9 12 9m8 11H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18v-4q.824 0 1.413-.588Q4 12.826 4 12t-.587-1.412A1.93 1.93 0 0 0 2 10V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v4q-.824 0-1.413.588A1.93 1.93 0 0 0 20 12q0 .825.587 1.412Q21.176 14 22 14v4q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20m0-2v-2.55a4.1 4.1 0 0 1-1.462-1.462A3.85 3.85 0 0 1 18 12q0-1.076.538-1.988A4.1 4.1 0 0 1 20 8.55V6H4v2.55a4.1 4.1 0 0 1 1.463 1.462Q6 10.926 6 12q0 1.076-.537 1.988A4.1 4.1 0 0 1 4 15.45V18z'/%3E%3C/g%3E%3C/svg%3E");
}
#footerNav nav li:nth-of-type(5) {
  position: fixed;
  bottom: 19.4871794872vw;
  right: 3.0769230769vw;
}
#footerNav nav li:nth-of-type(5) a {
  border-radius: 23.0769230769vw;
  background: #eca723;
  filter: drop-shadow(0 0.5128205128vw 1.0256410256vw rgba(0, 0, 0, 0.25));
  width: 17.9487179487vw;
  aspect-ratio: 1/1;
  color: #eca723;
  font-size: 0;
}
#footerNav nav li:nth-of-type(5) a:before {
  display: none;
}
#footerNav nav li:nth-of-type(5) a:after {
  content: "";
  width: 15.3846153846vw;
  height: 13.3333333333vw;
  aspect-ratio: 1/1;
  background-image: url(../img/coupon_banner.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 1.4358974359vw;
  left: 1.2820512821vw;
  z-index: 10;
}
#footerNav nav li:nth-of-type(5).current {
  display: none;
}
#footerNav #areaRanking,
#footerNav #departmentRanking {
  background-color: #eee;
  transform: translateX(-100%);
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
#footerNav #areaRanking.active,
#footerNav #departmentRanking.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  bottom: 15.8974358974vw;
  left: 0;
  width: 100%;
  position: fixed;
  height: auto;
  overflow: visible;
  padding: 5.1282051282vw 0;
}
#footerNav #areaRanking h3,
#footerNav #departmentRanking h3 {
  font-size: 4.6153846154vw;
  line-height: 1.2;
  letter-spacing: 0.4615384615vw;
  text-align: center;
  font-weight: 600;
  font-family: "Zen Old Mincho", serif;
}
#footerNav #areaRanking #bigAreaList {
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
  display: flex;
  flex-direction: column;
  gap: 2.0512820513vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #bigAreaList {
    margin: min(48px, 3.84vw) auto 0;
    width: min(720px, 57.6vw);
    gap: min(8px, 0.64vw);
    flex-direction: row;
    justify-content: space-between;
  }
}
#footerNav #areaRanking #bigAreaList li {
  width: 100%;
}
#footerNav #areaRanking #bigAreaList li a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.1025641026vw;
  align-items: center;
  justify-content: space-between;
  border-radius: 2.0512820513vw;
  border: 0.2564102564vw solid #9a9a9a;
  position: relative;
  padding: 3.3333333333vw 5.1282051282vw;
  text-align: center;
  font-weight: 500;
  font-size: 4.1025641026vw;
  line-height: 1.2;
  letter-spacing: 0.4102564103vw;
  color: #050303;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #bigAreaList li a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    padding: min(13px, 1.04vw) min(20px, 1.6vw);
    border-radius: min(8px, 0.64vw);
    border-width: min(1px, 0.08vw);
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    color: #050303;
    background-color: #fff;
  }
}
@media (hover: hover) and (pointer: fine) {
  #footerNav #areaRanking #bigAreaList li a:hover {
    background-color: #F0F0F0;
  }
}
#footerNav #areaRanking #bigAreaList li a:before {
  content: "";
}
#footerNav #areaRanking #bigAreaList li a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%234c4d4e' d='m6.687 18.333-1.479-1.479L12.062 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
}
#footerNav #areaRanking #smallAreaList {
  position: relative;
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList {
    width: min(600px, 48vw);
    margin: min(36px, 2.88vw) auto 0;
  }
}
#footerNav #areaRanking #smallAreaList .map {
  position: relative;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  width: 81.7948717949vw;
  background-image: url(../img/areaList-map.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  height: 87.1794871795vw;
  padding-top: 2.0512820513vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map {
    width: min(532px, 42.56vw);
    height: min(500px, 40vw);
    padding-top: min(13.4px, 1.072vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dt {
  font-size: 3.5897435897vw;
  line-height: 1;
  font-weight: 400;
  text-align: left;
  margin-top: 2.0512820513vw;
  color: #050303;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dt {
    font-size: min(16px, 1.28vw);
    line-height: 1;
    text-align: center;
    margin-top: 0;
    color: #050303;
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li {
  position: absolute;
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li button {
  width: 16.4102564103vw;
  display: block;
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li button {
    width: min(107px, 8.56vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li button:hover {
    opacity: 0.7;
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) {
  top: 21.5384615385vw;
  right: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) {
    top: min(140px, 11.2vw);
    right: min(6.67px, 0.5336vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon01.png);
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) button {
    background-image: url(../img/areaList-icon01_pc.png);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) {
  top: 47.6923076923vw;
  right: 10vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) {
    top: min(310px, 24.8vw);
    right: min(65px, 5.2vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) button {
  aspect-ratio: 64/54;
  background-image: url(../img/areaList-icon02.png);
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) button {
    background-image: url(../img/areaList-icon02_pc.png);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) {
  top: 60vw;
  right: 27.4358974359vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) {
    top: min(390px, 31.2vw);
    right: min(178.33px, 14.2664vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) button {
  aspect-ratio: 64/54;
  background-image: url(../img/areaList-icon03.png);
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) button {
    background-image: url(../img/areaList-icon03_pc.png);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) {
  top: 16.4102564103vw;
  left: 35.8974358974vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) {
    top: min(106.67px, 8.5336vw);
    left: min(233.33px, 18.6664vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon04.png);
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) button {
    background-image: url(../img/areaList-icon04_pc.png);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) {
  top: 25.1282051282vw;
  left: 18.4615384615vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) {
    top: min(163.33px, 13.0664vw);
    left: min(120px, 9.6vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) button {
  aspect-ratio: 64/60;
  background-image: url(../img/areaList-icon05.png);
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) button {
    background-image: url(../img/areaList-icon05_pc.png);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) {
  top: 60vw;
  left: 18.5897435897vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) {
    top: min(390px, 31.2vw);
    left: min(120.83px, 9.6664vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon06.png);
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) button {
    background-image: url(../img/areaList-icon06_pc.png);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) {
  top: 35.8974358974vw;
  left: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) {
    top: min(233.33px, 18.6664vw);
    left: min(6.67px, 0.5336vw);
  }
}
#footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon07.png);
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) button {
    background-image: url(../img/areaList-icon07_pc.png);
  }
}
#footerNav #areaRanking #smallAreaList .map.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#footerNav #areaRanking #smallAreaList .list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 1;
  height: 87.1794871795vw;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .list {
    height: min(500px, 40vw);
    background-color: #fff;
  }
}
#footerNav #areaRanking #smallAreaList .list.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#footerNav #areaRanking #smallAreaList .list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0512820513vw 2.5641025641vw;
  margin: 5.1282051282vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .list ul {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: min(8px, 0.64vw) min(6px, 0.48vw);
    margin: min(20px, 1.6vw) auto 0;
    width: 100%;
  }
}
#footerNav #areaRanking #smallAreaList .list ul li a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.1025641026vw;
  align-items: center;
  justify-content: space-between;
  border-radius: 2.0512820513vw;
  border: 0.2564102564vw solid #9a9a9a;
  position: relative;
  padding: 2.5641025641vw 5.1282051282vw;
  text-align: center;
  font-weight: 500;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  letter-spacing: 0.358974359vw;
  color: #050303;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .list ul li a {
    color: #050303;
    background-color: #fff;
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    padding: min(10px, 0.8vw) min(20px, 1.6vw);
    border-width: min(1px, 0.08vw);
    border-radius: min(8px, 0.64vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.2;
    letter-spacing: min(1.4px, 0.112vw);
  }
}
#footerNav #areaRanking #smallAreaList .list ul li a:before {
  content: "";
}
#footerNav #areaRanking #smallAreaList .list ul li a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%234c4d4e' d='m6.687 18.333-1.479-1.479L12.062 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
}
#footerNav #areaRanking #smallAreaList .list ul li:first-of-type {
  grid-column: 1/3;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .list ul li:first-of-type {
    grid-column: 1/4;
  }
}
#footerNav #areaRanking #smallAreaList .list ul li:first-of-type a {
  font-size: 4.1025641026vw;
  line-height: 1.2;
  letter-spacing: 0.4102564103vw;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .list ul li:first-of-type a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
  }
}
#footerNav #areaRanking #smallAreaList .list .back {
  margin-top: 2.0512820513vw;
  display: grid;
  grid-template-columns: 4.1025641026vw auto;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
  font-weight: 700;
  padding: 2.0512820513vw 0;
  width: 100%;
  gap: 2.0512820513vw;
  color: #050303;
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking #smallAreaList .list .back {
    margin-top: min(8px, 0.64vw);
    grid-template-columns: min(26px, 2.08vw) auto min(26px, 2.08vw);
    gap: 0;
    padding: min(8px, 0.64vw) 0;
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    color: #050303;
  }
}
#footerNav #areaRanking #smallAreaList .list .back:before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='24' fill='none' viewBox='0 0 27 24'%3E%3Cpath fill='%231c1b1f' d='M16.908 7.41 11.883 12l5.025 4.59L15.36 18l-6.583-6 6.583-6z'/%3E%3C/svg%3E");
}
@media screen and (min-width: 768px) {
  #footerNav #areaRanking.active {
    display: none;
  }
}
#footerNav #areaRanking #smallAreaList .list {
  background-color: #eee;
}
#footerNav #departmentRanking ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.1794871795vw 5.1282051282vw;
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #footerNav #departmentRanking ul {
    display: flex;
    flex-wrap: wrap;
    gap: min(28px, 2.24vw) min(20px, 1.6vw);
    width: min(705px, 56.4vw);
    justify-content: center;
    align-items: center;
    margin-top: min(48px, 3.84vw);
  }
}
@media screen and (min-width: 768px) {
  #footerNav #departmentRanking ul li {
    width: calc((100% - min(20px, 1.6vw) * 4) / 5);
  }
}
#footerNav #departmentRanking ul li a {
  transition: opacity 0.2s ease;
}
#footerNav #departmentRanking ul li a figure {
  color: #000;
}
@media screen and (min-width: 768px) {
  #footerNav #departmentRanking ul li a figure {
    color: #000;
  }
}
#footerNav #departmentRanking ul li a figure img {
  border-radius: 50%;
}
#footerNav #departmentRanking ul li a figure figcaption {
  margin-top: 2.0512820513vw;
  font-size: 3.3333333333vw;
  line-height: 1.2;
  letter-spacing: 0.3333333333vw;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #footerNav #departmentRanking ul li a figure figcaption {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    margin-top: min(10px, 0.8vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #footerNav #departmentRanking ul li a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  #footerNav #departmentRanking.active {
    display: none;
  }
}

footer {
  padding: 6.1538461538vw 0 25.1282051282vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  footer {
    padding: min(30px, 2.4vw) 0;
    display: flex;
    width: min(960px, 76.8vw);
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
  }
}
footer ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.7025641026vw;
}
@media screen and (min-width: 768px) {
  footer ul {
    gap: min(24px, 1.92vw);
  }
}
footer ul li a {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  footer ul li a {
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
  }
}
footer p {
  margin-top: 5.1282051282vw;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
  footer p {
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    margin-top: 0;
  }
}

#sns {
  background-color: #F0F0F0;
  padding-top: 9.7435897436vw;
}
@media screen and (min-width: 768px) {
  #sns {
    padding-top: min(60px, 4.8vw);
  }
}
#sns h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  #sns h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#sns h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #sns h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#sns dl {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 768px) {
  #sns dl {
    margin-top: min(15px, 1.2vw);
  }
}
#sns dl dt {
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #sns dl dt {
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
  }
}
#sns dl dd ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.0769230769vw;
  width: 58.4615384615vw;
  margin: 3.8461538462vw auto 0;
}
@media screen and (min-width: 768px) {
  #sns dl dd ul {
    margin-top: min(17px, 1.36vw);
    width: min(680px, 54.4vw);
    gap: min(8px, 0.64vw);
  }
}
#sns dl dd ul li a {
  display: block;
  background-color: #fff;
  width: 100%;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 768px) {
  #sns dl dd ul li a {
    border-radius: min(8px, 0.64vw);
    border: min(1px, 0.08vw) solid #9a9a9a;
    display: grid;
    align-items: center;
    grid-template-columns: min(46px, 3.68vw) 1fr;
    padding: 0 min(10px, 0.8vw) 0 0;
  }
}
#sns dl dd ul li a span {
  display: none;
}
@media screen and (min-width: 768px) {
  #sns dl dd ul li a span {
    display: block;
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    font-weight: 700;
    text-align: center;
  }
}
@media (hover: hover) and (pointer: fine) {
  #sns dl dd ul li a:hover {
    background-color: #F0F0F0;
  }
}
@media screen and (min-width: 768px) {
  #sns dl dd ul li:nth-of-type(1) span {
    color: #4cc764;
  }
}
@media screen and (min-width: 768px) {
  #sns dl dd ul li:nth-of-type(2) a {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  #sns dl dd ul li:nth-of-type(3) span {
    color: #ee405d;
  }
}
@media screen and (min-width: 768px) {
  #sns dl dd ul li:nth-of-type(4) span {
    color: #1877f2;
  }
}

#oldRanking {
  background-color: #F0F0F0;
  padding: 17.4358974359vw 0 14.358974359vw;
}
@media screen and (min-width: 768px) {
  #oldRanking {
    padding-top: min(60px, 4.8vw);
    padding-bottom: min(60px, 4.8vw);
  }
}
#oldRanking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  #oldRanking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#oldRanking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #oldRanking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#oldRanking ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5.1282051282vw 7.1794871795vw;
  margin: 6.1538461538vw auto 0;
  width: 86.1538461538vw;
}
@media screen and (min-width: 768px) {
  #oldRanking ul {
    width: min(788px, 63.04vw);
    grid-template-columns: repeat(4, 1fr);
    gap: min(36px, 2.88vw);
    margin-top: min(32px, 2.56vw);
  }
}
#oldRanking ul li a {
  display: block;
  text-align: center;
  transition: opacity 0.2s ease;
}
#oldRanking ul li a figure figcaption {
  margin-top: 2.5641025641vw;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #oldRanking ul li a figure figcaption {
    margin-top: min(4px, 0.32vw);
    font-size: min(16px, 1.28vw);
    line-height: 1.25;
  }
}
@media (hover: hover) and (pointer: fine) {
  #oldRanking ul li a:hover {
    opacity: 0.7;
  }
}

#breadCrumb {
  background-color: #F0F0F0;
  border-top: 0.2564102564vw solid #fff;
}
@media screen and (min-width: 768px) {
  #breadCrumb {
    border-top-width: min(1px, 0.08vw);
  }
}
#breadCrumb ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  #breadCrumb ul {
    width: min(1000px, 80vw);
    margin: 0 auto;
  }
}
#breadCrumb ul li {
  position: relative;
  display: flex;
}
#breadCrumb ul li a,
#breadCrumb ul li span {
  display: block;
  padding: 2.0512820513vw 2.5641025641vw;
  font-size: 2.5641025641vw;
  line-height: 1.2;
  letter-spacing: 0.2564102564vw;
}
@media screen and (min-width: 768px) {
  #breadCrumb ul li a,
  #breadCrumb ul li span {
    padding: min(8px, 0.64vw) min(10px, 0.8vw);
    font-size: min(10px, 0.8vw);
    line-height: 1.2;
    letter-spacing: min(1px, 0.08vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #breadCrumb ul li a:hover {
    text-decoration: underline;
  }
}
#breadCrumb ul li:after {
  content: "";
  display: block;
  width: 1.2820512821vw;
  aspect-ratio: 5/29;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='29' fill='none' viewBox='0 0 5 29'%3E%3Cpath stroke='%23fff' d='m.482.14 4 13.65-4 14.35'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  #breadCrumb ul li:after {
    width: min(5px, 0.4vw);
  }
}

#downloadBanner {
  background-color: #4C4D4E;
  padding: 8.2051282051vw 4.2051282051vw 7.1794871795vw;
}
@media screen and (min-width: 768px) {
  #downloadBanner {
    padding: min(60px, 4.8vw) 0 min(56px, 4.48vw);
  }
}
#downloadBanner .button a {
  display: grid;
  grid-template-columns: 5.3846153846vw 1fr 5.3846153846vw;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  color: #2C2B2F;
  padding: 3.5897435897vw 5.3333333333vw;
  border-radius: 1.0256410256vw;
  text-align: center;
  font-weight: 700;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  #downloadBanner .button a {
    width: min(540px, 43.2vw);
    margin: 0 auto;
    font-size: min(18px, 1.44vw);
    line-height: 1.3333333333;
    border-radius: min(4px, 0.32vw);
    grid-template-columns: min(20px, 1.6vw) 1fr min(20px, 1.6vw);
    padding: min(22px, 1.76vw) min(8px, 0.64vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #downloadBanner .button a:hover {
    background-color: #cccccc;
  }
}
@media screen and (min-width: 768px) {
  #downloadBanner .button a br {
    display: none;
  }
}
#downloadBanner .button a:before {
  content: "";
}
#downloadBanner .button a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none' viewBox='0 0 21 20'%3E%3Cmask id='a' width='21' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h20.8v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%232c2b2f' d='m6.955 18.333-1.538-1.48L12.545 10 5.417 3.145l1.538-1.479L15.622 10z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
#downloadBanner p:not(.button) {
  margin-top: 3.5897435897vw;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #downloadBanner p:not(.button) {
    font-size: min(16px, 1.28vw);
    line-height: 1.5;
    margin-top: min(20px, 1.6vw);
    text-align: center;
  }
}

#contact {
  background-color: #000;
  color: #fff;
  padding: 10.2564102564vw 7.1794871795vw 10.7692307692vw;
}
@media screen and (min-width: 768px) {
  #contact {
    padding: min(40px, 3.2vw) 0;
  }
}
#contact h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  #contact h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#contact h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #contact h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#contact .button {
  margin-top: 8.2051282051vw;
}
@media screen and (min-width: 768px) {
  #contact .button {
    margin-top: min(32px, 2.56vw);
  }
}
#contact .button a {
  display: grid;
  grid-template-columns: 9.7435897436vw 1fr 9.7435897436vw;
  align-items: center;
  justify-content: space-between;
  background-color: #323232;
  color: #fff;
  padding: 4.1025641026vw 5.3333333333vw;
  text-align: center;
  font-weight: 600;
  font-size: 4.1025641026vw;
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  #contact .button a {
    grid-template-columns: min(36px, 2.88vw) 1fr min(36px, 2.88vw);
    padding: min(36px, 2.88vw) min(40px, 3.2vw);
    font-size: min(18px, 1.44vw);
    line-height: 1.3333333333;
    width: min(750px, 60vw);
    margin: 0 auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  #contact .button a:hover {
    background-color: #4C4D4E;
  }
}
@media screen and (min-width: 768px) {
  #contact .button a br {
    display: none;
  }
}
#contact .button a:before {
  content: "";
}
#contact .button a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 38/6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='6' fill='none' viewBox='0 0 38 6'%3E%3Cpath fill='%23fff' d='M37.44 2.887 32.44 0v5.773zM0 2.887v.5h32.94v-1H0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
#contact p:not(.button) {
  margin-top: 9.2307692308vw;
  font-size: 3.3333333333vw;
  line-height: 1.8461538462;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #contact p:not(.button) {
    margin-top: min(32px, 2.56vw);
    font-size: min(13px, 1.04vw);
    line-height: 1.5384615385;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  #contact p:not(.button) br {
    display: none;
  }
}

#mainVisual {
  position: relative;
}
#mainVisual dl {
  position: absolute;
  width: max-content;
  bottom: 5.1282051282vw;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 3.0769230769vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #mainVisual dl {
    gap: min(16px, 1.28vw);
    bottom: min(24px, 1.92vw);
  }
}
#mainVisual dl dt {
  font-size: 3.0769230769vw;
  line-height: 1.6666666667;
  font-weight: 700;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  #mainVisual dl dt {
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
  }
}
#mainVisual dl dd ul {
  display: grid;
  width: max-content;
  grid-template-columns: repeat(3, 9.2307692308vw);
  gap: 3.0769230769vw;
}
@media screen and (min-width: 768px) {
  #mainVisual dl dd ul {
    grid-template-columns: repeat(3, min(36px, 2.88vw));
    gap: min(12px, 0.96vw);
  }
}
#mainVisual dl dd ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  transition: opacity 0.2s ease;
  aspect-ratio: 1/1;
}
@media (hover: hover) and (pointer: fine) {
  #mainVisual dl dd ul li a:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 768px) {
  #top #headerNav {
    top: min(620px, 49.6vw);
  }
}
#top #headerNav.fixed {
  top: min(60px, 4.8vw);
}
#top #mainVisual {
  height: 115.3846153846vw;
  padding-top: 15.3846153846vw;
}
@media screen and (min-width: 768px) {
  #top #mainVisual {
    height: min(560px, 44.8vw);
    padding-top: min(55px, 4.4vw);
  }
}
#top #mainVisual h1 {
  margin: 0 auto;
  width: 55.8974358974vw;
}
@media screen and (min-width: 768px) {
  #top #mainVisual h1 {
    width: min(334px, 26.72vw);
  }
}
#top #mainVisual p {
  margin-top: 12.8205128205vw;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #top #mainVisual p {
    margin-top: min(30px, 2.4vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
  }
}
#top #mainVisual p span {
  display: block;
  font-size: 3.0769230769vw;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  #top #mainVisual p span {
    font-size: min(11px, 0.88vw);
    line-height: 1.8181818182;
  }
}
@media screen and (min-width: 768px) {
  #top #mainVisual dl {
    bottom: min(32px, 2.56vw);
  }
}
#top #mainVisual video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
#top main #allRanking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: 6.1538461538vw auto;
  margin-top: 8.2051282051vw;
}
#top main #allRanking h2:before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}
@media screen and (min-width: 768px) {
  #top main #allRanking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: min(32px, 2.56vw) auto;
  }
}
#top main #allRanking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #top main #allRanking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#top main #allRanking h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M8.385 20v-1H11.5v-3.754a4.7 4.7 0 0 1-2.312-1.105 4.45 4.45 0 0 1-1.365-2.152 4.46 4.46 0 0 1-2.705-1.302Q4 9.575 4 8V7q0-.402.299-.701A.96.96 0 0 1 5 6h2.654V4h8.692v2H19q.402 0 .701.299.3.3.299.701v1q0 1.573-1.118 2.688a4.46 4.46 0 0 1-2.705 1.3 4.45 4.45 0 0 1-1.364 2.153 4.7 4.7 0 0 1-2.313 1.105V19h3.116v1zm-.731-9.084V7H5v1q0 1.142.761 1.963a2.98 2.98 0 0 0 1.893.953M12 14.269q1.384 0 2.346-.961t.962-2.347V5H8.692v5.961q0 1.386.962 2.347.96.96 2.346.961m4.346-3.354a2.98 2.98 0 0 0 1.892-.952A2.78 2.78 0 0 0 19 8V7h-2.654z'/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (min-width: 768px) {
  #top main #allRanking h2 {
    margin-top: min(108px, 8.64vw);
  }
}
@media screen and (min-width: 768px) {
  #top main #allRanking {
    width: 100%;
  }
}
#top main #allRanking ul {
  margin: 5.641025641vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul {
    margin-top: min(36px, 2.88vw);
    width: min(1000px, 80vw);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(20px, 1.6vw);
  }
}
#top main #allRanking ul li {
  border-bottom: 0.2564102564vw solid #cccccc;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li {
    border-bottom: none;
  }
}
#top main #allRanking ul li a {
  display: grid;
  grid-template-columns: 32.0512820513vw 1fr;
  gap: 1.0256410256vw 2.0512820513vw;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 3.0769230769vw 1.2820512821vw 3.0769230769vw 0;
  color: #000;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li a {
    border-radius: min(4px, 0.32vw);
    box-shadow: 0 min(2px, 0.16vw) min(4px, 0.32vw) 0 rgba(0, 0, 0, 0.05);
    grid-template-columns: 1fr;
    gap: min(0px, 0vw);
    padding: 0;
    overflow: hidden;
    color: #000;
    background-color: #fff;
  }
}
#top main #allRanking ul li a:before {
  content: "";
  display: block;
  width: 6.6666666667vw;
  aspect-ratio: 26/30;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  left: 0;
  top: 3.0769230769vw;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li a:before {
    width: min(41px, 3.28vw);
    top: 0;
    left: min(12px, 0.96vw);
  }
}
#top main #allRanking ul li a h3 {
  font-size: 4.6153846154vw;
  line-height: 1.2;
  letter-spacing: 0.4615384615vw;
  font-weight: 700;
  grid-column: 2/3;
  align-self: flex-end;
  margin-left: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li a h3 {
    grid-column: 1/2;
    grid-row: 2/3;
    font-size: min(18px, 1.44vw);
    line-height: 1.2;
    letter-spacing: min(1.8px, 0.144vw);
    margin: min(15px, 1.2vw) 0 0 min(12px, 0.96vw);
  }
}
#top main #allRanking ul li a .pref {
  font-size: 3.5897435897vw;
  line-height: 1.4;
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: flex-start;
  margin-left: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li a .pref {
    grid-column: 1/2;
    grid-row: 3/4;
    font-size: min(14px, 1.12vw);
    line-height: 1.4;
    letter-spacing: min(1.4px, 0.112vw);
    margin: min(4px, 0.32vw) 0 0 min(12px, 0.96vw);
    padding-bottom: min(15px, 1.2vw);
  }
}
#top main #allRanking ul li a span {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 100%;
  aspect-ratio: 125/100;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li a span {
    grid-column: 1/3;
    grid-row: 1/2;
    aspect-ratio: 320/180;
  }
}
#top main #allRanking ul li a span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.2s ease;
}
#top main #allRanking ul li:last-of-type {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li:nth-of-type(1) a {
    border-top: min(6px, 0.48vw) solid #f3b92b;
  }
}
#top main #allRanking ul li:nth-of-type(1) a:before {
  background-image: url(../img/number/mini-01.png);
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li:nth-of-type(2) a {
    border-top: min(6px, 0.48vw) solid #9d9d9d;
  }
}
#top main #allRanking ul li:nth-of-type(2) a:before {
  background-image: url(../img/number/mini-02.png);
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul li:nth-of-type(3) a {
    border-top: min(6px, 0.48vw) solid #bd582c;
  }
}
#top main #allRanking ul li:nth-of-type(3) a:before {
  background-image: url(../img/number/mini-03.png);
}
#top main #allRanking .more {
  margin-top: 4.1025641026vw;
}
@media screen and (min-width: 768px) {
  #top main #allRanking .more {
    margin-top: min(24px, 1.92vw);
  }
}
#top main #allRanking .more a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.358974359vw;
  align-items: center;
  justify-content: center;
  gap: 2.8205128205vw;
  font-size: 3.5897435897vw;
  line-height: 1;
  letter-spacing: 0.358974359vw;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #080504;
  border: 0.2564102564vw solid #9a9a9a;
  border-radius: 2.0512820513vw;
  padding: 2.5641025641vw 5.1282051282vw;
  position: relative;
  margin: 0 auto;
  width: max-content;
}
@media screen and (min-width: 768px) {
  #top main #allRanking .more a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    padding: min(14.5px, 1.16vw) min(20px, 1.6vw);
    border-radius: min(8px, 0.64vw);
    border-width: min(1px, 0.08vw);
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    width: max-content;
  }
}
@media (hover: hover) and (pointer: fine) {
  #top main #allRanking .more a:hover {
    background-color: #323232;
  }
}
#top main #allRanking .more a:before {
  content: "";
}
#top main #allRanking .more a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23f1c924' d='M0 0h16v16H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23f1c824' d='m5.35 14.666-1.183-1.183L9.65 8 4.167 2.516 5.35 1.333 12.017 8z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
#top main #allRanking ul {
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 768px) {
  #top main #allRanking ul {
    margin-top: min(42px, 3.36vw);
  }
}
#top main #areaRanking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: 6.1538461538vw auto;
  margin-top: 10.2564102564vw;
}
#top main #areaRanking h2:before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: min(32px, 2.56vw) auto;
  }
}
#top main #areaRanking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#top main #areaRanking h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M12.003 11.73q.668 0 1.14-.475.472-.476.472-1.143 0-.668-.476-1.14a1.57 1.57 0 0 0-1.143-.472q-.667 0-1.14.476a1.56 1.56 0 0 0-.472 1.143q0 .668.476 1.14t1.143.472M12 19.678q2.82-2.454 4.457-4.991 1.64-2.538 1.639-4.39 0-2.745-1.738-4.53Q14.622 3.981 12 3.981T7.64 5.766q-1.737 1.785-1.737 4.53 0 1.852 1.639 4.39Q9.18 17.223 12 19.676m0 1.342q-3.525-3.117-5.31-5.814-1.787-2.697-1.787-4.909 0-3.173 2.067-5.234Q9.036 3 12 3q2.963 0 5.03 2.061 2.066 2.063 2.066 5.235 0 2.211-1.786 4.909-1.785 2.697-5.31 5.814'/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (min-width: 768px) {
  #top main #areaRanking h2 {
    margin-top: min(80px, 6.4vw);
  }
}
#top main #areaRanking #bigAreaList {
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
  display: flex;
  flex-direction: column;
  gap: 2.0512820513vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #bigAreaList {
    margin: min(48px, 3.84vw) auto 0;
    width: min(720px, 57.6vw);
    gap: min(8px, 0.64vw);
    flex-direction: row;
    justify-content: space-between;
  }
}
#top main #areaRanking #bigAreaList li {
  width: 100%;
}
#top main #areaRanking #bigAreaList li a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.1025641026vw;
  align-items: center;
  justify-content: space-between;
  border-radius: 2.0512820513vw;
  border: 0.2564102564vw solid #9a9a9a;
  position: relative;
  padding: 3.3333333333vw 5.1282051282vw;
  text-align: center;
  font-weight: 500;
  font-size: 4.1025641026vw;
  line-height: 1.2;
  letter-spacing: 0.4102564103vw;
  color: #050303;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #bigAreaList li a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    padding: min(13px, 1.04vw) min(20px, 1.6vw);
    border-radius: min(8px, 0.64vw);
    border-width: min(1px, 0.08vw);
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    color: #050303;
    background-color: #fff;
  }
}
@media (hover: hover) and (pointer: fine) {
  #top main #areaRanking #bigAreaList li a:hover {
    background-color: #F0F0F0;
  }
}
#top main #areaRanking #bigAreaList li a:before {
  content: "";
}
#top main #areaRanking #bigAreaList li a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%234c4d4e' d='m6.687 18.333-1.479-1.479L12.062 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
}
#top main #areaRanking #smallAreaList {
  position: relative;
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList {
    width: min(600px, 48vw);
    margin: min(36px, 2.88vw) auto 0;
  }
}
#top main #areaRanking #smallAreaList .map {
  position: relative;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  width: 81.7948717949vw;
  background-image: url(../img/areaList-map.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  height: 87.1794871795vw;
  padding-top: 2.0512820513vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map {
    width: min(532px, 42.56vw);
    height: min(500px, 40vw);
    padding-top: min(13.4px, 1.072vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dt {
  font-size: 3.5897435897vw;
  line-height: 1;
  font-weight: 400;
  text-align: left;
  margin-top: 2.0512820513vw;
  color: #050303;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dt {
    font-size: min(16px, 1.28vw);
    line-height: 1;
    text-align: center;
    margin-top: 0;
    color: #050303;
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li {
  position: absolute;
}
#top main #areaRanking #smallAreaList .map dl dd ul li button {
  width: 16.4102564103vw;
  display: block;
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li button {
    width: min(107px, 8.56vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #top main #areaRanking #smallAreaList .map dl dd ul li button:hover {
    opacity: 0.7;
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) {
  top: 21.5384615385vw;
  right: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) {
    top: min(140px, 11.2vw);
    right: min(6.67px, 0.5336vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon01.png);
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(1) button {
    background-image: url(../img/areaList-icon01_pc.png);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) {
  top: 47.6923076923vw;
  right: 10vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) {
    top: min(310px, 24.8vw);
    right: min(65px, 5.2vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) button {
  aspect-ratio: 64/54;
  background-image: url(../img/areaList-icon02.png);
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(2) button {
    background-image: url(../img/areaList-icon02_pc.png);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) {
  top: 60vw;
  right: 27.4358974359vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) {
    top: min(390px, 31.2vw);
    right: min(178.33px, 14.2664vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) button {
  aspect-ratio: 64/54;
  background-image: url(../img/areaList-icon03.png);
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(3) button {
    background-image: url(../img/areaList-icon03_pc.png);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) {
  top: 16.4102564103vw;
  left: 35.8974358974vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) {
    top: min(106.67px, 8.5336vw);
    left: min(233.33px, 18.6664vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon04.png);
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(4) button {
    background-image: url(../img/areaList-icon04_pc.png);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) {
  top: 25.1282051282vw;
  left: 18.4615384615vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) {
    top: min(163.33px, 13.0664vw);
    left: min(120px, 9.6vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) button {
  aspect-ratio: 64/60;
  background-image: url(../img/areaList-icon05.png);
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(5) button {
    background-image: url(../img/areaList-icon05_pc.png);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) {
  top: 60vw;
  left: 18.5897435897vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) {
    top: min(390px, 31.2vw);
    left: min(120.83px, 9.6664vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon06.png);
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(6) button {
    background-image: url(../img/areaList-icon06_pc.png);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) {
  top: 35.8974358974vw;
  left: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) {
    top: min(233.33px, 18.6664vw);
    left: min(6.67px, 0.5336vw);
  }
}
#top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) button {
  aspect-ratio: 64/64;
  background-image: url(../img/areaList-icon07.png);
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .map dl dd ul li:nth-of-type(7) button {
    background-image: url(../img/areaList-icon07_pc.png);
  }
}
#top main #areaRanking #smallAreaList .map.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#top main #areaRanking #smallAreaList .list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 1;
  height: 87.1794871795vw;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .list {
    height: min(500px, 40vw);
    background-color: #fff;
  }
}
#top main #areaRanking #smallAreaList .list.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#top main #areaRanking #smallAreaList .list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0512820513vw 2.5641025641vw;
  margin: 5.1282051282vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .list ul {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: min(8px, 0.64vw) min(6px, 0.48vw);
    margin: min(20px, 1.6vw) auto 0;
    width: 100%;
  }
}
#top main #areaRanking #smallAreaList .list ul li a {
  display: grid;
  grid-template-columns: 4.1025641026vw 1fr 4.1025641026vw;
  align-items: center;
  justify-content: space-between;
  border-radius: 2.0512820513vw;
  border: 0.2564102564vw solid #9a9a9a;
  position: relative;
  padding: 2.5641025641vw 5.1282051282vw;
  text-align: center;
  font-weight: 500;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  letter-spacing: 0.358974359vw;
  color: #050303;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .list ul li a {
    color: #050303;
    background-color: #fff;
    grid-template-columns: min(16px, 1.28vw) auto min(16px, 1.28vw);
    padding: min(10px, 0.8vw) min(20px, 1.6vw);
    border-width: min(1px, 0.08vw);
    border-radius: min(8px, 0.64vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.2;
    letter-spacing: min(1.4px, 0.112vw);
  }
}
#top main #areaRanking #smallAreaList .list ul li a:before {
  content: "";
}
#top main #areaRanking #smallAreaList .list ul li a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%234c4d4e' d='m6.687 18.333-1.479-1.479L12.062 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
}
#top main #areaRanking #smallAreaList .list ul li:first-of-type {
  grid-column: 1/3;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .list ul li:first-of-type {
    grid-column: 1/4;
  }
}
#top main #areaRanking #smallAreaList .list ul li:first-of-type a {
  font-size: 4.1025641026vw;
  line-height: 1.2;
  letter-spacing: 0.4102564103vw;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .list ul li:first-of-type a {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
  }
}
#top main #areaRanking #smallAreaList .list .back {
  margin-top: 2.0512820513vw;
  display: grid;
  grid-template-columns: 4.1025641026vw auto;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
  font-weight: 700;
  padding: 2.0512820513vw 0;
  width: 100%;
  gap: 2.0512820513vw;
  color: #050303;
}
@media screen and (min-width: 768px) {
  #top main #areaRanking #smallAreaList .list .back {
    margin-top: min(8px, 0.64vw);
    grid-template-columns: min(26px, 2.08vw) auto min(26px, 2.08vw);
    gap: 0;
    padding: min(8px, 0.64vw) 0;
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    color: #050303;
  }
}
#top main #areaRanking #smallAreaList .list .back:before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='24' fill='none' viewBox='0 0 27 24'%3E%3Cpath fill='%231c1b1f' d='M16.908 7.41 11.883 12l5.025 4.59L15.36 18l-6.583-6 6.583-6z'/%3E%3C/svg%3E");
}
#top main #departmentRanking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: 6.1538461538vw auto;
  margin-top: 10.2564102564vw;
}
#top main #departmentRanking h2:before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}
@media screen and (min-width: 768px) {
  #top main #departmentRanking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: min(32px, 2.56vw) auto;
  }
}
#top main #departmentRanking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #top main #departmentRanking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#top main #departmentRanking h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cmask id='a' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h32v32H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M16 26.667q2.5 0 4.25-1.75t1.75-4.25-1.75-4.25-4.25-1.75-4.25 1.75-1.75 4.25 1.75 4.25 4.25 1.75m-3.849-12.221a6.4 6.4 0 0 1 1.366-.673 8.3 8.3 0 0 1 1.49-.373l-3.033-6.015H8.641zm7.698 0 3.543-7.061h-3.366l-2.91 5.769.146.292q.697.133 1.348.373t1.239.627m-10.213 10.8q.023-.223.104-.493a3.4 3.4 0 0 1 .234-.574 7.2 7.2 0 0 1-.888-2.15 7 7 0 0 1-.142-2.378q0-1 .346-1.897.345-.898.961-1.616a2 2 0 0 0-.838.343q-.361.26-.516.622-1.487.36-2.318 1.673-.83 1.311-.507 2.906 0 1.487 1.038 2.526t2.526 1.038m12.728 0a4.44 4.44 0 0 0 3.057-1.42q1.246-1.31 1.246-3.16 0-1.848-1.246-3.16a4.44 4.44 0 0 0-3.057-1.419 4 4 0 0 0-.615.051 7.4 7.4 0 0 1 1.165 2.097q.42 1.154.42 2.432a7.1 7.1 0 0 1-.42 2.432 7.4 7.4 0 0 1-1.165 2.096 4 4 0 0 0 .615.05M16 28a7.3 7.3 0 0 1-2.422-.396 7 7 0 0 1-2.07-1.14 3.5 3.5 0 0 1-.741.16q-.39.043-.8.043-2.47 0-4.218-1.75Q4 23.17 4 20.7q0-2.438 1.703-4.172 1.702-1.733 4.125-1.787.282 0 .539.038.255.039.512.09L6.462 6.051h6.359L16 12.411l3.18-6.36h6.358l-4.359 8.726q.231-.051.475-.077t.5-.026q2.449.062 4.147 1.795 1.7 1.734 1.699 4.198 0 2.502-1.749 4.25-1.748 1.75-4.251 1.75a7 7 0 0 1-.783-.043 3.5 3.5 0 0 1-.732-.16q-.93.718-2.067 1.127A7.1 7.1 0 0 1 16 28m-2.082-4.282.78-2.572-2.083-1.484h2.572L16 16.949l.813 2.713h2.572l-2.082 1.484.779 2.572L16 22.133z'/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (min-width: 768px) {
  #top main #departmentRanking h2 {
    margin-top: min(80px, 6.4vw);
  }
}
#top main #departmentRanking ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.1794871795vw 5.1282051282vw;
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #top main #departmentRanking ul {
    display: flex;
    flex-wrap: wrap;
    gap: min(28px, 2.24vw) min(20px, 1.6vw);
    width: min(705px, 56.4vw);
    justify-content: center;
    align-items: center;
    margin-top: min(48px, 3.84vw);
  }
}
@media screen and (min-width: 768px) {
  #top main #departmentRanking ul li {
    width: calc((100% - min(20px, 1.6vw) * 4) / 5);
  }
}
#top main #departmentRanking ul li a {
  transition: opacity 0.2s ease;
}
#top main #departmentRanking ul li a figure {
  color: #000;
}
@media screen and (min-width: 768px) {
  #top main #departmentRanking ul li a figure {
    color: #000;
  }
}
#top main #departmentRanking ul li a figure img {
  border-radius: 50%;
}
#top main #departmentRanking ul li a figure figcaption {
  margin-top: 2.0512820513vw;
  font-size: 3.3333333333vw;
  line-height: 1.2;
  letter-spacing: 0.3333333333vw;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #top main #departmentRanking ul li a figure figcaption {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
    margin-top: min(10px, 0.8vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #top main #departmentRanking ul li a:hover {
    opacity: 0.7;
  }
}
#top main #banner {
  padding: 15.3846153846vw 5.1282051282vw 11.7948717949vw;
}
@media screen and (min-width: 768px) {
  #top main #banner {
    padding: min(80px, 6.4vw) 0;
    width: min(600px, 48vw);
    margin: 0 auto;
  }
}
#top main #banner a {
  display: block;
  transition: opacity 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  #top main #banner a:hover {
    opacity: 0.7;
  }
}
#top main #how {
  background-color: #F0F0F0;
  padding: 7.6923076923vw 5.1282051282vw;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
}
@media screen and (min-width: 768px) {
  #top main #how {
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    padding: min(60px, 4.8vw) 0 0;
  }
}
#top main #how h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  #top main #how h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#top main #how h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #top main #how h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#top main #how h2 + p {
  margin-top: 8.2051282051vw;
}
@media screen and (min-width: 768px) {
  #top main #how h2 + p {
    margin-top: min(40px, 3.2vw);
  }
}
@media screen and (min-width: 768px) {
  #top main #how p {
    width: min(720px, 57.6vw);
    margin: 0 auto;
  }
}
#top main #how p:nth-of-type(2) {
  margin-top: 15.3846153846vw;
}
@media screen and (min-width: 768px) {
  #top main #how p:nth-of-type(2) {
    margin-top: min(60px, 4.8vw);
  }
}
#top main #how p a {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #top main #how p a:hover {
    text-decoration: none;
  }
}
#top main .loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
}
#top main .loading img {
  width: 22.8205128205vw;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  #top main .loading img {
    width: min(177px, 14.16vw);
  }
}

.ranking #mainVisual {
  height: 84.6153846154vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 6.9230769231vw;
  text-align: center;
  width: 100%;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .ranking #mainVisual {
    height: min(460px, 36.8vw);
    padding-top: min(52px, 4.16vw);
  }
}
.ranking #mainVisual > span {
  width: 18.2051282051vw;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .ranking #mainVisual > span {
    width: min(106px, 8.48vw);
  }
}
.ranking #mainVisual h1 {
  color: #fff;
  font-size: 9.2307692308vw;
  line-height: 1.2;
  letter-spacing: 0.9230769231vw;
  font-weight: 600;
  margin-top: 3.0769230769vw;
  font-family: "Zen Old Mincho", serif;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .ranking #mainVisual h1 {
    margin-top: min(20px, 1.6vw);
    font-size: min(52.048px, 4.16384vw);
    line-height: 1.2000076852;
    letter-spacing: min(5.205px, 0.4164vw);
  }
}
.ranking #mainVisual p {
  font-size: 3.3333333333vw;
  line-height: 1.5384615385;
  color: #fff;
  margin-top: 6.4102564103vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .ranking #mainVisual p {
    margin-top: min(19px, 1.52vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
  }
}
.ranking #mainVisual video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .ranking #rankingInner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    width: fit-content;
    margin-top: min(108px, 8.64vw);
    gap: min(12px, 0.96vw);
    transform: translateX(max(-70px, -5.6vw));
  }
}
@media screen and (max-width: 1400px) {
  .ranking #rankingInner {
    transform: none;
  }
}
.ranking #subNav {
  padding: 3.0769230769vw 5.1282051282vw;
  box-shadow: 0 0.5128205128vw 5.3846153846vw 0 rgba(0, 0, 0, 0.1);
  top: 12.3076923077vw;
  z-index: 10;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .ranking #subNav {
    width: min(200px, 16vw);
    position: sticky;
    overflow: hidden;
    padding: min(15px, 1.2vw) min(19px, 1.52vw);
    box-shadow: 0 min(2px, 0.16vw) min(12px, 0.96vw) 0 rgba(0, 0, 0, 0.1);
    border-radius: min(4px, 0.32vw);
    top: min(160px, 12.8vw);
    left: 0;
    height: fit-content;
    margin-bottom: min(60px, 4.8vw);
  }
}
.ranking #subNav dl dt {
  display: none;
}
@media screen and (min-width: 768px) {
  .ranking #subNav dl dt {
    display: block;
    font-family: "Zen Old Mincho", serif;
    font-size: min(18px, 1.44vw);
    line-height: 1.2;
    letter-spacing: min(1.8px, 0.144vw);
    text-align: center;
    font-weight: 400;
  }
}
.ranking #subNav dl dd ul {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .ranking #subNav dl dd ul {
    grid-template-columns: 1fr;
    margin-top: min(20px, 1.6vw);
    gap: min(4px, 0.32vw);
  }
}
.ranking #subNav dl dd ul li {
  width: 100%;
}
.ranking #subNav dl dd ul li a {
  border-radius: 11.2820512821vw;
  padding: 2.0512820513vw 0;
  display: block;
  text-align: center;
  font-size: 4.1025641026vw;
  line-height: 1;
  font-weight: 400;
  width: 100%;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 768px) {
  .ranking #subNav dl dd ul li a {
    font-size: min(16px, 1.28vw);
    line-height: 1;
    padding: min(8px, 0.64vw) 0;
  }
}
.ranking #subNav dl dd ul li a span {
  display: none;
}
@media screen and (min-width: 768px) {
  .ranking #subNav dl dd ul li a span {
    display: inline-block;
  }
}
@media (hover: hover) and (pointer: fine) {
  .ranking #subNav dl dd ul li a:hover {
    background-color: #F0F0F0;
  }
}
.ranking #subNav dl dd ul li.active a {
  background-color: #F0F0F0;
  font-weight: 700;
}
.ranking #ranking {
  margin-top: 7.1794871795vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking {
    width: min(1000px, 80vw);
    margin-top: 0;
  }
}
.ranking #ranking h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  .ranking #ranking h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
.ranking #ranking h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ranking #ranking h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
.ranking #ranking ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.0769230769vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul {
    gap: min(20px, 1.6vw) min(40px, 3.2vw);
    margin: min(20px, 1.6vw) auto 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
.ranking #ranking ul li > a {
  display: grid;
  padding: 7.1794871795vw 5.1282051282vw 5.1282051282vw;
  grid-template-columns: 12.3076923077vw 1fr 5.1282051282vw;
  gap: 0 4.1025641026vw;
  position: relative;
  height: 100%;
  grid-template-rows: auto auto auto 1fr;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a {
    padding: min(20px, 1.6vw);
    grid-template-columns: min(48px, 3.84vw) 1fr;
    gap: 0 min(16px, 1.28vw);
  }
}
.ranking #ranking ul li > a:before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  grid-row: 2/4;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a:before {
    margin-top: min(6.5px, 0.52vw);
  }
}
.ranking #ranking ul li > a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%234c4d4e' d='m6.688 18.333-1.48-1.479L12.064 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  grid-row: 2/4;
  align-self: center;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a:after {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .ranking #ranking ul li > a:hover {
    background-color: #F0F0F0;
  }
  .ranking #ranking ul li > a:hover span img {
    transform: scale(1.05);
  }
}
.ranking #ranking ul li > a span {
  grid-column: 1/4;
  grid-row: 1/2;
  aspect-ratio: 350/200;
  overflow: hidden;
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a span {
    aspect-ratio: 680/298;
    margin-bottom: min(16px, 1.28vw);
  }
}
.ranking #ranking ul li > a span img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease;
}
.ranking #ranking ul li > a h3 {
  grid-column: 2/3;
  grid-row: 2/3;
  font-size: 5.1282051282vw;
  line-height: 1.4;
  letter-spacing: 0.5128205128vw;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a h3 {
    font-size: min(28px, 2.24vw);
    line-height: 1.4;
    letter-spacing: min(2.8px, 0.224vw);
  }
}
.ranking #ranking ul li > a .pref {
  grid-column: 2/3;
  grid-row: 3/4;
  font-size: 3.5897435897vw;
  line-height: 1.4;
  letter-spacing: 0.358974359vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .pref {
    font-size: min(16px, 1.28vw);
    line-height: 1.4;
    letter-spacing: min(1.6px, 0.128vw);
  }
}
.ranking #ranking ul li > a .introduction {
  grid-column: 1/4;
  grid-row: 4/5;
  margin-top: 4.1025641026vw;
  font-size: 3.3333333333vw;
  line-height: 1.5384615385;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .introduction {
    grid-column: 1/4;
    margin-top: min(16px, 1.28vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
  }
}
.ranking #ranking ul li > a .chief {
  grid-column: 1/4;
  grid-row: 5/6;
  display: grid;
  grid-template-columns: 22.5641025641vw 1fr;
  background-color: #eee5d8;
  border-radius: 1.0256410256vw;
  margin-top: 4.1025641026vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .chief {
    grid-column: 1/4;
    margin-top: min(16px, 1.28vw);
    border-radius: min(6px, 0.48vw);
    grid-template-columns: min(88px, 7.04vw) 1fr;
  }
}
.ranking #ranking ul li > a .chief cite {
  grid-column: 1/2;
  grid-row: 1/2;
  padding: 3.0769230769vw 2.0512820513vw;
  font-size: 3.0769230769vw;
  line-height: 1.3333333333;
  font-style: normal;
  font-weight: 700;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .chief cite {
    padding: min(12px, 0.96vw) min(8px, 0.64vw);
    font-size: min(12px, 0.96vw);
    line-height: 1.3333333333;
  }
}
.ranking #ranking ul li > a .chief cite:after {
  content: "";
  display: block;
  width: 3.3333333333vw;
  aspect-ratio: 13/10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none' viewBox='0 0 13 10'%3E%3Cpath fill='%23fff' d='M0 4.763 12.75 0v9.526z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 5.8974358974vw;
  left: 20vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .chief cite:after {
    width: min(13px, 1.04vw);
    top: min(23px, 1.84vw);
    left: min(78px, 6.24vw);
  }
}
.ranking #ranking ul li > a .chief cite img {
  width: 10.2564102564vw;
  display: block;
  margin: 0 auto 1.5384615385vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .chief cite img {
    width: min(40px, 3.2vw);
    margin: 0 auto min(4px, 0.32vw);
  }
}
.ranking #ranking ul li > a .chief p {
  grid-column: 2/3;
  background-color: #fff;
  border-radius: 1.0256410256vw;
  border: 0.5128205128vw solid #eee5d8;
  font-size: 3.3333333333vw;
  line-height: 1.5384615385;
  display: flex;
  align-items: center;
  padding: 2.5641025641vw 3.0769230769vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .chief p {
    font-size: min(13px, 1.04vw);
    line-height: 1.5384615385;
    padding: min(10px, 0.8vw) min(12px, 0.96vw);
    border-radius: min(4px, 0.32vw);
    border-width: min(2px, 0.16vw);
  }
}
.ranking #ranking ul li > a .kuchikomi {
  grid-column: 1/4;
  grid-row: 5/6;
  display: grid;
  grid-template-columns: 22.5641025641vw 1fr;
  background-color: #e0eed8;
  border-radius: 1.0256410256vw;
  margin-top: 4.1025641026vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .kuchikomi {
    grid-column: 1/4;
    margin-top: min(16px, 1.28vw);
    border-radius: min(6px, 0.48vw);
    grid-template-columns: min(88px, 7.04vw) 1fr;
  }
}
.ranking #ranking ul li > a .kuchikomi cite {
  grid-column: 1/2;
  grid-row: 1/2;
  padding: 3.0769230769vw 2.0512820513vw;
  font-size: 3.0769230769vw;
  line-height: 1.3333333333;
  font-style: normal;
  font-weight: 700;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .kuchikomi cite {
    padding: min(12px, 0.96vw) min(8px, 0.64vw);
    font-size: min(12px, 0.96vw);
    line-height: 1.3333333333;
  }
}
.ranking #ranking ul li > a .kuchikomi cite:after {
  content: "";
  display: block;
  width: 3.3333333333vw;
  aspect-ratio: 13/10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none' viewBox='0 0 13 10'%3E%3Cpath fill='%23fff' d='M0 4.763 12.75 0v9.526z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 5.8974358974vw;
  left: 20vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .kuchikomi cite:after {
    width: min(13px, 1.04vw);
    top: min(23px, 1.84vw);
    left: min(78px, 6.24vw);
  }
}
.ranking #ranking ul li > a .kuchikomi cite img {
  width: 9.2307692308vw;
  display: block;
  margin: 0 auto 1.5384615385vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .kuchikomi cite img {
    width: min(28px, 2.24vw);
    margin: 0 auto min(4px, 0.32vw);
  }
}
.ranking #ranking ul li > a .kuchikomi p {
  grid-column: 2/3;
  background-color: #fff;
  border-radius: 1.0256410256vw;
  border: 0.5128205128vw solid #e0eed8;
  font-size: 3.3333333333vw;
  line-height: 1.5384615385;
  display: flex;
  align-items: center;
  padding: 2.5641025641vw 3.0769230769vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .kuchikomi p {
    font-size: min(13px, 1.04vw);
    line-height: 1.5384615385;
    padding: min(10px, 0.8vw) min(12px, 0.96vw);
    border-radius: min(4px, 0.32vw);
    border-width: min(2px, 0.16vw);
  }
}
.ranking #ranking ul li > a .link {
  grid-column: 1/4;
  grid-row: 6/7;
  margin-top: 4.1025641026vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .link {
    margin-top: min(16px, 1.28vw);
    grid-column: 1/4;
  }
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .link:has(.coupon) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.ranking #ranking ul li > a .link p a {
  display: grid;
  grid-template-columns: 6.1538461538vw 1fr 5.1282051282vw;
  gap: 4.8717948718vw;
  align-items: center;
  justify-content: space-between;
  border-radius: 10.7692307692vw;
  padding: 3.0769230769vw 5.1282051282vw;
  font-size: 3.5897435897vw;
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
  position: relative;
  width: 74.358974359vw;
  margin: 0 auto;
  border: 0.2564102564vw solid;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .link p a {
    width: 100%;
    grid-template-columns: min(24px, 1.92vw) 1fr min(20px, 1.6vw);
    gap: 0;
    border-radius: min(42px, 3.36vw);
    padding: min(7px, 0.56vw) min(16px, 1.28vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    border-width: min(1px, 0.08vw);
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .ranking #ranking ul li > a .link p a:hover {
    opacity: 0.7;
  }
}
.ranking #ranking ul li > a .link p a:before, .ranking #ranking ul li > a .link p a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.ranking #ranking ul li > a .link p a:after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='m6.688 18.333-1.48-1.479L12.064 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
}
.ranking #ranking ul li > a .link p.coupon a {
  background-color: #C61A1A;
  color: #fff;
  border-color: #C61A1A;
}
.ranking #ranking ul li > a .link p.coupon a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12q0 .424.287.713.288.287.713.287m0-4q.424 0 .713-.287A.97.97 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8q0 .424.287.713Q11.576 9 12 9m8 11H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18v-4q.824 0 1.413-.588Q4 12.826 4 12t-.587-1.412A1.93 1.93 0 0 0 2 10V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v4q-.824 0-1.413.588A1.93 1.93 0 0 0 20 12q0 .825.587 1.412Q21.176 14 22 14v4q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20m0-2v-2.55a4.1 4.1 0 0 1-1.462-1.462A3.85 3.85 0 0 1 18 12q0-1.076.538-1.988A4.1 4.1 0 0 1 20 8.55V6H4v2.55a4.1 4.1 0 0 1 1.463 1.462Q6 10.926 6 12q0 1.076-.537 1.988A4.1 4.1 0 0 1 4 15.45V18z'/%3E%3C/g%3E%3C/svg%3E");
}
.ranking #ranking ul li > a .link p.coupon a:after {
  background-color: #fff;
}
.ranking #ranking ul li > a .link p.facility a {
  background-color: #fff;
  color: #4C4D4E;
  border-color: #4C4D4E;
}
.ranking #ranking ul li > a .link p.facility a:after {
  background-color: #4C4D4E;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .link p.facility a {
    margin: 0 auto;
  }
}
.ranking #ranking ul li > a .link p.coupon ~ .facility, .ranking #ranking ul li > a .link p.coupon + .facility {
  display: none;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li > a .link p.coupon ~ .facility, .ranking #ranking ul li > a .link p.coupon + .facility {
    display: block;
  }
  .ranking #ranking ul li > a .link p.coupon ~ .facility a, .ranking #ranking ul li > a .link p.coupon + .facility a {
    margin-right: 0;
  }
}
.ranking #ranking ul li#rank1 > a:before, .ranking #ranking ul li#sougou1 > a:before, .ranking #ranking ul li#user1 > a:before, .ranking #ranking ul li#kuchikomi1 > a:before, .ranking #ranking ul li#east1 > a:before, .ranking #ranking ul li#west1 > a:before, .ranking #ranking ul li#zenkoku1 > a:before {
  background-image: url(../img/number/001.png);
}
.ranking #ranking ul li#rank2 > a:before, .ranking #ranking ul li#sougou2 > a:before, .ranking #ranking ul li#user2 > a:before, .ranking #ranking ul li#kuchikomi2 > a:before, .ranking #ranking ul li#east2 > a:before, .ranking #ranking ul li#west2 > a:before, .ranking #ranking ul li#zenkoku2 > a:before {
  background-image: url(../img/number/002.png);
}
.ranking #ranking ul li#rank3 > a:before, .ranking #ranking ul li#sougou3 > a:before, .ranking #ranking ul li#user3 > a:before, .ranking #ranking ul li#kuchikomi3 > a:before, .ranking #ranking ul li#east3 > a:before, .ranking #ranking ul li#west3 > a:before, .ranking #ranking ul li#zenkoku3 > a:before {
  background-image: url(../img/number/003.png);
}
.ranking #ranking ul li#rank4 > a:before, .ranking #ranking ul li#sougou4 > a:before, .ranking #ranking ul li#user4 > a:before, .ranking #ranking ul li#kuchikomi4 > a:before, .ranking #ranking ul li#east4 > a:before, .ranking #ranking ul li#west4 > a:before, .ranking #ranking ul li#zenkoku4 > a:before {
  background-image: url(../img/number/004.png);
}
.ranking #ranking ul li#rank5 > a:before, .ranking #ranking ul li#sougou5 > a:before, .ranking #ranking ul li#user5 > a:before, .ranking #ranking ul li#kuchikomi5 > a:before, .ranking #ranking ul li#east5 > a:before, .ranking #ranking ul li#west5 > a:before, .ranking #ranking ul li#zenkoku5 > a:before {
  background-image: url(../img/number/005.png);
}
.ranking #ranking ul li#rank6 > a:before, .ranking #ranking ul li#sougou6 > a:before, .ranking #ranking ul li#user6 > a:before, .ranking #ranking ul li#kuchikomi6 > a:before, .ranking #ranking ul li#east6 > a:before, .ranking #ranking ul li#west6 > a:before, .ranking #ranking ul li#zenkoku6 > a:before {
  background-image: url(../img/number/006.png);
}
.ranking #ranking ul li#rank7 > a:before, .ranking #ranking ul li#sougou7 > a:before, .ranking #ranking ul li#user7 > a:before, .ranking #ranking ul li#kuchikomi7 > a:before, .ranking #ranking ul li#east7 > a:before, .ranking #ranking ul li#west7 > a:before, .ranking #ranking ul li#zenkoku7 > a:before {
  background-image: url(../img/number/007.png);
}
.ranking #ranking ul li#rank8 > a:before, .ranking #ranking ul li#sougou8 > a:before, .ranking #ranking ul li#user8 > a:before, .ranking #ranking ul li#kuchikomi8 > a:before, .ranking #ranking ul li#east8 > a:before, .ranking #ranking ul li#west8 > a:before, .ranking #ranking ul li#zenkoku8 > a:before {
  background-image: url(../img/number/008.png);
}
.ranking #ranking ul li#rank9 > a:before, .ranking #ranking ul li#sougou9 > a:before, .ranking #ranking ul li#user9 > a:before, .ranking #ranking ul li#kuchikomi9 > a:before, .ranking #ranking ul li#east9 > a:before, .ranking #ranking ul li#west9 > a:before, .ranking #ranking ul li#zenkoku9 > a:before {
  background-image: url(../img/number/009.png);
}
.ranking #ranking ul li#rank10 > a:before, .ranking #ranking ul li#sougou10 > a:before, .ranking #ranking ul li#user10 > a:before, .ranking #ranking ul li#kuchikomi10 > a:before, .ranking #ranking ul li#east10 > a:before, .ranking #ranking ul li#west10 > a:before, .ranking #ranking ul li#zenkoku10 > a:before {
  background-image: url(../img/number/010.png);
}
.ranking #ranking ul li#rank11 > a:before, .ranking #ranking ul li#sougou11 > a:before, .ranking #ranking ul li#user11 > a:before, .ranking #ranking ul li#kuchikomi11 > a:before, .ranking #ranking ul li#east11 > a:before, .ranking #ranking ul li#west11 > a:before, .ranking #ranking ul li#zenkoku11 > a:before {
  background-image: url(../img/number/011.png);
}
.ranking #ranking ul li#rank12 > a:before, .ranking #ranking ul li#sougou12 > a:before, .ranking #ranking ul li#user12 > a:before, .ranking #ranking ul li#kuchikomi12 > a:before, .ranking #ranking ul li#east12 > a:before, .ranking #ranking ul li#west12 > a:before, .ranking #ranking ul li#zenkoku12 > a:before {
  background-image: url(../img/number/012.png);
}
.ranking #ranking ul li#rank13 > a:before, .ranking #ranking ul li#sougou13 > a:before, .ranking #ranking ul li#user13 > a:before, .ranking #ranking ul li#kuchikomi13 > a:before, .ranking #ranking ul li#east13 > a:before, .ranking #ranking ul li#west13 > a:before, .ranking #ranking ul li#zenkoku13 > a:before {
  background-image: url(../img/number/013.png);
}
.ranking #ranking ul li#rank14 > a:before, .ranking #ranking ul li#sougou14 > a:before, .ranking #ranking ul li#user14 > a:before, .ranking #ranking ul li#kuchikomi14 > a:before, .ranking #ranking ul li#east14 > a:before, .ranking #ranking ul li#west14 > a:before, .ranking #ranking ul li#zenkoku14 > a:before {
  background-image: url(../img/number/014.png);
}
.ranking #ranking ul li#rank15 > a:before, .ranking #ranking ul li#sougou15 > a:before, .ranking #ranking ul li#user15 > a:before, .ranking #ranking ul li#kuchikomi15 > a:before, .ranking #ranking ul li#east15 > a:before, .ranking #ranking ul li#west15 > a:before, .ranking #ranking ul li#zenkoku15 > a:before {
  background-image: url(../img/number/015.png);
}
.ranking #ranking ul li#rank16 > a:before, .ranking #ranking ul li#sougou16 > a:before, .ranking #ranking ul li#user16 > a:before, .ranking #ranking ul li#kuchikomi16 > a:before, .ranking #ranking ul li#east16 > a:before, .ranking #ranking ul li#west16 > a:before, .ranking #ranking ul li#zenkoku16 > a:before {
  background-image: url(../img/number/016.png);
}
.ranking #ranking ul li#rank17 > a:before, .ranking #ranking ul li#sougou17 > a:before, .ranking #ranking ul li#user17 > a:before, .ranking #ranking ul li#kuchikomi17 > a:before, .ranking #ranking ul li#east17 > a:before, .ranking #ranking ul li#west17 > a:before, .ranking #ranking ul li#zenkoku17 > a:before {
  background-image: url(../img/number/017.png);
}
.ranking #ranking ul li#rank18 > a:before, .ranking #ranking ul li#sougou18 > a:before, .ranking #ranking ul li#user18 > a:before, .ranking #ranking ul li#kuchikomi18 > a:before, .ranking #ranking ul li#east18 > a:before, .ranking #ranking ul li#west18 > a:before, .ranking #ranking ul li#zenkoku18 > a:before {
  background-image: url(../img/number/018.png);
}
.ranking #ranking ul li#rank19 > a:before, .ranking #ranking ul li#sougou19 > a:before, .ranking #ranking ul li#user19 > a:before, .ranking #ranking ul li#kuchikomi19 > a:before, .ranking #ranking ul li#east19 > a:before, .ranking #ranking ul li#west19 > a:before, .ranking #ranking ul li#zenkoku19 > a:before {
  background-image: url(../img/number/019.png);
}
.ranking #ranking ul li#rank20 > a:before, .ranking #ranking ul li#sougou20 > a:before, .ranking #ranking ul li#user20 > a:before, .ranking #ranking ul li#kuchikomi20 > a:before, .ranking #ranking ul li#east20 > a:before, .ranking #ranking ul li#west20 > a:before, .ranking #ranking ul li#zenkoku20 > a:before {
  background-image: url(../img/number/020.png);
}
.ranking #ranking ul li#rank21 > a:before, .ranking #ranking ul li#sougou21 > a:before, .ranking #ranking ul li#user21 > a:before, .ranking #ranking ul li#kuchikomi21 > a:before, .ranking #ranking ul li#east21 > a:before, .ranking #ranking ul li#west21 > a:before, .ranking #ranking ul li#zenkoku21 > a:before {
  background-image: url(../img/number/021.png);
}
.ranking #ranking ul li#rank22 > a:before, .ranking #ranking ul li#sougou22 > a:before, .ranking #ranking ul li#user22 > a:before, .ranking #ranking ul li#kuchikomi22 > a:before, .ranking #ranking ul li#east22 > a:before, .ranking #ranking ul li#west22 > a:before, .ranking #ranking ul li#zenkoku22 > a:before {
  background-image: url(../img/number/022.png);
}
.ranking #ranking ul li#rank23 > a:before, .ranking #ranking ul li#sougou23 > a:before, .ranking #ranking ul li#user23 > a:before, .ranking #ranking ul li#kuchikomi23 > a:before, .ranking #ranking ul li#east23 > a:before, .ranking #ranking ul li#west23 > a:before, .ranking #ranking ul li#zenkoku23 > a:before {
  background-image: url(../img/number/023.png);
}
.ranking #ranking ul li#rank24 > a:before, .ranking #ranking ul li#sougou24 > a:before, .ranking #ranking ul li#user24 > a:before, .ranking #ranking ul li#kuchikomi24 > a:before, .ranking #ranking ul li#east24 > a:before, .ranking #ranking ul li#west24 > a:before, .ranking #ranking ul li#zenkoku24 > a:before {
  background-image: url(../img/number/024.png);
}
.ranking #ranking ul li#rank25 > a:before, .ranking #ranking ul li#sougou25 > a:before, .ranking #ranking ul li#user25 > a:before, .ranking #ranking ul li#kuchikomi25 > a:before, .ranking #ranking ul li#east25 > a:before, .ranking #ranking ul li#west25 > a:before, .ranking #ranking ul li#zenkoku25 > a:before {
  background-image: url(../img/number/025.png);
}
.ranking #ranking ul li#rank26 > a:before, .ranking #ranking ul li#sougou26 > a:before, .ranking #ranking ul li#user26 > a:before, .ranking #ranking ul li#kuchikomi26 > a:before, .ranking #ranking ul li#east26 > a:before, .ranking #ranking ul li#west26 > a:before, .ranking #ranking ul li#zenkoku26 > a:before {
  background-image: url(../img/number/026.png);
}
.ranking #ranking ul li#rank27 > a:before, .ranking #ranking ul li#sougou27 > a:before, .ranking #ranking ul li#user27 > a:before, .ranking #ranking ul li#kuchikomi27 > a:before, .ranking #ranking ul li#east27 > a:before, .ranking #ranking ul li#west27 > a:before, .ranking #ranking ul li#zenkoku27 > a:before {
  background-image: url(../img/number/027.png);
}
.ranking #ranking ul li#rank28 > a:before, .ranking #ranking ul li#sougou28 > a:before, .ranking #ranking ul li#user28 > a:before, .ranking #ranking ul li#kuchikomi28 > a:before, .ranking #ranking ul li#east28 > a:before, .ranking #ranking ul li#west28 > a:before, .ranking #ranking ul li#zenkoku28 > a:before {
  background-image: url(../img/number/028.png);
}
.ranking #ranking ul li#rank29 > a:before, .ranking #ranking ul li#sougou29 > a:before, .ranking #ranking ul li#user29 > a:before, .ranking #ranking ul li#kuchikomi29 > a:before, .ranking #ranking ul li#east29 > a:before, .ranking #ranking ul li#west29 > a:before, .ranking #ranking ul li#zenkoku29 > a:before {
  background-image: url(../img/number/029.png);
}
.ranking #ranking ul li#rank30 > a:before, .ranking #ranking ul li#sougou30 > a:before, .ranking #ranking ul li#user30 > a:before, .ranking #ranking ul li#kuchikomi30 > a:before, .ranking #ranking ul li#east30 > a:before, .ranking #ranking ul li#west30 > a:before, .ranking #ranking ul li#zenkoku30 > a:before {
  background-image: url(../img/number/030.png);
}
.ranking #ranking ul li#rank31 > a:before, .ranking #ranking ul li#sougou31 > a:before, .ranking #ranking ul li#user31 > a:before, .ranking #ranking ul li#kuchikomi31 > a:before, .ranking #ranking ul li#east31 > a:before, .ranking #ranking ul li#west31 > a:before, .ranking #ranking ul li#zenkoku31 > a:before {
  background-image: url(../img/number/031.png);
}
.ranking #ranking ul li#rank32 > a:before, .ranking #ranking ul li#sougou32 > a:before, .ranking #ranking ul li#user32 > a:before, .ranking #ranking ul li#kuchikomi32 > a:before, .ranking #ranking ul li#east32 > a:before, .ranking #ranking ul li#west32 > a:before, .ranking #ranking ul li#zenkoku32 > a:before {
  background-image: url(../img/number/032.png);
}
.ranking #ranking ul li#rank33 > a:before, .ranking #ranking ul li#sougou33 > a:before, .ranking #ranking ul li#user33 > a:before, .ranking #ranking ul li#kuchikomi33 > a:before, .ranking #ranking ul li#east33 > a:before, .ranking #ranking ul li#west33 > a:before, .ranking #ranking ul li#zenkoku33 > a:before {
  background-image: url(../img/number/033.png);
}
.ranking #ranking ul li#rank34 > a:before, .ranking #ranking ul li#sougou34 > a:before, .ranking #ranking ul li#user34 > a:before, .ranking #ranking ul li#kuchikomi34 > a:before, .ranking #ranking ul li#east34 > a:before, .ranking #ranking ul li#west34 > a:before, .ranking #ranking ul li#zenkoku34 > a:before {
  background-image: url(../img/number/034.png);
}
.ranking #ranking ul li#rank35 > a:before, .ranking #ranking ul li#sougou35 > a:before, .ranking #ranking ul li#user35 > a:before, .ranking #ranking ul li#kuchikomi35 > a:before, .ranking #ranking ul li#east35 > a:before, .ranking #ranking ul li#west35 > a:before, .ranking #ranking ul li#zenkoku35 > a:before {
  background-image: url(../img/number/035.png);
}
.ranking #ranking ul li#rank36 > a:before, .ranking #ranking ul li#sougou36 > a:before, .ranking #ranking ul li#user36 > a:before, .ranking #ranking ul li#kuchikomi36 > a:before, .ranking #ranking ul li#east36 > a:before, .ranking #ranking ul li#west36 > a:before, .ranking #ranking ul li#zenkoku36 > a:before {
  background-image: url(../img/number/036.png);
}
.ranking #ranking ul li#rank37 > a:before, .ranking #ranking ul li#sougou37 > a:before, .ranking #ranking ul li#user37 > a:before, .ranking #ranking ul li#kuchikomi37 > a:before, .ranking #ranking ul li#east37 > a:before, .ranking #ranking ul li#west37 > a:before, .ranking #ranking ul li#zenkoku37 > a:before {
  background-image: url(../img/number/037.png);
}
.ranking #ranking ul li#rank38 > a:before, .ranking #ranking ul li#sougou38 > a:before, .ranking #ranking ul li#user38 > a:before, .ranking #ranking ul li#kuchikomi38 > a:before, .ranking #ranking ul li#east38 > a:before, .ranking #ranking ul li#west38 > a:before, .ranking #ranking ul li#zenkoku38 > a:before {
  background-image: url(../img/number/038.png);
}
.ranking #ranking ul li#rank39 > a:before, .ranking #ranking ul li#sougou39 > a:before, .ranking #ranking ul li#user39 > a:before, .ranking #ranking ul li#kuchikomi39 > a:before, .ranking #ranking ul li#east39 > a:before, .ranking #ranking ul li#west39 > a:before, .ranking #ranking ul li#zenkoku39 > a:before {
  background-image: url(../img/number/039.png);
}
.ranking #ranking ul li#rank40 > a:before, .ranking #ranking ul li#sougou40 > a:before, .ranking #ranking ul li#user40 > a:before, .ranking #ranking ul li#kuchikomi40 > a:before, .ranking #ranking ul li#east40 > a:before, .ranking #ranking ul li#west40 > a:before, .ranking #ranking ul li#zenkoku40 > a:before {
  background-image: url(../img/number/040.png);
}
.ranking #ranking ul li#rank41 > a:before, .ranking #ranking ul li#sougou41 > a:before, .ranking #ranking ul li#user41 > a:before, .ranking #ranking ul li#kuchikomi41 > a:before, .ranking #ranking ul li#east41 > a:before, .ranking #ranking ul li#west41 > a:before, .ranking #ranking ul li#zenkoku41 > a:before {
  background-image: url(../img/number/041.png);
}
.ranking #ranking ul li#rank42 > a:before, .ranking #ranking ul li#sougou42 > a:before, .ranking #ranking ul li#user42 > a:before, .ranking #ranking ul li#kuchikomi42 > a:before, .ranking #ranking ul li#east42 > a:before, .ranking #ranking ul li#west42 > a:before, .ranking #ranking ul li#zenkoku42 > a:before {
  background-image: url(../img/number/042.png);
}
.ranking #ranking ul li#rank43 > a:before, .ranking #ranking ul li#sougou43 > a:before, .ranking #ranking ul li#user43 > a:before, .ranking #ranking ul li#kuchikomi43 > a:before, .ranking #ranking ul li#east43 > a:before, .ranking #ranking ul li#west43 > a:before, .ranking #ranking ul li#zenkoku43 > a:before {
  background-image: url(../img/number/043.png);
}
.ranking #ranking ul li#rank44 > a:before, .ranking #ranking ul li#sougou44 > a:before, .ranking #ranking ul li#user44 > a:before, .ranking #ranking ul li#kuchikomi44 > a:before, .ranking #ranking ul li#east44 > a:before, .ranking #ranking ul li#west44 > a:before, .ranking #ranking ul li#zenkoku44 > a:before {
  background-image: url(../img/number/044.png);
}
.ranking #ranking ul li#rank45 > a:before, .ranking #ranking ul li#sougou45 > a:before, .ranking #ranking ul li#user45 > a:before, .ranking #ranking ul li#kuchikomi45 > a:before, .ranking #ranking ul li#east45 > a:before, .ranking #ranking ul li#west45 > a:before, .ranking #ranking ul li#zenkoku45 > a:before {
  background-image: url(../img/number/045.png);
}
.ranking #ranking ul li#rank46 > a:before, .ranking #ranking ul li#sougou46 > a:before, .ranking #ranking ul li#user46 > a:before, .ranking #ranking ul li#kuchikomi46 > a:before, .ranking #ranking ul li#east46 > a:before, .ranking #ranking ul li#west46 > a:before, .ranking #ranking ul li#zenkoku46 > a:before {
  background-image: url(../img/number/046.png);
}
.ranking #ranking ul li#rank47 > a:before, .ranking #ranking ul li#sougou47 > a:before, .ranking #ranking ul li#user47 > a:before, .ranking #ranking ul li#kuchikomi47 > a:before, .ranking #ranking ul li#east47 > a:before, .ranking #ranking ul li#west47 > a:before, .ranking #ranking ul li#zenkoku47 > a:before {
  background-image: url(../img/number/047.png);
}
.ranking #ranking ul li#rank48 > a:before, .ranking #ranking ul li#sougou48 > a:before, .ranking #ranking ul li#user48 > a:before, .ranking #ranking ul li#kuchikomi48 > a:before, .ranking #ranking ul li#east48 > a:before, .ranking #ranking ul li#west48 > a:before, .ranking #ranking ul li#zenkoku48 > a:before {
  background-image: url(../img/number/048.png);
}
.ranking #ranking ul li#rank49 > a:before, .ranking #ranking ul li#sougou49 > a:before, .ranking #ranking ul li#user49 > a:before, .ranking #ranking ul li#kuchikomi49 > a:before, .ranking #ranking ul li#east49 > a:before, .ranking #ranking ul li#west49 > a:before, .ranking #ranking ul li#zenkoku49 > a:before {
  background-image: url(../img/number/049.png);
}
.ranking #ranking ul li#rank50 > a:before, .ranking #ranking ul li#sougou50 > a:before, .ranking #ranking ul li#user50 > a:before, .ranking #ranking ul li#kuchikomi50 > a:before, .ranking #ranking ul li#east50 > a:before, .ranking #ranking ul li#west50 > a:before, .ranking #ranking ul li#zenkoku50 > a:before {
  background-image: url(../img/number/050.png);
}
.ranking #ranking ul li#rank51 > a:before, .ranking #ranking ul li#sougou51 > a:before, .ranking #ranking ul li#user51 > a:before, .ranking #ranking ul li#kuchikomi51 > a:before, .ranking #ranking ul li#east51 > a:before, .ranking #ranking ul li#west51 > a:before, .ranking #ranking ul li#zenkoku51 > a:before {
  background-image: url(../img/number/051.png);
}
.ranking #ranking ul li#rank52 > a:before, .ranking #ranking ul li#sougou52 > a:before, .ranking #ranking ul li#user52 > a:before, .ranking #ranking ul li#kuchikomi52 > a:before, .ranking #ranking ul li#east52 > a:before, .ranking #ranking ul li#west52 > a:before, .ranking #ranking ul li#zenkoku52 > a:before {
  background-image: url(../img/number/052.png);
}
.ranking #ranking ul li#rank53 > a:before, .ranking #ranking ul li#sougou53 > a:before, .ranking #ranking ul li#user53 > a:before, .ranking #ranking ul li#kuchikomi53 > a:before, .ranking #ranking ul li#east53 > a:before, .ranking #ranking ul li#west53 > a:before, .ranking #ranking ul li#zenkoku53 > a:before {
  background-image: url(../img/number/053.png);
}
.ranking #ranking ul li#rank54 > a:before, .ranking #ranking ul li#sougou54 > a:before, .ranking #ranking ul li#user54 > a:before, .ranking #ranking ul li#kuchikomi54 > a:before, .ranking #ranking ul li#east54 > a:before, .ranking #ranking ul li#west54 > a:before, .ranking #ranking ul li#zenkoku54 > a:before {
  background-image: url(../img/number/054.png);
}
.ranking #ranking ul li#rank55 > a:before, .ranking #ranking ul li#sougou55 > a:before, .ranking #ranking ul li#user55 > a:before, .ranking #ranking ul li#kuchikomi55 > a:before, .ranking #ranking ul li#east55 > a:before, .ranking #ranking ul li#west55 > a:before, .ranking #ranking ul li#zenkoku55 > a:before {
  background-image: url(../img/number/055.png);
}
.ranking #ranking ul li#rank56 > a:before, .ranking #ranking ul li#sougou56 > a:before, .ranking #ranking ul li#user56 > a:before, .ranking #ranking ul li#kuchikomi56 > a:before, .ranking #ranking ul li#east56 > a:before, .ranking #ranking ul li#west56 > a:before, .ranking #ranking ul li#zenkoku56 > a:before {
  background-image: url(../img/number/056.png);
}
.ranking #ranking ul li#rank57 > a:before, .ranking #ranking ul li#sougou57 > a:before, .ranking #ranking ul li#user57 > a:before, .ranking #ranking ul li#kuchikomi57 > a:before, .ranking #ranking ul li#east57 > a:before, .ranking #ranking ul li#west57 > a:before, .ranking #ranking ul li#zenkoku57 > a:before {
  background-image: url(../img/number/057.png);
}
.ranking #ranking ul li#rank58 > a:before, .ranking #ranking ul li#sougou58 > a:before, .ranking #ranking ul li#user58 > a:before, .ranking #ranking ul li#kuchikomi58 > a:before, .ranking #ranking ul li#east58 > a:before, .ranking #ranking ul li#west58 > a:before, .ranking #ranking ul li#zenkoku58 > a:before {
  background-image: url(../img/number/058.png);
}
.ranking #ranking ul li#rank59 > a:before, .ranking #ranking ul li#sougou59 > a:before, .ranking #ranking ul li#user59 > a:before, .ranking #ranking ul li#kuchikomi59 > a:before, .ranking #ranking ul li#east59 > a:before, .ranking #ranking ul li#west59 > a:before, .ranking #ranking ul li#zenkoku59 > a:before {
  background-image: url(../img/number/059.png);
}
.ranking #ranking ul li#rank60 > a:before, .ranking #ranking ul li#sougou60 > a:before, .ranking #ranking ul li#user60 > a:before, .ranking #ranking ul li#kuchikomi60 > a:before, .ranking #ranking ul li#east60 > a:before, .ranking #ranking ul li#west60 > a:before, .ranking #ranking ul li#zenkoku60 > a:before {
  background-image: url(../img/number/060.png);
}
.ranking #ranking ul li#rank61 > a:before, .ranking #ranking ul li#sougou61 > a:before, .ranking #ranking ul li#user61 > a:before, .ranking #ranking ul li#kuchikomi61 > a:before, .ranking #ranking ul li#east61 > a:before, .ranking #ranking ul li#west61 > a:before, .ranking #ranking ul li#zenkoku61 > a:before {
  background-image: url(../img/number/061.png);
}
.ranking #ranking ul li#rank62 > a:before, .ranking #ranking ul li#sougou62 > a:before, .ranking #ranking ul li#user62 > a:before, .ranking #ranking ul li#kuchikomi62 > a:before, .ranking #ranking ul li#east62 > a:before, .ranking #ranking ul li#west62 > a:before, .ranking #ranking ul li#zenkoku62 > a:before {
  background-image: url(../img/number/062.png);
}
.ranking #ranking ul li#rank63 > a:before, .ranking #ranking ul li#sougou63 > a:before, .ranking #ranking ul li#user63 > a:before, .ranking #ranking ul li#kuchikomi63 > a:before, .ranking #ranking ul li#east63 > a:before, .ranking #ranking ul li#west63 > a:before, .ranking #ranking ul li#zenkoku63 > a:before {
  background-image: url(../img/number/063.png);
}
.ranking #ranking ul li#rank64 > a:before, .ranking #ranking ul li#sougou64 > a:before, .ranking #ranking ul li#user64 > a:before, .ranking #ranking ul li#kuchikomi64 > a:before, .ranking #ranking ul li#east64 > a:before, .ranking #ranking ul li#west64 > a:before, .ranking #ranking ul li#zenkoku64 > a:before {
  background-image: url(../img/number/064.png);
}
.ranking #ranking ul li#rank65 > a:before, .ranking #ranking ul li#sougou65 > a:before, .ranking #ranking ul li#user65 > a:before, .ranking #ranking ul li#kuchikomi65 > a:before, .ranking #ranking ul li#east65 > a:before, .ranking #ranking ul li#west65 > a:before, .ranking #ranking ul li#zenkoku65 > a:before {
  background-image: url(../img/number/065.png);
}
.ranking #ranking ul li#rank66 > a:before, .ranking #ranking ul li#sougou66 > a:before, .ranking #ranking ul li#user66 > a:before, .ranking #ranking ul li#kuchikomi66 > a:before, .ranking #ranking ul li#east66 > a:before, .ranking #ranking ul li#west66 > a:before, .ranking #ranking ul li#zenkoku66 > a:before {
  background-image: url(../img/number/066.png);
}
.ranking #ranking ul li#rank67 > a:before, .ranking #ranking ul li#sougou67 > a:before, .ranking #ranking ul li#user67 > a:before, .ranking #ranking ul li#kuchikomi67 > a:before, .ranking #ranking ul li#east67 > a:before, .ranking #ranking ul li#west67 > a:before, .ranking #ranking ul li#zenkoku67 > a:before {
  background-image: url(../img/number/067.png);
}
.ranking #ranking ul li#rank68 > a:before, .ranking #ranking ul li#sougou68 > a:before, .ranking #ranking ul li#user68 > a:before, .ranking #ranking ul li#kuchikomi68 > a:before, .ranking #ranking ul li#east68 > a:before, .ranking #ranking ul li#west68 > a:before, .ranking #ranking ul li#zenkoku68 > a:before {
  background-image: url(../img/number/068.png);
}
.ranking #ranking ul li#rank69 > a:before, .ranking #ranking ul li#sougou69 > a:before, .ranking #ranking ul li#user69 > a:before, .ranking #ranking ul li#kuchikomi69 > a:before, .ranking #ranking ul li#east69 > a:before, .ranking #ranking ul li#west69 > a:before, .ranking #ranking ul li#zenkoku69 > a:before {
  background-image: url(../img/number/069.png);
}
.ranking #ranking ul li#rank70 > a:before, .ranking #ranking ul li#sougou70 > a:before, .ranking #ranking ul li#user70 > a:before, .ranking #ranking ul li#kuchikomi70 > a:before, .ranking #ranking ul li#east70 > a:before, .ranking #ranking ul li#west70 > a:before, .ranking #ranking ul li#zenkoku70 > a:before {
  background-image: url(../img/number/070.png);
}
.ranking #ranking ul li#rank71 > a:before, .ranking #ranking ul li#sougou71 > a:before, .ranking #ranking ul li#user71 > a:before, .ranking #ranking ul li#kuchikomi71 > a:before, .ranking #ranking ul li#east71 > a:before, .ranking #ranking ul li#west71 > a:before, .ranking #ranking ul li#zenkoku71 > a:before {
  background-image: url(../img/number/071.png);
}
.ranking #ranking ul li#rank72 > a:before, .ranking #ranking ul li#sougou72 > a:before, .ranking #ranking ul li#user72 > a:before, .ranking #ranking ul li#kuchikomi72 > a:before, .ranking #ranking ul li#east72 > a:before, .ranking #ranking ul li#west72 > a:before, .ranking #ranking ul li#zenkoku72 > a:before {
  background-image: url(../img/number/072.png);
}
.ranking #ranking ul li#rank73 > a:before, .ranking #ranking ul li#sougou73 > a:before, .ranking #ranking ul li#user73 > a:before, .ranking #ranking ul li#kuchikomi73 > a:before, .ranking #ranking ul li#east73 > a:before, .ranking #ranking ul li#west73 > a:before, .ranking #ranking ul li#zenkoku73 > a:before {
  background-image: url(../img/number/073.png);
}
.ranking #ranking ul li#rank74 > a:before, .ranking #ranking ul li#sougou74 > a:before, .ranking #ranking ul li#user74 > a:before, .ranking #ranking ul li#kuchikomi74 > a:before, .ranking #ranking ul li#east74 > a:before, .ranking #ranking ul li#west74 > a:before, .ranking #ranking ul li#zenkoku74 > a:before {
  background-image: url(../img/number/074.png);
}
.ranking #ranking ul li#rank75 > a:before, .ranking #ranking ul li#sougou75 > a:before, .ranking #ranking ul li#user75 > a:before, .ranking #ranking ul li#kuchikomi75 > a:before, .ranking #ranking ul li#east75 > a:before, .ranking #ranking ul li#west75 > a:before, .ranking #ranking ul li#zenkoku75 > a:before {
  background-image: url(../img/number/075.png);
}
.ranking #ranking ul li#rank76 > a:before, .ranking #ranking ul li#sougou76 > a:before, .ranking #ranking ul li#user76 > a:before, .ranking #ranking ul li#kuchikomi76 > a:before, .ranking #ranking ul li#east76 > a:before, .ranking #ranking ul li#west76 > a:before, .ranking #ranking ul li#zenkoku76 > a:before {
  background-image: url(../img/number/076.png);
}
.ranking #ranking ul li#rank77 > a:before, .ranking #ranking ul li#sougou77 > a:before, .ranking #ranking ul li#user77 > a:before, .ranking #ranking ul li#kuchikomi77 > a:before, .ranking #ranking ul li#east77 > a:before, .ranking #ranking ul li#west77 > a:before, .ranking #ranking ul li#zenkoku77 > a:before {
  background-image: url(../img/number/077.png);
}
.ranking #ranking ul li#rank78 > a:before, .ranking #ranking ul li#sougou78 > a:before, .ranking #ranking ul li#user78 > a:before, .ranking #ranking ul li#kuchikomi78 > a:before, .ranking #ranking ul li#east78 > a:before, .ranking #ranking ul li#west78 > a:before, .ranking #ranking ul li#zenkoku78 > a:before {
  background-image: url(../img/number/078.png);
}
.ranking #ranking ul li#rank79 > a:before, .ranking #ranking ul li#sougou79 > a:before, .ranking #ranking ul li#user79 > a:before, .ranking #ranking ul li#kuchikomi79 > a:before, .ranking #ranking ul li#east79 > a:before, .ranking #ranking ul li#west79 > a:before, .ranking #ranking ul li#zenkoku79 > a:before {
  background-image: url(../img/number/079.png);
}
.ranking #ranking ul li#rank80 > a:before, .ranking #ranking ul li#sougou80 > a:before, .ranking #ranking ul li#user80 > a:before, .ranking #ranking ul li#kuchikomi80 > a:before, .ranking #ranking ul li#east80 > a:before, .ranking #ranking ul li#west80 > a:before, .ranking #ranking ul li#zenkoku80 > a:before {
  background-image: url(../img/number/080.png);
}
.ranking #ranking ul li#rank81 > a:before, .ranking #ranking ul li#sougou81 > a:before, .ranking #ranking ul li#user81 > a:before, .ranking #ranking ul li#kuchikomi81 > a:before, .ranking #ranking ul li#east81 > a:before, .ranking #ranking ul li#west81 > a:before, .ranking #ranking ul li#zenkoku81 > a:before {
  background-image: url(../img/number/081.png);
}
.ranking #ranking ul li#rank82 > a:before, .ranking #ranking ul li#sougou82 > a:before, .ranking #ranking ul li#user82 > a:before, .ranking #ranking ul li#kuchikomi82 > a:before, .ranking #ranking ul li#east82 > a:before, .ranking #ranking ul li#west82 > a:before, .ranking #ranking ul li#zenkoku82 > a:before {
  background-image: url(../img/number/082.png);
}
.ranking #ranking ul li#rank83 > a:before, .ranking #ranking ul li#sougou83 > a:before, .ranking #ranking ul li#user83 > a:before, .ranking #ranking ul li#kuchikomi83 > a:before, .ranking #ranking ul li#east83 > a:before, .ranking #ranking ul li#west83 > a:before, .ranking #ranking ul li#zenkoku83 > a:before {
  background-image: url(../img/number/083.png);
}
.ranking #ranking ul li#rank84 > a:before, .ranking #ranking ul li#sougou84 > a:before, .ranking #ranking ul li#user84 > a:before, .ranking #ranking ul li#kuchikomi84 > a:before, .ranking #ranking ul li#east84 > a:before, .ranking #ranking ul li#west84 > a:before, .ranking #ranking ul li#zenkoku84 > a:before {
  background-image: url(../img/number/084.png);
}
.ranking #ranking ul li#rank85 > a:before, .ranking #ranking ul li#sougou85 > a:before, .ranking #ranking ul li#user85 > a:before, .ranking #ranking ul li#kuchikomi85 > a:before, .ranking #ranking ul li#east85 > a:before, .ranking #ranking ul li#west85 > a:before, .ranking #ranking ul li#zenkoku85 > a:before {
  background-image: url(../img/number/085.png);
}
.ranking #ranking ul li#rank86 > a:before, .ranking #ranking ul li#sougou86 > a:before, .ranking #ranking ul li#user86 > a:before, .ranking #ranking ul li#kuchikomi86 > a:before, .ranking #ranking ul li#east86 > a:before, .ranking #ranking ul li#west86 > a:before, .ranking #ranking ul li#zenkoku86 > a:before {
  background-image: url(../img/number/086.png);
}
.ranking #ranking ul li#rank87 > a:before, .ranking #ranking ul li#sougou87 > a:before, .ranking #ranking ul li#user87 > a:before, .ranking #ranking ul li#kuchikomi87 > a:before, .ranking #ranking ul li#east87 > a:before, .ranking #ranking ul li#west87 > a:before, .ranking #ranking ul li#zenkoku87 > a:before {
  background-image: url(../img/number/087.png);
}
.ranking #ranking ul li#rank88 > a:before, .ranking #ranking ul li#sougou88 > a:before, .ranking #ranking ul li#user88 > a:before, .ranking #ranking ul li#kuchikomi88 > a:before, .ranking #ranking ul li#east88 > a:before, .ranking #ranking ul li#west88 > a:before, .ranking #ranking ul li#zenkoku88 > a:before {
  background-image: url(../img/number/088.png);
}
.ranking #ranking ul li#rank89 > a:before, .ranking #ranking ul li#sougou89 > a:before, .ranking #ranking ul li#user89 > a:before, .ranking #ranking ul li#kuchikomi89 > a:before, .ranking #ranking ul li#east89 > a:before, .ranking #ranking ul li#west89 > a:before, .ranking #ranking ul li#zenkoku89 > a:before {
  background-image: url(../img/number/089.png);
}
.ranking #ranking ul li#rank90 > a:before, .ranking #ranking ul li#sougou90 > a:before, .ranking #ranking ul li#user90 > a:before, .ranking #ranking ul li#kuchikomi90 > a:before, .ranking #ranking ul li#east90 > a:before, .ranking #ranking ul li#west90 > a:before, .ranking #ranking ul li#zenkoku90 > a:before {
  background-image: url(../img/number/090.png);
}
.ranking #ranking ul li#rank91 > a:before, .ranking #ranking ul li#sougou91 > a:before, .ranking #ranking ul li#user91 > a:before, .ranking #ranking ul li#kuchikomi91 > a:before, .ranking #ranking ul li#east91 > a:before, .ranking #ranking ul li#west91 > a:before, .ranking #ranking ul li#zenkoku91 > a:before {
  background-image: url(../img/number/091.png);
}
.ranking #ranking ul li#rank92 > a:before, .ranking #ranking ul li#sougou92 > a:before, .ranking #ranking ul li#user92 > a:before, .ranking #ranking ul li#kuchikomi92 > a:before, .ranking #ranking ul li#east92 > a:before, .ranking #ranking ul li#west92 > a:before, .ranking #ranking ul li#zenkoku92 > a:before {
  background-image: url(../img/number/092.png);
}
.ranking #ranking ul li#rank93 > a:before, .ranking #ranking ul li#sougou93 > a:before, .ranking #ranking ul li#user93 > a:before, .ranking #ranking ul li#kuchikomi93 > a:before, .ranking #ranking ul li#east93 > a:before, .ranking #ranking ul li#west93 > a:before, .ranking #ranking ul li#zenkoku93 > a:before {
  background-image: url(../img/number/093.png);
}
.ranking #ranking ul li#rank94 > a:before, .ranking #ranking ul li#sougou94 > a:before, .ranking #ranking ul li#user94 > a:before, .ranking #ranking ul li#kuchikomi94 > a:before, .ranking #ranking ul li#east94 > a:before, .ranking #ranking ul li#west94 > a:before, .ranking #ranking ul li#zenkoku94 > a:before {
  background-image: url(../img/number/094.png);
}
.ranking #ranking ul li#rank95 > a:before, .ranking #ranking ul li#sougou95 > a:before, .ranking #ranking ul li#user95 > a:before, .ranking #ranking ul li#kuchikomi95 > a:before, .ranking #ranking ul li#east95 > a:before, .ranking #ranking ul li#west95 > a:before, .ranking #ranking ul li#zenkoku95 > a:before {
  background-image: url(../img/number/095.png);
}
.ranking #ranking ul li#rank96 > a:before, .ranking #ranking ul li#sougou96 > a:before, .ranking #ranking ul li#user96 > a:before, .ranking #ranking ul li#kuchikomi96 > a:before, .ranking #ranking ul li#east96 > a:before, .ranking #ranking ul li#west96 > a:before, .ranking #ranking ul li#zenkoku96 > a:before {
  background-image: url(../img/number/096.png);
}
.ranking #ranking ul li#rank97 > a:before, .ranking #ranking ul li#sougou97 > a:before, .ranking #ranking ul li#user97 > a:before, .ranking #ranking ul li#kuchikomi97 > a:before, .ranking #ranking ul li#east97 > a:before, .ranking #ranking ul li#west97 > a:before, .ranking #ranking ul li#zenkoku97 > a:before {
  background-image: url(../img/number/097.png);
}
.ranking #ranking ul li#rank98 > a:before, .ranking #ranking ul li#sougou98 > a:before, .ranking #ranking ul li#user98 > a:before, .ranking #ranking ul li#kuchikomi98 > a:before, .ranking #ranking ul li#east98 > a:before, .ranking #ranking ul li#west98 > a:before, .ranking #ranking ul li#zenkoku98 > a:before {
  background-image: url(../img/number/098.png);
}
.ranking #ranking ul li#rank99 > a:before, .ranking #ranking ul li#sougou99 > a:before, .ranking #ranking ul li#user99 > a:before, .ranking #ranking ul li#kuchikomi99 > a:before, .ranking #ranking ul li#east99 > a:before, .ranking #ranking ul li#west99 > a:before, .ranking #ranking ul li#zenkoku99 > a:before {
  background-image: url(../img/number/099.png);
}
.ranking #ranking ul li#rank100 > a:before, .ranking #ranking ul li#sougou100 > a:before, .ranking #ranking ul li#user100 > a:before, .ranking #ranking ul li#kuchikomi100 > a:before, .ranking #ranking ul li#east100 > a:before, .ranking #ranking ul li#west100 > a:before, .ranking #ranking ul li#zenkoku100 > a:before {
  background-image: url(../img/number/100.png);
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li:not(:has(.chief)):not(:first-of-type) > a:before, .ranking #ranking ul li:not(:has(.kuchikomi)):not(:first-of-type) > a:before {
    margin-top: min(8px, 0.64vw);
  }
}
.ranking #ranking ul li.campaign {
  border-bottom: none;
  width: 82.0512820513vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul li.campaign {
    grid-column: 1/3;
    width: min(600px, 48vw);
    margin: min(40px, 3.2vw) auto;
  }
}
.ranking #ranking ul li.campaign a {
  display: block;
  padding: 0 !important;
  transition: opacity 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .ranking #ranking ul li.campaign a:hover {
    opacity: 0.7;
  }
}
.ranking #ranking ul li.campaign a:before, .ranking #ranking ul li.campaign a:after {
  display: none;
}
.ranking #ranking ul + h2 {
  margin-top: 9.2307692308vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking ul + h2 {
    margin-top: min(60px, 4.8vw);
  }
}
.ranking #ranking > p {
  font-size: 3.0769230769vw;
  line-height: 1.6666666667;
  width: max-content;
  margin: 3.0769230769vw auto 11.7948717949vw;
}
@media screen and (min-width: 768px) {
  .ranking #ranking > p {
    margin: min(40px, 3.2vw) auto min(46px, 3.68vw);
    font-size: min(12px, 0.96vw);
    line-height: 1.6666666667;
  }
}

#sougou #subNav dl dd ul {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (min-width: 768px) {
  #sougou #subNav dl dd ul {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  #sougou #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) {
    width: min(720px, 57.6vw);
    margin: 0 auto;
    grid-column: 1/3;
  }
  #sougou #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .introduction {
    grid-column: 2/4;
  }
  #sougou #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .chief {
    grid-column: 2/4;
  }
  #sougou #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .kuchikomi {
    grid-column: 2/4;
  }
  #sougou #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .link {
    grid-column: 2/4;
  }
  #sougou #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .link a {
    width: min(304px, 24.32vw);
  }
}
@media screen and (min-width: 768px) {
  #sougou #ranking ul li:nth-of-type(n + 6):nth-of-type(-n + 50) > a {
    padding: min(20px, 1.6vw) 0;
  }
  #sougou #ranking ul li:nth-of-type(n + 6):nth-of-type(-n + 50) .link a {
    width: min(236px, 18.88vw);
  }
}
#sougou #ranking ul li:nth-of-type(n + 51) > a {
  padding: 3.0769230769vw 5.1282051282vw;
}
@media screen and (min-width: 768px) {
  #sougou #ranking ul li:nth-of-type(n + 51) > a {
    padding: min(12px, 0.96vw) min(20px, 1.6vw);
  }
}

#east #subNav dl dd ul {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  #east #subNav dl dd ul {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  #east #ranking ul li:nth-of-type(1) {
    width: min(720px, 57.6vw);
    margin: 0 auto;
    grid-column: 1/3;
  }
  #east #ranking ul li:nth-of-type(1) .introduction {
    grid-column: 2/4;
  }
  #east #ranking ul li:nth-of-type(1) .chief {
    grid-column: 2/4;
  }
  #east #ranking ul li:nth-of-type(1) .kuchikomi {
    grid-column: 2/4;
  }
  #east #ranking ul li:nth-of-type(1) .link {
    grid-column: 2/4;
  }
  #east #ranking ul li:nth-of-type(1) .link a {
    width: min(304px, 24.32vw);
  }
}
@media screen and (min-width: 768px) {
  #east #ranking ul li:nth-of-type(n + 2) > a {
    padding: min(20px, 1.6vw) 0;
  }
  #east #ranking ul li:nth-of-type(n + 2) .link a {
    width: min(236px, 18.88vw);
  }
}

#area #subNav dl dd ul {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  #area #subNav dl dd ul {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  #area #ranking ul li:nth-of-type(1) {
    width: min(720px, 57.6vw);
    margin: 0 auto;
    grid-column: 1/3;
  }
  #area #ranking ul li:nth-of-type(1) .introduction {
    grid-column: 2/4;
  }
  #area #ranking ul li:nth-of-type(1) .chief {
    grid-column: 2/4;
  }
  #area #ranking ul li:nth-of-type(1) .kuchikomi {
    grid-column: 2/4;
  }
  #area #ranking ul li:nth-of-type(1) .link {
    grid-column: 2/4;
  }
  #area #ranking ul li:nth-of-type(1) .link a {
    width: min(304px, 24.32vw);
  }
}
@media screen and (min-width: 768px) {
  #area #ranking ul li:nth-of-type(n + 2) > a {
    padding: min(20px, 1.6vw) 0;
  }
  #area #ranking ul li:nth-of-type(n + 2) .link a {
    width: min(236px, 18.88vw);
  }
}

#pref #subNav dl dd ul {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 768px) {
  #pref #subNav dl dd ul {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  #pref #ranking ul li:nth-of-type(1) {
    width: min(720px, 57.6vw);
    margin: 0 auto;
    grid-column: 1/3;
  }
  #pref #ranking ul li:nth-of-type(1) .introduction {
    grid-column: 2/4;
  }
  #pref #ranking ul li:nth-of-type(1) .chief {
    grid-column: 2/4;
  }
  #pref #ranking ul li:nth-of-type(1) .kuchikomi {
    grid-column: 2/4;
  }
  #pref #ranking ul li:nth-of-type(1) .link {
    grid-column: 2/4;
  }
  #pref #ranking ul li:nth-of-type(1) .link a {
    width: min(304px, 24.32vw);
  }
}
@media screen and (min-width: 768px) {
  #pref #ranking ul li:nth-of-type(n + 2) > a {
    padding: min(20px, 1.6vw) 0;
  }
  #pref #ranking ul li:nth-of-type(n + 2) .link a {
    width: min(236px, 18.88vw);
  }
}

#genre #subNav dl dd ul {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 768px) {
  #genre #subNav dl dd ul {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  #genre #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) {
    width: min(720px, 57.6vw);
    margin: 0 auto;
    grid-column: 1/3;
  }
  #genre #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .introduction {
    grid-column: 2/4;
  }
  #genre #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .chief {
    grid-column: 2/4;
  }
  #genre #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .kuchikomi {
    grid-column: 2/4;
  }
  #genre #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .link {
    grid-column: 2/4;
  }
  #genre #ranking ul li:nth-of-type(n + 1):nth-of-type(-n + 5) .link a {
    width: min(304px, 24.32vw);
  }
}
@media screen and (min-width: 768px) {
  #genre #ranking ul li:nth-of-type(n + 6) > a {
    padding: min(20px, 1.6vw) 0;
  }
  #genre #ranking ul li:nth-of-type(n + 6) .link a {
    width: min(236px, 18.88vw);
  }
}

#newopen #subNav dl dd ul {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 768px) {
  #newopen #subNav dl dd ul {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  #newopen #ranking ul li:nth-of-type(1) {
    width: min(720px, 57.6vw);
    margin: 0 auto;
    grid-column: 1/3;
  }
  #newopen #ranking ul li:nth-of-type(1) .introduction {
    grid-column: 2/4;
  }
  #newopen #ranking ul li:nth-of-type(1) .chief {
    grid-column: 2/4;
  }
  #newopen #ranking ul li:nth-of-type(1) .kuchikomi {
    grid-column: 2/4;
  }
  #newopen #ranking ul li:nth-of-type(1) .link {
    grid-column: 2/4;
  }
  #newopen #ranking ul li:nth-of-type(1) .link a {
    width: min(304px, 24.32vw);
  }
}
@media screen and (min-width: 768px) {
  #newopen #ranking ul li:nth-of-type(n + 2) > a {
    padding: min(20px, 1.6vw) 0;
  }
  #newopen #ranking ul li:nth-of-type(n + 2) .link a {
    width: min(236px, 18.88vw);
  }
}

.oyu #mainVisual {
  background-image: url(../img/mainVisual/oyu-bg.png);
}
@media screen and (min-width: 768px) {
  .oyu #mainVisual {
    background-image: url(../img/mainVisual/oyu-bg_pc.png);
  }
}

.stonespa #mainVisual {
  background-image: url(../img/mainVisual/stonespa-bg.png);
}
@media screen and (min-width: 768px) {
  .stonespa #mainVisual {
    background-image: url(../img/mainVisual/stonespa-bg_pc.png);
  }
}

.space #mainVisual {
  background-image: url(../img/mainVisual/space-bg.png);
}
@media screen and (min-width: 768px) {
  .space #mainVisual {
    background-image: url(../img/mainVisual/space-bg_pc.png);
  }
}

.meal #mainVisual {
  background-image: url(../img/mainVisual/meal-bg.png);
}
@media screen and (min-width: 768px) {
  .meal #mainVisual {
    background-image: url(../img/mainVisual/meal-bg_pc.png);
  }
}

.cp #mainVisual {
  background-image: url(../img/mainVisual/cp-bg.png);
}
@media screen and (min-width: 768px) {
  .cp #mainVisual {
    background-image: url(../img/mainVisual/cp-bg_pc.png);
  }
}

.full #mainVisual {
  background-image: url(../img/mainVisual/full-bg.png);
}
@media screen and (min-width: 768px) {
  .full #mainVisual {
    background-image: url(../img/mainVisual/full-bg_pc.png);
  }
}

.stay #mainVisual {
  background-image: url(../img/mainVisual/stay-bg.png);
}
@media screen and (min-width: 768px) {
  .stay #mainVisual {
    background-image: url(../img/mainVisual/stay-bg_pc.png);
  }
}

.visit #mainVisual {
  background-image: url(../img/mainVisual/visit-bg.png);
}
@media screen and (min-width: 768px) {
  .visit #mainVisual {
    background-image: url(../img/mainVisual/visit-bg_pc.png);
  }
}

.newopen #mainVisual {
  background-image: url(../img/mainVisual/newopen-bg.png);
}
@media screen and (min-width: 768px) {
  .newopen #mainVisual {
    background-image: url(../img/mainVisual/newopen-bg_pc.png);
  }
}

.campaign #mainVisual {
  height: 115.3846153846vw;
  text-align: center;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .campaign #mainVisual {
    height: min(460px, 36.8vw);
  }
}
.campaign #mainVisual:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/mainVisual/campaign-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #d63837;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .campaign #mainVisual:after {
    background-image: url(../img/mainVisual/campaign-bg_pc.png);
    background-size: auto min(460px, 36.8vw);
  }
}
.campaign #mainVisual h1,
.campaign #mainVisual p {
  position: absolute;
  color: #fff;
}
.campaign #mainVisual dl {
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .campaign #mainVisual dl {
    bottom: min(12px, 0.96vw);
  }
}
.campaign #campaignInner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    width: fit-content;
    margin-top: min(108px, 8.64vw);
    gap: min(12px, 0.96vw);
    transform: translateX(max(-70px, -5.6vw));
  }
}
@media screen and (max-width: 1400px) {
  .campaign #campaignInner {
    transform: none;
  }
}
.campaign #campaignInner #subNav {
  padding: 3.0769230769vw 5.1282051282vw;
  box-shadow: 0 0.5128205128vw 5.3846153846vw 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #subNav {
    position: sticky;
    width: min(200px, 16vw);
    overflow: hidden;
    padding: min(15px, 1.2vw) min(19px, 1.52vw);
    box-shadow: 0 min(2px, 0.16vw) min(12px, 0.96vw) 0 rgba(0, 0, 0, 0.1);
    border-radius: min(4px, 0.32vw);
    top: min(160px, 12.8vw);
    left: 0;
    height: fit-content;
    margin-bottom: min(60px, 4.8vw);
  }
}
.campaign #campaignInner #subNav dl dt {
  display: none;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #subNav dl dt {
    display: block;
    font-family: "Zen Old Mincho", serif;
    font-size: min(18px, 1.44vw);
    line-height: 1.2;
    letter-spacing: min(1.8px, 0.144vw);
    text-align: center;
    font-weight: 400;
  }
}
.campaign #campaignInner #subNav dl dd ul {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
  gap: 3.0769230769vw 0;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #subNav dl dd ul {
    grid-template-columns: 1fr;
    margin-top: min(20px, 1.6vw);
    gap: min(4px, 0.32vw);
  }
}
.campaign #campaignInner #subNav dl dd ul li {
  width: 100%;
}
.campaign #campaignInner #subNav dl dd ul li a {
  border-radius: 11.2820512821vw;
  padding: 2.0512820513vw 0;
  display: block;
  text-align: center;
  font-size: 4.1025641026vw;
  line-height: 1;
  font-weight: 400;
  width: 100%;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #subNav dl dd ul li a {
    font-size: min(16px, 1.28vw);
    line-height: 1;
    padding: min(8px, 0.64vw) 0;
  }
}
.campaign #campaignInner #subNav dl dd ul li a span {
  display: none;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #subNav dl dd ul li a span {
    display: inline-block;
  }
}
@media (hover: hover) and (pointer: fine) {
  .campaign #campaignInner #subNav dl dd ul li a:hover {
    background-color: #F0F0F0;
  }
}
.campaign #campaignInner #subNav dl dd ul li.active a {
  background-color: #F0F0F0;
  font-weight: 700;
}
.campaign #campaignInner #detail {
  margin-top: 12.3076923077vw;
  padding: 0 5.1282051282vw 12.3076923077vw;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail {
    width: min(1000px, 80vw);
    margin-top: 0;
  }
}
.campaign #campaignInner #detail h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
.campaign #campaignInner #detail h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
.campaign #campaignInner #detail ul {
  margin-top: 6.1538461538vw;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.0769230769vw;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul {
    margin-top: min(32px, 2.56vw);
    grid-template-columns: repeat(2, 1fr);
    gap: min(20px, 1.6vw);
  }
}
.campaign #campaignInner #detail ul li {
  width: 100%;
}
.campaign #campaignInner #detail ul li a {
  display: grid;
  border-radius: 2.0512820513vw;
  background: #fff;
  box-shadow: 0 0.5128205128vw 2.0512820513vw 0 rgba(0, 0, 0, 0.25);
  padding: 3.0769230769vw 3.0769230769vw 4.1025641026vw;
  grid-template-columns: 12.8205128205vw 1fr 3.0769230769vw;
  gap: 0 3.0769230769vw;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a {
    grid-template-columns: min(75px, 6vw) 1fr min(12px, 0.96vw);
    padding: min(12px, 0.96vw) min(12px, 0.96vw) min(16px, 1.28vw);
    box-shadow: 0 min(2px, 0.16vw) min(8px, 0.64vw) 0 rgba(0, 0, 0, 0.25);
    border-radius: min(8px, 0.64vw);
    gap: 0 min(12px, 0.96vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  .campaign #campaignInner #detail ul li a:hover {
    background-color: #F0F0F0;
  }
}
.campaign #campaignInner #detail ul li a:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cmask id='a' width='20' height='20' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%234c4d4e' d='m6.688 18.333-1.48-1.479L12.064 10 5.208 3.146l1.48-1.48L15.02 10z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  grid-row: 1/3;
  grid-column: 3/4;
  align-self: center;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a:after {
    display: none;
  }
}
.campaign #campaignInner #detail ul li a span {
  grid-column: 1/2;
  grid-row: 1/3;
  aspect-ratio: 100/80;
  overflow: hidden;
}
.campaign #campaignInner #detail ul li a span img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.campaign #campaignInner #detail ul li a h3 {
  font-size: 3.5897435897vw;
  line-height: 1.2;
  letter-spacing: 0.358974359vw;
  font-weight: 700;
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: flex-end;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a h3 {
    font-size: min(16px, 1.28vw);
    line-height: 1.2;
    letter-spacing: min(1.6px, 0.128vw);
  }
}
.campaign #campaignInner #detail ul li a .pref {
  font-size: 3.0769230769vw;
  line-height: 1.4;
  letter-spacing: 0.3076923077vw;
  font-weight: 400;
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a .pref {
    font-size: min(12px, 0.96vw);
    line-height: 1.4;
    letter-spacing: min(1.2px, 0.096vw);
    margin-top: min(4px, 0.32vw);
  }
}
.campaign #campaignInner #detail ul li a .introduction {
  grid-column: 1/4;
  margin-top: 3.0769230769vw;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  padding: 2.0512820513vw;
  border-left: 1.0256410256vw solid #C61A1A;
  position: relative;
  background-color: #fff6f6;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a .introduction {
    margin-top: min(12px, 0.96vw);
    padding: min(8px, 0.64vw);
    border-left-width: min(4px, 0.32vw);
  }
}
.campaign #campaignInner #detail ul li a .introduction:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='16' fill='none' viewBox='0 0 8 16'%3E%3Cpath fill='%23fff' d='M8 8v8A8 8 0 1 1 8 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 2.0512820513vw;
  aspect-ratio: 8/16;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a .introduction:after {
    width: min(8px, 0.64vw);
  }
}
.campaign #campaignInner #detail ul li a .introduction dt {
  font-size: 3.0769230769vw;
  line-height: 1.4;
  letter-spacing: 0.3076923077vw;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a .introduction dt {
    font-size: min(14px, 1.12vw);
    line-height: 1.4;
    letter-spacing: min(1.4px, 0.112vw);
  }
}
.campaign #campaignInner #detail ul li a .introduction dd {
  font-size: 3.5897435897vw;
  line-height: 1.4;
  letter-spacing: 0.358974359vw;
  color: #C61A1A;
  margin-top: 0.2564102564vw;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a .introduction dd {
    font-size: min(16px, 1.28vw);
    line-height: 1.4;
    letter-spacing: min(1.6px, 0.128vw);
    margin-top: min(1px, 0.08vw);
  }
}
.campaign #campaignInner #detail ul li a .introduction dd span {
  font-size: 6.1538461538vw;
  line-height: 1;
  letter-spacing: 0.6153846154vw;
  padding: 0 1.0256410256vw;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a .introduction dd span {
    font-size: min(28px, 2.24vw);
    line-height: 1;
    letter-spacing: min(2.8px, 0.224vw);
    padding: 0 min(4px, 0.32vw);
  }
}
.campaign #campaignInner #detail ul li a .introduction + p {
  grid-column: 1/4;
  margin-top: 3.0769230769vw;
  font-size: 3.0769230769vw;
  line-height: 1.4;
  letter-spacing: 0.3076923077vw;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul li a .introduction + p {
    font-size: min(10px, 0.8vw);
    line-height: 1.4;
    letter-spacing: min(1px, 0.08vw);
    margin-top: min(12px, 0.96vw);
  }
}
.campaign #campaignInner #detail ul + h2 {
  margin-top: 9.2307692308vw;
}
@media screen and (min-width: 768px) {
  .campaign #campaignInner #detail ul + h2 {
    margin-top: min(60px, 4.8vw);
  }
}

.download #mainVisual {
  height: 84.6153846154vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 6.9230769231vw;
  text-align: center;
  width: 100%;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .download #mainVisual {
    height: min(460px, 36.8vw);
    padding-top: min(52px, 4.16vw);
  }
}
.download #mainVisual > span {
  width: 18.2051282051vw;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .download #mainVisual > span {
    width: min(106px, 8.48vw);
  }
}
.download #mainVisual h1 {
  color: #fff;
  font-size: 9.2307692308vw;
  line-height: 1.2;
  letter-spacing: 0.9230769231vw;
  font-weight: 600;
  margin-top: 3.0769230769vw;
  font-family: "Zen Old Mincho", serif;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .download #mainVisual h1 {
    margin-top: min(20px, 1.6vw);
    font-size: min(52.048px, 4.16384vw);
    line-height: 1.2000076852;
    letter-spacing: min(5.205px, 0.4164vw);
  }
}
.download #mainVisual p {
  font-size: 3.3333333333vw;
  line-height: 1.5384615385;
  color: #fff;
  margin-top: 6.4102564103vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .download #mainVisual p {
    margin-top: min(19px, 1.52vw);
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
  }
}
.download #mainVisual video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#downloadInner {
  margin: 8.2051282051vw auto 0;
  width: 89.7435897436vw;
}
@media screen and (min-width: 768px) {
  #downloadInner {
    margin-top: min(140px, 11.2vw);
    width: min(720px, 57.6vw);
    text-align: center;
  }
}
#downloadInner h2 {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  display: grid;
  gap: 0 2.5641025641vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 2.0512820513vw 0;
  font-size: 4.6153846154vw;
  line-height: 1.2222222222;
  letter-spacing: 0.4615384615vw;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='1' fill='none' viewBox='0 0 350 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h350v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M350 1V0H0v2h350z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='350' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  grid-template-columns: auto;
}
@media screen and (min-width: 768px) {
  #downloadInner h2 {
    grid-template-columns: min(24px, 1.92vw) 1fr;
    gap: min(12px, 0.96vw);
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    padding: min(8px, 0.64vw) 0;
    gap: 0 min(10px, 0.8vw);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='1' fill='none' viewBox='0 0 720 1'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h720v1H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M720 1V0H0v2h720z' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='720' y1='.5' y2='.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.505' stop-color='%23caa72a'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    grid-template-columns: auto auto;
  }
}
#downloadInner h2 span {
  display: block;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #downloadInner h2 span {
    font-size: min(28px, 2.24vw);
    line-height: 1.2;
    letter-spacing: min(2.8px, 0.224vw);
    display: inline-block;
  }
}
#downloadInner h2 + p {
  margin-top: 6.1538461538vw;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
  #downloadInner h2 + p {
    margin-top: min(24px, 1.92vw);
    font-size: min(16px, 1.28vw);
    line-height: 1.5;
  }
}
#downloadInner .dlButton,
#downloadInner .dlButton2 {
  display: none;
}
@media screen and (min-width: 768px) {
  #downloadInner .dlButton,
  #downloadInner .dlButton2 {
    display: block;
  }
}
#downloadInner .dlButton a,
#downloadInner .dlButton2 a {
  display: grid;
  margin: 0 auto;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 768px) {
  #downloadInner .dlButton a,
  #downloadInner .dlButton2 a {
    grid-template-columns: min(60px, 4.8vw) 1fr min(60px, 4.8vw);
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    color: #fff;
    padding: 0 min(20px, 1.6vw);
    border-radius: min(8px, 0.64vw);
    text-align: center;
    font-weight: 700;
    font-size: min(18px, 1.44vw);
    line-height: 1.3333333333;
    box-shadow: 0 min(2px, 0.16vw) 0 0 #75612a;
    margin-top: min(40px, 3.2vw);
    width: min(672px, 53.76vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #downloadInner .dlButton a:hover,
  #downloadInner .dlButton2 a:hover {
    background-color: #323232;
  }
}
#downloadInner .dlButton a:before, #downloadInner .dlButton a:after,
#downloadInner .dlButton2 a:before,
#downloadInner .dlButton2 a:after {
  content: "";
}
#downloadInner .dlButton a:after,
#downloadInner .dlButton2 a:after {
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M29.294 33.588c.186.266.437.412.706.412.27 0 .52-.146.706-.412l5.1-7.266c.19-.272.243-.535.148-.739s-.32-.324-.635-.324h-1.953a.92.92 0 0 1-.678-.304 1.08 1.08 0 0 1-.28-.732V18.23c-.002-.326-.122-.639-.335-.87a1.1 1.1 0 0 0-.804-.361h-2.537a1.1 1.1 0 0 0-.804.361c-.213.231-.333.544-.334.87v5.994c0 .274-.102.538-.282.732a.92.92 0 0 1-.678.302h-1.952c-.316 0-.542.114-.636.32-.095.206-.042.47.148.742z'/%3E%3Cpath d='M41.087 32v6.875H18.913V32H15v9.429c0 .416.158.816.437 1.11.28.295.658.46 1.054.461h27.018c.396 0 .774-.166 1.054-.46s.436-.695.437-1.111V32z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h60v60H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}
@media screen and (min-width: 768px) {
  #downloadInner .dlButton2 a {
    padding: min(14px, 1.12vw) min(20px, 1.6vw);
  }
}
#downloadInner .dlButton2 a span {
  display: block;
  grid-row: 2/3;
  grid-column: 2/3;
}
@media screen and (min-width: 768px) {
  #downloadInner .dlButton2 a span {
    font-size: min(14px, 1.12vw);
    line-height: 1.4285714286;
    margin-top: min(4px, 0.32vw);
  }
}
#downloadInner .dlButton2 a:before, #downloadInner .dlButton2 a:after {
  grid-row: 1/3;
}
@media screen and (min-width: 768px) {
  #downloadInner .dlButton2 + .dlButton2 {
    margin-top: min(32px, 2.56vw);
  }
}
#downloadInner > div:not(#attention) ul {
  display: grid;
  margin-top: 10.2564102564vw;
}
@media screen and (min-width: 768px) {
  #downloadInner > div:not(#attention) ul {
    margin-top: min(40px, 3.2vw);
  }
}
#downloadInner > div:not(#attention) ul li figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  width: 100%;
}
#downloadInner > div:not(#attention) ul li figure span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#downloadInner > div:not(#attention) ul li figure img {
  width: 100%;
}
#downloadInner > div:not(#attention) ul li figure figcaption {
  font-size: 5.1282051282vw;
  line-height: 1.7;
  font-weight: 700;
  margin-top: 4.8717948718vw;
}
@media screen and (min-width: 768px) {
  #downloadInner > div:not(#attention) ul li figure figcaption {
    font-size: min(28px, 2.24vw);
    line-height: 1.2142857143;
    margin-top: min(16px, 1.28vw);
  }
}
#downloadInner > div:not(#attention) + div {
  margin-top: 15.3846153846vw;
}
@media screen and (min-width: 768px) {
  #downloadInner > div:not(#attention) + div {
    margin-top: min(80px, 6.4vw);
  }
}
#downloadInner #logo ul {
  grid-template-columns: 1fr;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #downloadInner #logo ul {
    grid-template-columns: repeat(2, 1fr);
    gap: min(20px, 1.6vw);
    width: min(620px, 49.6vw);
  }
}
#downloadInner #logo ul li {
  display: none;
}
@media screen and (min-width: 768px) {
  #downloadInner #logo ul li {
    display: block;
  }
}
#downloadInner #logo ul li:nth-of-type(1) {
  grid-column: 1/3;
}
@media screen and (min-width: 768px) {
  #downloadInner #logo ul li:nth-of-type(1) img {
    width: min(500px, 40vw);
  }
}
#downloadInner #logo ul li:nth-of-type(2) {
  display: block;
}
#downloadInner #logo ul li:nth-of-type(2) img {
  width: 76.9230769231vw;
}
@media screen and (min-width: 768px) {
  #downloadInner #logo ul li:nth-of-type(2) img {
    width: min(300px, 24vw);
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #logo ul li:nth-of-type(3) img {
    width: min(200px, 16vw);
  }
}
#downloadInner #rankingBanner ul {
  grid-template-columns: 1fr;
  gap: 15.3846153846vw;
}
@media screen and (min-width: 768px) {
  #downloadInner #rankingBanner ul {
    gap: min(56px, 4.48vw);
  }
}
#downloadInner #rankingBanner ul li span {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 5.1282051282vw;
}
@media screen and (min-width: 768px) {
  #downloadInner #rankingBanner ul li span {
    gap: min(40px, 3.2vw);
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #rankingBanner ul li:nth-of-type(1) img {
    width: min(300px, 24vw);
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #rankingBanner ul li:nth-of-type(2) img {
    width: min(640px, 51.2vw);
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #rankingBanner ul li:nth-of-type(3) img {
    width: min(600px, 48vw);
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #rankingBanner ul li:nth-of-type(4) img {
    width: min(300px, 24vw);
  }
}
#downloadInner #ticketBanner h2 br {
  display: block;
}
@media screen and (min-width: 768px) {
  #downloadInner #ticketBanner h2 br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #ticketBanner ul li figure span img {
    width: min(640px, 51.2vw);
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #ticketBanner ul li figure figcaption span {
    font-size: min(16px, 1.28vw);
    line-height: 1.5;
    font-weight: 400;
  }
}
#downloadInner #badge {
  display: none;
}
@media screen and (min-width: 768px) {
  #downloadInner #badge {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #downloadInner #badge ul {
    grid-template-columns: repeat(5, 1fr);
    gap: min(40px, 3.2vw);
  }
}
#downloadInner #attention {
  padding-bottom: 15.3846153846vw;
}
@media screen and (min-width: 768px) {
  #downloadInner #attention {
    margin-top: min(80px, 6.4vw);
    padding-bottom: min(100px, 8vw);
  }
}
#downloadInner #attention ul {
  margin-top: 6.1538461538vw;
}
@media screen and (min-width: 768px) {
  #downloadInner #attention ul {
    margin-top: min(24px, 1.92vw);
  }
}
#downloadInner #attention ul li {
  text-align: left;
  list-style-type: disc;
  margin-left: 5.1282051282vw;
  font-size: 3.5897435897vw;
  line-height: 2.2857142857;
}
@media screen and (min-width: 768px) {
  #downloadInner #attention ul li {
    margin-left: min(20px, 1.6vw);
    font-size: min(16px, 1.28vw);
    line-height: 2;
  }
}/*# sourceMappingURL=style.css.map */