@keyframes mainVisualFloatIn {
  0% {
    opacity: 0;
    transform: translateY(32px) scale(0.92);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes mainVisualVideoFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#hyakumeitou {
  overflow-x: hidden;
}
#hyakumeitou #mainVisual {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  height: min(400px, 32vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #mainVisual {
    height: 172.3076923077vw;
  }
}
#hyakumeitou #mainVisual .bg-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  animation: mainVisualVideoFadeIn 2.4s ease 0.1s forwards;
}
#hyakumeitou #mainVisual .bg-video-wrap--pc {
  display: block;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #mainVisual .bg-video-wrap--pc {
    display: none;
  }
}
#hyakumeitou #mainVisual .bg-video-wrap--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #mainVisual .bg-video-wrap--sp {
    display: block;
  }
}
#hyakumeitou #mainVisual .bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#hyakumeitou #mainVisual .logo,
#hyakumeitou #mainVisual .title,
#hyakumeitou #mainVisual picture {
  position: relative;
  z-index: 1;
}
#hyakumeitou #mainVisual .logo,
#hyakumeitou #mainVisual .title,
#hyakumeitou #mainVisual .title2 {
  opacity: 0;
  will-change: opacity, transform, filter;
  animation: mainVisualFloatIn 1.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
#hyakumeitou #mainVisual .logo {
  width: min(106.5px, 8.52vw);
  animation-delay: 0.4s;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #mainVisual .logo {
    width: 27.3076923077vw;
  }
}
#hyakumeitou #mainVisual .title {
  width: min(173px, 13.84vw);
  margin-top: min(12.6px, 1.008vw);
  animation-delay: 0.75s;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #mainVisual .title {
    margin-top: 3.2307692308vw;
    width: 44.358974359vw;
  }
}
#hyakumeitou #mainVisual .title2 {
  width: min(326px, 26.08vw);
  margin-top: min(20px, 1.6vw);
  animation-delay: 1.5s;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #mainVisual .title2 {
    margin-top: 8.7179487179vw;
    width: 56.4102564103vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  #hyakumeitou #mainVisual .bg-video-wrap {
    animation: none;
    opacity: 1;
  }
  #hyakumeitou #mainVisual .logo,
  #hyakumeitou #mainVisual .title,
  #hyakumeitou #mainVisual .title2 {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}
#hyakumeitou #overview {
  width: min(800px, 64vw);
  margin: 0 auto;
  padding: min(80px, 6.4vw) 0;
  display: grid;
  grid-template-columns: min(244px, 19.52vw) min(520px, 41.6vw);
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview {
    width: 100%;
    display: block;
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
#hyakumeitou #overview:before {
  content: "";
  display: block;
  background-image: url(../img/overview-bg.png);
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: min(116px, 9.28vw);
  right: max(-177px, -14.16vw);
  width: min(416px, 33.28vw);
  aspect-ratio: 416/432;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview:before {
    width: 106.6666666667vw;
    top: 84.6153846154vw;
    left: 35.8974358974vw;
    right: auto;
    bottom: auto;
  }
}
#hyakumeitou #overview h2 {
  grid-column: 1/3;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview h2 + img {
    display: none;
  }
}
#hyakumeitou #overview p {
  margin-top: min(24px, 1.92vw);
  font-size: min(1.12vw, 14px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview p {
    margin-top: 6.1538461538vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
  }
}
#hyakumeitou #overview p span {
  display: block;
  margin: min(22.4px, 1.792vw) 0;
  font-size: min(0.8vw, 10px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview p span {
    margin: 5.7435897436vw 0;
    font-size: 2.5641025641vw;
    line-height: 1.6;
  }
}
#hyakumeitou #overview p strong {
  display: block;
  margin: min(22.4px, 1.792vw) 0;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview p strong {
    margin: 5.7435897436vw 0;
  }
}
#hyakumeitou #overview .share {
  margin: min(20px, 1.6vw) auto 0;
  background-color: #f3f3f3;
  grid-column: 2/3;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview .share {
    width: 100%;
    margin-top: 6.1538461538vw;
  }
}
#hyakumeitou #overview .share dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(16px, 1.28vw);
  height: min(56px, 4.48vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview .share dl {
    gap: 3.0769230769vw;
    height: 12.3076923077vw;
  }
}
#hyakumeitou #overview .share dl dt {
  font-size: min(1.12vw, 14px);
  line-height: 1.4285714286;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview .share dl dt {
    font-size: 3.0769230769vw;
    line-height: 1;
  }
}
#hyakumeitou #overview .share dl dd ul {
  display: grid;
  grid-template-columns: repeat(3, min(36px, 2.88vw));
  gap: min(12px, 0.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #overview .share dl dd ul {
    grid-template-columns: repeat(3, 7.1794871795vw);
    gap: 3.0769230769vw;
  }
}
#hyakumeitou #overview .share dl dd ul li a {
  display: block;
  background-color: #fff;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou #overview .share dl dd ul li a:hover {
    background-color: #F4E7CF;
  }
}
#hyakumeitou #overview .share dl dd ul li a img {
  aspect-ratio: 1/1;
  width: 100%;
}
#hyakumeitou #selection h3 {
  background-color: #F4E7CF;
}
#hyakumeitou #selection h3 img {
  width: min(1000px, 80vw);
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection h3 img {
    width: 100%;
  }
}
#hyakumeitou #selection h3 + p {
  margin: min(24px, 1.92vw) auto 0;
  font-size: min(1.12vw, 14px);
  line-height: 1.6;
  text-align: center;
  width: min(392px, 31.36vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection h3 + p {
    width: 100%;
    margin-top: 6.1538461538vw;
    font-size: 3.5897435897vw;
    line-height: 1.8285714286;
  }
}
#hyakumeitou #selection h3 + p strong {
  font-weight: 700;
  margin-top: min(24px, 1.92vw);
  font-size: min(1.28vw, 16px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection h3 + p strong {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}
#hyakumeitou #selection h3 + p span {
  display: block;
  margin-top: min(4px, 0.32vw);
  font-size: min(0.8vw, 10px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection h3 + p span {
    margin-top: 1.0256410256vw;
    font-size: 2.5641025641vw;
    line-height: 1.6;
  }
}
#hyakumeitou #selection .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e1e1e;
  gap: min(40px, 3.2vw);
  padding: min(48px, 3.84vw) 0;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .nav {
    gap: 5.1282051282vw;
    padding: 6.1538461538vw 5.1282051282vw 8.2051282051vw;
  }
}
#hyakumeitou #selection .nav select {
  appearance: none;
  border: none;
  border-bottom: 1px solid #cecece;
  background-color: transparent;
  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%3Cpath fill='%231e1e1e' d='m12 16-6-6h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: min(240px, 19.2vw);
  padding: min(8px, 0.64vw) min(12px, 0.96vw);
  padding-right: min(40px, 3.2vw);
  background-position: right 0 center;
  background-size: min(24px, 1.92vw) min(24px, 1.92vw);
  font-size: min(1.44vw, 18px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .nav select {
    width: 41.0256410256vw;
    padding: 2.0512820513vw 3.0769230769vw;
    padding-right: 10.2564102564vw;
    background-size: 6.1538461538vw 6.1538461538vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
  }
}
#hyakumeitou #selection .nav ul {
  display: flex;
  gap: min(12px, 0.96vw);
  width: min(212px, 16.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .nav ul {
    gap: 2.0512820513vw;
    width: 41.0256410256vw;
  }
}
#hyakumeitou #selection .nav ul li {
  flex: none;
  width: min(100px, 8vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .nav ul li {
    flex: 1;
    width: auto;
    min-width: 0;
  }
}
#hyakumeitou #selection .nav ul li label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: rgba(225, 225, 225, 0.2);
  cursor: pointer;
  gap: min(4px, 0.32vw);
  height: min(40px, 3.2vw);
  padding: min(10px, 0.8vw);
  border-radius: min(8px, 0.64vw);
  font-size: min(1.44vw, 18px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .nav ul li label {
    gap: 1.0256410256vw;
    height: 10.2564102564vw;
    padding: 2.5641025641vw;
    border-radius: 2.0512820513vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
  }
}
#hyakumeitou #selection .nav ul li:has([value=newstar]:checked) label {
  background-color: rgba(68, 118, 168, 0.2);
}
#hyakumeitou #selection .nav ul li:has([value=meiten]:checked) label {
  background-color: rgba(209, 92, 58, 0.2);
}
#hyakumeitou #selection .nav ul li input[type=checkbox] {
  appearance: none;
  flex-shrink: 0;
  margin: 0;
  width: min(20px, 1.6vw);
  height: min(20px, 1.6vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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%3Crect width='14' height='14' x='1' y='1' stroke='%23cecece' stroke-width='1.5' rx='1'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .nav ul li input[type=checkbox] {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
}
#hyakumeitou #selection .nav ul li input[type=checkbox][value=newstar]:checked {
  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%3Crect width='14' height='14' x='1' y='1' stroke='%234476A8' stroke-width='1.5' rx='1'/%3E%3Cpath stroke='%234476A8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 8 3 3 5-6'/%3E%3C/svg%3E");
}
#hyakumeitou #selection .nav ul li input[type=checkbox][value=meiten]:checked {
  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%3Crect width='14' height='14' x='1' y='1' stroke='%23D15C3A' stroke-width='1.5' rx='1'/%3E%3Cpath stroke='%23D15C3A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 8 3 3 5-6'/%3E%3C/svg%3E");
}
#hyakumeitou #selection .list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(17px, 1.36vw);
  padding: min(48px, 3.84vw) 0;
  text-align: center;
  color: #1e1e1e;
  font-size: min(1.28vw, 16px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list-empty {
    gap: 4.358974359vw;
    padding: 10.2564102564vw 5.1282051282vw;
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}
#hyakumeitou #selection .list-empty svg {
  width: min(84px, 6.72vw);
  height: min(84px, 6.72vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list-empty svg {
    width: 21.5384615385vw;
    height: 21.5384615385vw;
  }
}
#hyakumeitou #selection .list-empty[hidden] {
  display: none;
}
#hyakumeitou #selection .list {
  display: grid;
  grid-template-columns: repeat(3, min(320px, 25.6vw));
  justify-content: space-between;
  width: min(1000px, 80vw);
  margin: 0 auto;
  gap: min(20px, 1.6vw) 0;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 5vw;
    gap: 8.2051282051vw;
  }
}
#hyakumeitou #selection .list li {
  position: relative;
  display: flex;
}
#hyakumeitou #selection .list li[data-category=newstar]:before, #hyakumeitou #selection .list li[data-category=meiten]:before {
  content: "";
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  z-index: 10;
  pointer-events: none;
  width: min(55px, 4.4vw);
  top: min(11px, 0.88vw);
  left: min(11px, 0.88vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li[data-category=newstar]:before, #hyakumeitou #selection .list li[data-category=meiten]:before {
    width: 15.3846153846vw;
    top: 3.0769230769vw;
    left: 3.0769230769vw;
  }
}
#hyakumeitou #selection .list li[data-category=newstar]:before {
  background-image: url(../img/icon-newstar.png);
}
#hyakumeitou #selection .list li[data-category=meiten]:before {
  background-image: url(../img/icon-meiten.png);
}
#hyakumeitou #selection .list li a {
  display: flex;
  position: relative;
  color: #222;
  padding-bottom: min(20px, 1.6vw);
  border-radius: min(8px, 0.64vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a {
    padding-bottom: 0;
    border-radius: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou #selection .list li a:hover {
    opacity: 0.7;
  }
  #hyakumeitou #selection .list li a:hover figure img {
    transform: scale(1.03);
    transition: transform 0.2s linear;
  }
}
#hyakumeitou #selection .list li a figure span {
  overflow: hidden;
  aspect-ratio: 320/180;
  display: block;
  border-radius: min(8px, 0.64vw) min(8px, 0.64vw) 0 0;
  margin-bottom: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure span {
    aspect-ratio: 350/200;
    border-radius: 2.0512820513vw 2.0512820513vw 0 0;
    margin-bottom: 4.1025641026vw;
  }
}
#hyakumeitou #selection .list li a figure img {
  aspect-ratio: 320/180;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform 0.2s linear;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure img {
    aspect-ratio: 350/200;
  }
}
#hyakumeitou #selection .list li a figure figcaption {
  display: grid;
  position: relative;
  grid-template-columns: auto 1fr min(20px, 1.6vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure figcaption {
    grid-template-columns: auto 1fr 5.1282051282vw;
  }
}
#hyakumeitou #selection .list li a figure figcaption:after {
  content: "";
  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.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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
  align-self: center;
  transition: transform 0.2s linear;
  grid-column: 3/4;
  grid-row: 1/3;
}
#hyakumeitou #selection .list li a figure figcaption h4 {
  font-weight: 700;
  grid-column: 1/3;
  margin-right: min(16px, 1.28vw);
  font-size: min(1.6vw, 20px);
  line-height: 1.4;
  letter-spacing: min(2px, 0.16vw);
  margin-bottom: min(8px, 0.64vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure figcaption h4 {
    margin-right: 4.1025641026vw;
    font-size: 5.1282051282vw;
    line-height: 1.4;
    letter-spacing: 0.5128205128vw;
    margin-bottom: 2.0512820513vw;
  }
}
#hyakumeitou #selection .list li a figure figcaption .pref {
  grid-column: 1/2;
  margin-right: min(8px, 0.64vw);
  font-size: min(1.12vw, 14px);
  line-height: 1.4;
  letter-spacing: min(1.4px, 0.112vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure figcaption .pref {
    margin-right: 2.0512820513vw;
    font-size: 3.5897435897vw;
    line-height: 1.4;
    letter-spacing: 0.358974359vw;
  }
}
#hyakumeitou #selection .list li a figure figcaption .tag {
  display: flex;
  grid-column: 2/3;
  gap: min(7px, 0.56vw);
  margin-right: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure figcaption .tag {
    gap: 2.0512820513vw;
    margin-right: 4.1025641026vw;
  }
}
#hyakumeitou #selection .list li a figure figcaption .tag li {
  font-weight: 700;
  padding: 0 min(9.5px, 0.76vw);
  border-radius: min(4px, 0.32vw);
  font-size: min(0.88vw, 11px);
  line-height: 1.8181818182;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure figcaption .tag li {
    padding: 0 3.0769230769vw;
    border-radius: 1.0256410256vw;
    font-size: 2.8205128205vw;
    line-height: 1.8181818182;
  }
}
#hyakumeitou #selection .list li a figure figcaption .tag li.coupon {
  background-color: #ffd2d3;
  color: #AE2224;
}
#hyakumeitou #selection .list li a figure figcaption .tag li.ticket {
  background-color: #d7e7ff;
  color: #003e96;
}
#hyakumeitou #selection .list li a figure figcaption .tag li.subscription {
  background-color: #fae5f5;
  color: #5b134a;
}
#hyakumeitou #selection .list li a figure figcaption .text {
  grid-column: 1/4;
  margin-top: min(16px, 1.28vw);
  font-size: min(1.04vw, 13px);
  line-height: 1.5384615385;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #selection .list li a figure figcaption .text {
    margin-top: 4.1025641026vw;
    font-size: 3.3333333333vw;
    line-height: 1.5384615385;
  }
}
#hyakumeitou #cta {
  width: min(100px, 8vw);
  aspect-ratio: 1/1;
  background-color: #C61A1A;
  border-radius: 50%;
  position: fixed;
  display: block;
  bottom: min(20px, 1.6vw);
  right: min(40px, 3.2vw);
  transition: transform 0.2s linear;
}
@media screen and (max-width: 767px) {
  #hyakumeitou #cta {
    width: 20.5128205128vw;
    bottom: 5.1282051282vw;
    right: 5.1282051282vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou #cta:hover {
    transform: translateY(max(-5px, -0.4vw));
  }
}

#hyakumeitou_campaign #mainVisual {
  height: auto;
  max-height: max-content;
  background: linear-gradient(0deg, #f2de9d 0%, #fcf8eb 51%, #f2de9d 100%);
}
#hyakumeitou_campaign #mainVisual img {
  display: block;
  margin: 0 auto;
  width: min(1000px, 80vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #mainVisual img {
    width: 100%;
  }
}
#hyakumeitou_campaign #selection {
  width: min(832px, 66.56vw);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection {
    display: block;
    width: 100%;
    padding: 0 5vw;
  }
}
#hyakumeitou_campaign #selection h2 {
  display: block;
  font-weight: 700;
  color: #222;
  text-align: center;
  margin-top: min(60px, 4.8vw);
  font-size: min(2.24vw, 28px);
  line-height: 1.4;
  letter-spacing: min(2.8px, 0.224vw);
  width: 100%;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection h2 {
    margin-top: 10.2564102564vw;
    font-size: 5.1282051282vw;
    line-height: 1.4;
    letter-spacing: 0.5128205128vw;
  }
}
#hyakumeitou_campaign #selection .newstar, #hyakumeitou_campaign #selection .meiten {
  border: min(1px, 0.08vw) solid #31689F;
  width: min(400px, 32vw);
  border-radius: min(8px, 0.64vw);
  padding: min(20px, 1.6vw);
  margin-top: min(40px, 3.2vw);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar, #hyakumeitou_campaign #selection .meiten {
    display: block;
    width: 100%;
    border-width: 0.2564102564vw;
    border-radius: 2.0512820513vw;
    padding: 5.1282051282vw 3.0769230769vw;
    margin-top: 8.2051282051vw;
  }
}
#hyakumeitou_campaign #selection .newstar > dd, #hyakumeitou_campaign #selection .meiten > dd {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar > dd, #hyakumeitou_campaign #selection .meiten > dd {
    display: block;
    flex: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #selection .newstar div > a:hover figcaption:after, #hyakumeitou_campaign #selection .meiten div > a:hover figcaption:after {
    transform: translateX(min(5px, 0.4vw));
  }
  #hyakumeitou_campaign #selection .newstar div > a:hover figure img, #hyakumeitou_campaign #selection .meiten div > a:hover figure img {
    transform: scale(1.03);
    transition: transform 0.2s linear;
  }
}
#hyakumeitou_campaign #selection .newstar div figure span, #hyakumeitou_campaign #selection .meiten div figure span {
  display: block;
  aspect-ratio: 320/200;
  overflow: hidden;
  border-radius: min(8px, 0.64vw) min(8px, 0.64vw) 0 0;
  margin-bottom: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure span, #hyakumeitou_campaign #selection .meiten div figure span {
    aspect-ratio: 350/200;
    border-radius: 2.0512820513vw 2.0512820513vw 0 0;
    margin-bottom: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #selection .newstar div figure span img, #hyakumeitou_campaign #selection .meiten div figure span img {
  object-fit: cover;
  object-position: center;
  transition: transform 0.2s linear;
  aspect-ratio: 320/200;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure span img, #hyakumeitou_campaign #selection .meiten div figure span img {
    aspect-ratio: 350/200;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption, #hyakumeitou_campaign #selection .meiten div figure figcaption {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min(20px, 1.6vw);
  gap: 0 min(16px, 1.28vw);
  margin-bottom: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption, #hyakumeitou_campaign #selection .meiten div figure figcaption {
    grid-template-columns: 1fr 5.1282051282vw;
    gap: 0 4.1025641026vw;
    margin-bottom: 0;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption:after, #hyakumeitou_campaign #selection .meiten div figure figcaption:after {
  content: "";
  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.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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
  align-self: center;
  transition: transform 0.2s linear;
  grid-column: 2/3;
  grid-row: 1/3;
}
#hyakumeitou_campaign #selection .newstar div figure figcaption h4, #hyakumeitou_campaign #selection .meiten div figure figcaption h4 {
  font-weight: 700;
  font-size: min(1.6vw, 20px);
  line-height: 1.4;
  letter-spacing: min(2px, 0.16vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption h4, #hyakumeitou_campaign #selection .meiten div figure figcaption h4 {
    font-size: 5.1282051282vw;
    line-height: 1.4;
    letter-spacing: 0.5128205128vw;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption .pref, #hyakumeitou_campaign #selection .meiten div figure figcaption .pref {
  font-size: min(1.12vw, 14px);
  line-height: 1.4;
  letter-spacing: min(1.4px, 0.112vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption .pref, #hyakumeitou_campaign #selection .meiten div figure figcaption .pref {
    font-size: 3.5897435897vw;
    line-height: 1.4;
    letter-spacing: 0.358974359vw;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption .text, #hyakumeitou_campaign #selection .meiten div figure figcaption .text {
  grid-column: 1/3;
  font-size: min(1.04vw, 13px);
  line-height: 1.5384615385;
  margin-top: min(12px, 0.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption .text, #hyakumeitou_campaign #selection .meiten div figure figcaption .text {
    margin-top: 3.0769230769vw;
    font-size: 3.3333333333vw;
    line-height: 1.5384615385;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption dl, #hyakumeitou_campaign #selection .meiten div figure figcaption dl {
  margin-top: min(12px, 0.96vw);
  margin-bottom: min(16px, 1.28vw);
  grid-column: 1/3;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption dl, #hyakumeitou_campaign #selection .meiten div figure figcaption dl {
    margin-top: 3.0769230769vw;
    margin-bottom: 0;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption dl dt, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dt {
  background-color: #F4E7CF;
  font-weight: 400;
  text-align: center;
  font-size: min(0.96vw, 12px);
  line-height: 1.6666666667;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption dl dt, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dt {
    font-size: 3.0769230769vw;
    line-height: 1.6666666667;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption dl dd, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dd {
  background-color: #fffaf0;
}
#hyakumeitou_campaign #selection .newstar div figure figcaption dl dd ul, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dd ul {
  padding: min(12px, 0.96vw);
  gap: min(12px, 0.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption dl dd ul, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dd ul {
    padding: 3.0769230769vw;
    display: flex;
    flex-direction: column;
    gap: 3.0769230769vw;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption dl dd ul li, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dd ul li {
  position: relative;
  display: grid;
  grid-template-columns: min(15px, 1.2vw) 1fr;
  gap: 0 min(8px, 0.64vw);
  font-size: min(1.04vw, 13px);
  line-height: 1.5384615385;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div figure figcaption dl dd ul li, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dd ul li {
    font-size: 3.3333333333vw;
    line-height: 1.5384615385;
    grid-template-columns: 3.8461538462vw 1fr;
    gap: 0 2.0512820513vw;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption dl dd ul li:before, #hyakumeitou_campaign #selection .meiten div figure figcaption dl dd ul li:before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23b71f22' d='M13.753 8.878s-.206-.197-.345-.106c-.099.065 0 .353 0 .353.107.287.164.59.156.902-.008 1.805-2.462 3.06-6.351 3.036-3.89-.024-6.318-1.305-6.31-3.118q0-.47.172-.903s.115-.287.008-.352c-.14-.099-.344.098-.344.098-.5.533-.73 1.149-.739 1.813-.016 1.986 1.723 4.366 7.196 4.399 5.482.033 7.238-2.322 7.254-4.308 0-.665-.222-1.289-.714-1.822z'/%3E%3Cpath fill='%23b71f22' d='M5.589 3.43s-.107-.624.287-1.682C6.27.689 6.729.016 6.976.008c.18 0-.033 1.51-.033 1.51s-.361 1.78.517 3.405.787 2.249.36 3.775c-.426 1.526-.968 2.461-1.19 2.347-.22-.115.083-1.043.14-1.863s.206-2.084-.41-3.389c-.468-1.01-.796-1.387-.78-2.363zM9.271 4.382s-.082-.5.23-1.346c.312-.845.68-1.387.886-1.395.148 0-.025 1.215-.025 1.215s-.287 1.427.419 2.732c.705 1.305.632 1.797.287 3.028-.345 1.222-.78 1.977-.952 1.879s.066-.837.115-1.494c.05-.664.164-1.673-.328-2.724-.378-.804-.64-1.116-.632-1.895M2.692 4.332s-.082-.5.23-1.345.681-1.387.886-1.395c.148 0-.024 1.214-.024 1.214s-.287 1.428.418 2.733c.706 1.304.632 1.797.287 3.028-.344 1.222-.78 1.977-.951 1.879-.173-.099.065-.837.114-1.494.05-.664.165-1.674-.328-2.724-.377-.812-.64-1.116-.632-1.896'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
}
#hyakumeitou_campaign #selection .newstar div, #hyakumeitou_campaign #selection .meiten div {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: min(12px, 0.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div, #hyakumeitou_campaign #selection .meiten div {
    display: block;
    flex: none;
    margin-top: 3.0769230769vw;
  }
}
#hyakumeitou_campaign #selection .newstar div figure figcaption, #hyakumeitou_campaign #selection .meiten div figure figcaption {
  margin-bottom: 0;
}
#hyakumeitou_campaign #selection .newstar div .coupon, #hyakumeitou_campaign #selection .meiten div .coupon {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  width: min(300px, 24vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div .coupon, #hyakumeitou_campaign #selection .meiten div .coupon {
    margin-top: 4.1025641026vw;
    width: 68.2051282051vw;
  }
}
#hyakumeitou_campaign #selection .newstar div .coupon a, #hyakumeitou_campaign #selection .meiten div .coupon a {
  display: grid;
  background-color: #b72021;
  color: #fff;
  font-weight: 700;
  align-items: center;
  text-align: center;
  grid-template-columns: min(24px, 1.92vw) 1fr min(20px, 1.6vw);
  padding: min(14px, 1.12vw) min(20px, 1.6vw);
  border-radius: min(42px, 3.36vw);
  box-shadow: 0 min(2px, 0.16vw) 0 0 #580708;
  font-size: min(1.12vw, 14px);
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #selection .newstar div .coupon a, #hyakumeitou_campaign #selection .meiten div .coupon a {
    grid-template-columns: 6.1538461538vw 1fr 5.1282051282vw;
    padding: 3.5897435897vw 5.1282051282vw;
    border-radius: 10.7692307692vw;
    box-shadow: 0 0.5128205128vw 0 0 #d98789;
    font-size: 3.5897435897vw;
    line-height: 1.4285714286;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #selection .newstar div .coupon a:hover, #hyakumeitou_campaign #selection .meiten div .coupon a:hover {
    opacity: 0.8;
  }
  #hyakumeitou_campaign #selection .newstar div .coupon a:hover:after, #hyakumeitou_campaign #selection .meiten div .coupon a:hover:after {
    transform: translateX(min(5px, 0.4vw));
  }
}
#hyakumeitou_campaign #selection .newstar div .coupon a:before, #hyakumeitou_campaign #selection .meiten div .coupon a:before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
}
#hyakumeitou_campaign #selection .newstar div .coupon a:after, #hyakumeitou_campaign #selection .meiten div .coupon a:after {
  content: "";
  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='%23fff' 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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
  transition: transform 0.2s linear;
}
#hyakumeitou_campaign #selection .newstar {
  border-color: #31689F;
}
#hyakumeitou_campaign #selection .meiten {
  border-color: #C94018;
}
#hyakumeitou_campaign #forCampaign {
  width: min(680px, 54.4vw);
  margin: min(60px, 4.8vw) auto 0;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign {
    width: 100%;
    padding: 0 5.1282051282vw;
    margin-top: 13.3333333333vw;
  }
}
#hyakumeitou_campaign #forCampaign h3 {
  margin: 0 auto;
  width: min(447px, 35.76vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign h3 {
    width: 76.9230769231vw;
  }
}
#hyakumeitou_campaign #forCampaign h4 {
  font-weight: 400;
  text-align: center;
  background-color: #F4E7CF;
  padding: min(20px, 1.6vw) 0;
  font-size: min(1.6vw, 20px);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign h4 {
    font-size: 4.6153846154vw;
    line-height: 1.4;
    padding: 5.1282051282vw 0;
  }
}
#hyakumeitou_campaign #forCampaign h4 {
  margin-top: min(24px, 1.92vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign h4 {
    margin-top: 6.1538461538vw;
  }
}
#hyakumeitou_campaign #forCampaign p a {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: none;
  background-color: #b72021;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-align: center;
  transition: opacity 0.2s linear;
  min-height: min(52px, 4.16vw);
  padding: min(8px, 0.64vw) min(12px, 0.96vw);
  font-size: min(1.44vw, 18px);
  line-height: 1.5555555556;
  grid-template-columns: min(8px, 0.64vw) 1fr min(8px, 0.64vw);
  padding: 0 min(12px, 0.96vw);
  border-radius: min(4px, 0.32vw);
  box-shadow: 0 min(2px, 0.16vw) 0 #580708;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign p a {
    min-height: 13.3333333333vw;
    padding: 2.0512820513vw 3.0769230769vw;
    font-size: 4.1025641026vw;
    line-height: 1.75;
    grid-template-columns: 2.0512820513vw 1fr 2.0512820513vw;
    padding: 0 3.0769230769vw;
    border-radius: 1.0256410256vw;
    box-shadow: 0 0.5128205128vw 0 #580708;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #forCampaign p a:hover:not(:disabled) {
    opacity: 0.8;
  }
  #hyakumeitou_campaign #forCampaign p a:hover:not(:disabled):after {
    transform: translateX(min(5px, 0.4vw));
  }
}
#hyakumeitou_campaign #forCampaign p a:before {
  content: "";
}
#hyakumeitou_campaign #forCampaign p a:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1l6 6-6 6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.2s linear;
  pointer-events: none;
  width: 100%;
  aspect-ratio: 8/14;
}
#hyakumeitou_campaign #forCampaign p a {
  margin-top: min(24px, 1.92vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign p a {
    margin-top: 6.1538461538vw;
  }
}
#hyakumeitou_campaign #forCampaign .share {
  margin: min(20px, 1.6vw) auto 0;
  background-color: #f3f3f3;
  grid-column: 2/3;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign .share {
    width: 100%;
    margin-top: 6.1538461538vw;
  }
}
#hyakumeitou_campaign #forCampaign .share dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(16px, 1.28vw);
  height: min(56px, 4.48vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign .share dl {
    gap: 3.0769230769vw;
    height: 12.3076923077vw;
  }
}
#hyakumeitou_campaign #forCampaign .share dl dt {
  font-size: min(1.12vw, 14px);
  line-height: 1.4285714286;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign .share dl dt {
    font-size: 3.0769230769vw;
    line-height: 1;
  }
}
#hyakumeitou_campaign #forCampaign .share dl dd ul {
  display: grid;
  grid-template-columns: repeat(3, min(36px, 2.88vw));
  gap: min(12px, 0.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #forCampaign .share dl dd ul {
    grid-template-columns: repeat(3, 7.1794871795vw);
    gap: 3.0769230769vw;
  }
}
#hyakumeitou_campaign #forCampaign .share dl dd ul li a {
  display: block;
  background-color: #fff;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #forCampaign .share dl dd ul li a:hover {
    background-color: #F4E7CF;
  }
}
#hyakumeitou_campaign #forCampaign .share dl dd ul li a img {
  aspect-ratio: 1/1;
  width: 100%;
}
#hyakumeitou_campaign #how {
  margin-top: min(100px, 8vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how {
    margin-top: 13.3333333333vw;
  }
}
#hyakumeitou_campaign #how h3 {
  background-color: #F4E7CF;
}
#hyakumeitou_campaign #how h3 img {
  width: min(1000px, 80vw);
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how h3 img {
    width: 100%;
  }
}
#hyakumeitou_campaign #how h3 + p {
  width: min(680px, 54.4vw);
  margin: min(40px, 3.2vw) auto 0;
  font-size: min(1.12vw, 14px);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how h3 + p {
    width: 100%;
    padding: 0 5.1282051282vw;
    margin-top: 6.1538461538vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
  }
}
#hyakumeitou_campaign #how .detail {
  margin: min(40px, 3.2vw) auto 0;
  width: min(1000px, 80vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail {
    width: 100%;
    padding: 0 5.1282051282vw;
    margin-top: 7.1794871795vw;
  }
}
#hyakumeitou_campaign #how .detail ol {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: min(44px, 3.52vw);
  gap: min(24px, 1.92vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail ol {
    display: flex;
    flex-direction: column;
    margin-top: 7.1794871795vw;
    gap: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail ol li {
    padding: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #how .detail ol li p:not(.button) {
  display: block;
  margin: min(16px, 1.28vw) auto 0;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail ol li p:not(.button) {
    margin-top: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #how .detail ol li figure {
  margin-top: min(8px, 0.64vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail ol li figure {
    margin-top: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #how .detail ol li figure figcaption {
  margin-top: min(8px, 0.64vw);
  font-size: min(1.12vw, 14px);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail ol li figure figcaption {
    margin-top: 4.1025641026vw;
    font-size: 3.5897435897vw;
    line-height: 1;
  }
}
#hyakumeitou_campaign #how .detail ol li .button {
  margin-top: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail ol li .button {
    margin-top: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #how .detail ol li .button a {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: none;
  background-color: #b72021;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-align: center;
  transition: opacity 0.2s linear;
  min-height: min(52px, 4.16vw);
  padding: min(8px, 0.64vw) min(12px, 0.96vw);
  font-size: min(1.44vw, 18px);
  line-height: 1.5555555556;
  grid-template-columns: min(8px, 0.64vw) 1fr min(8px, 0.64vw);
  padding: 0 min(12px, 0.96vw);
  border-radius: min(4px, 0.32vw);
  box-shadow: 0 min(2px, 0.16vw) 0 #580708;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .detail ol li .button a {
    min-height: 13.3333333333vw;
    padding: 2.0512820513vw 3.0769230769vw;
    font-size: 4.1025641026vw;
    line-height: 1.75;
    grid-template-columns: 2.0512820513vw 1fr 2.0512820513vw;
    padding: 0 3.0769230769vw;
    border-radius: 1.0256410256vw;
    box-shadow: 0 0.5128205128vw 0 #580708;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #how .detail ol li .button a:hover:not(:disabled) {
    opacity: 0.8;
  }
  #hyakumeitou_campaign #how .detail ol li .button a:hover:not(:disabled):after {
    transform: translateX(min(5px, 0.4vw));
  }
}
#hyakumeitou_campaign #how .detail ol li .button a:before {
  content: "";
}
#hyakumeitou_campaign #how .detail ol li .button a:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1l6 6-6 6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.2s linear;
  pointer-events: none;
  width: 100%;
  aspect-ratio: 8/14;
}
#hyakumeitou_campaign #how .prize {
  margin: min(56px, 4.48vw) auto 0;
  width: min(1000px, 80vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .prize {
    width: 100%;
    padding: 0 5.1282051282vw;
    margin-top: 10.2564102564vw;
  }
}
#hyakumeitou_campaign #how .prize ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: min(28px, 2.24vw);
  gap: min(10px, 0.8vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .prize ul {
    display: flex;
    flex-direction: column;
    margin-top: 7.1794871795vw;
    gap: 15.3846153846vw;
  }
}
#hyakumeitou_campaign #how .prize ul li dl dd {
  margin-top: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .prize ul li dl dd {
    margin-top: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #how .prize ul li dl dd figure figcaption {
  margin: min(16px, 1.28vw) auto 0;
  width: min(280px, 22.4vw);
  font-size: min(1.12vw, 14px);
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #how .prize ul li dl dd figure figcaption {
    width: 71.7948717949vw;
    margin-top: 4.1025641026vw;
    font-size: 3.5897435897vw;
    line-height: 1.4285714286;
  }
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend {
    margin-top: 10.2564102564vw;
  }
}
#hyakumeitou_campaign #recommend h3 {
  background-color: #F4E7CF;
}
#hyakumeitou_campaign #recommend h3 img {
  width: min(1000px, 80vw);
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend h3 img {
    width: 100%;
  }
}
#hyakumeitou_campaign #recommend h3 + p {
  text-align: center;
  margin-top: min(40px, 3.2vw);
  font-size: min(1.28vw, 16px);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend h3 + p {
    margin-top: 7.1794871795vw;
    font-size: 4.1025641026vw;
    line-height: 1.4;
  }
}
#hyakumeitou_campaign #recommend > ul {
  margin-top: min(40px, 3.2vw);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(32px, 2.56vw) min(20px, 1.6vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul {
    margin-top: 10.2564102564vw;
    display: flex;
    flex-direction: column;
    gap: 8.2051282051vw;
  }
}
#hyakumeitou_campaign #recommend > ul li {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li {
    display: block;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #recommend > ul li > a:hover figcaption:after {
    transform: translateX(min(5px, 0.4vw));
  }
  #hyakumeitou_campaign #recommend > ul li > a:hover figure img {
    transform: scale(1.03);
    transition: transform 0.2s linear;
  }
}
#hyakumeitou_campaign #recommend > ul li figure span {
  display: block;
  aspect-ratio: 320/200;
  overflow: hidden;
  border-radius: min(8px, 0.64vw) min(8px, 0.64vw) 0 0;
  margin-bottom: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure span {
    aspect-ratio: 350/200;
    border-radius: 2.0512820513vw 2.0512820513vw 0 0;
    margin-bottom: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #recommend > ul li figure span img {
  object-fit: cover;
  object-position: center;
  transition: transform 0.2s linear;
  aspect-ratio: 320/200;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure span img {
    aspect-ratio: 350/200;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min(20px, 1.6vw);
  gap: 0 min(16px, 1.28vw);
  margin-bottom: min(16px, 1.28vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption {
    grid-template-columns: 1fr 5.1282051282vw;
    gap: 0 4.1025641026vw;
    margin-bottom: 0;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption:after {
  content: "";
  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.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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
  align-self: center;
  transition: transform 0.2s linear;
  grid-column: 2/3;
  grid-row: 1/3;
}
#hyakumeitou_campaign #recommend > ul li figure figcaption h4 {
  font-weight: 700;
  font-size: min(1.6vw, 20px);
  line-height: 1.4;
  letter-spacing: min(2px, 0.16vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption h4 {
    font-size: 5.1282051282vw;
    line-height: 1.4;
    letter-spacing: 0.5128205128vw;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption .pref {
  font-size: min(1.12vw, 14px);
  line-height: 1.4;
  letter-spacing: min(1.4px, 0.112vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption .pref {
    font-size: 3.5897435897vw;
    line-height: 1.4;
    letter-spacing: 0.358974359vw;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption .text {
  grid-column: 1/3;
  font-size: min(1.04vw, 13px);
  line-height: 1.5384615385;
  margin-top: min(12px, 0.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption .text {
    margin-top: 3.0769230769vw;
    font-size: 3.3333333333vw;
    line-height: 1.5384615385;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption dl {
  margin-top: min(12px, 0.96vw);
  margin-bottom: min(16px, 1.28vw);
  grid-column: 1/3;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption dl {
    margin-top: 3.0769230769vw;
    margin-bottom: 0;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption dl dt {
  background-color: #F4E7CF;
  font-weight: 400;
  text-align: center;
  font-size: min(0.96vw, 12px);
  line-height: 1.6666666667;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption dl dt {
    font-size: 3.0769230769vw;
    line-height: 1.6666666667;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption dl dd {
  background-color: #fffaf0;
}
#hyakumeitou_campaign #recommend > ul li figure figcaption dl dd ul {
  padding: min(12px, 0.96vw);
  gap: min(12px, 0.96vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption dl dd ul {
    padding: 3.0769230769vw;
    display: flex;
    flex-direction: column;
    gap: 3.0769230769vw;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption dl dd ul li {
  position: relative;
  display: grid;
  grid-template-columns: min(15px, 1.2vw) 1fr;
  gap: 0 min(8px, 0.64vw);
  font-size: min(1.04vw, 13px);
  line-height: 1.5384615385;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li figure figcaption dl dd ul li {
    font-size: 3.3333333333vw;
    line-height: 1.5384615385;
    grid-template-columns: 3.8461538462vw 1fr;
    gap: 0 2.0512820513vw;
  }
}
#hyakumeitou_campaign #recommend > ul li figure figcaption dl dd ul li:before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23b71f22' d='M13.753 8.878s-.206-.197-.345-.106c-.099.065 0 .353 0 .353.107.287.164.59.156.902-.008 1.805-2.462 3.06-6.351 3.036-3.89-.024-6.318-1.305-6.31-3.118q0-.47.172-.903s.115-.287.008-.352c-.14-.099-.344.098-.344.098-.5.533-.73 1.149-.739 1.813-.016 1.986 1.723 4.366 7.196 4.399 5.482.033 7.238-2.322 7.254-4.308 0-.665-.222-1.289-.714-1.822z'/%3E%3Cpath fill='%23b71f22' d='M5.589 3.43s-.107-.624.287-1.682C6.27.689 6.729.016 6.976.008c.18 0-.033 1.51-.033 1.51s-.361 1.78.517 3.405.787 2.249.36 3.775c-.426 1.526-.968 2.461-1.19 2.347-.22-.115.083-1.043.14-1.863s.206-2.084-.41-3.389c-.468-1.01-.796-1.387-.78-2.363zM9.271 4.382s-.082-.5.23-1.346c.312-.845.68-1.387.886-1.395.148 0-.025 1.215-.025 1.215s-.287 1.427.419 2.732c.705 1.305.632 1.797.287 3.028-.345 1.222-.78 1.977-.952 1.879s.066-.837.115-1.494c.05-.664.164-1.673-.328-2.724-.378-.804-.64-1.116-.632-1.895M2.692 4.332s-.082-.5.23-1.345.681-1.387.886-1.395c.148 0-.024 1.214-.024 1.214s-.287 1.428.418 2.733c.706 1.304.632 1.797.287 3.028-.344 1.222-.78 1.977-.951 1.879-.173-.099.065-.837.114-1.494.05-.664.165-1.674-.328-2.724-.377-.812-.64-1.116-.632-1.896'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
}
#hyakumeitou_campaign #recommend > ul li .coupon {
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li .coupon {
    margin-top: 4.1025641026vw;
  }
}
#hyakumeitou_campaign #recommend > ul li .coupon a {
  display: grid;
  background-color: #b72021;
  color: #fff;
  font-weight: 700;
  align-items: center;
  text-align: center;
  grid-template-columns: min(24px, 1.92vw) 1fr min(20px, 1.6vw);
  padding: min(14px, 1.12vw) min(20px, 1.6vw);
  border-radius: min(42px, 3.36vw);
  box-shadow: 0 min(2px, 0.16vw) 0 0 #580708;
  font-size: min(1.12vw, 14px);
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul li .coupon a {
    grid-template-columns: 6.1538461538vw 1fr 5.1282051282vw;
    padding: 3.5897435897vw 5.1282051282vw;
    border-radius: 10.7692307692vw;
    box-shadow: 0 0.5128205128vw 0 0 #d98789;
    font-size: 3.5897435897vw;
    line-height: 1.4285714286;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #recommend > ul li .coupon a:hover {
    opacity: 0.8;
  }
  #hyakumeitou_campaign #recommend > ul li .coupon a:hover:after {
    transform: translateX(min(5px, 0.4vw));
  }
}
#hyakumeitou_campaign #recommend > ul li .coupon a:before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
}
#hyakumeitou_campaign #recommend > ul li .coupon a:after {
  content: "";
  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='%23fff' 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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  display: block;
  position: relative;
  transition: transform 0.2s linear;
}
#hyakumeitou_campaign #recommend > ul {
  width: min(1000px, 80vw);
  margin: min(40px, 3.2vw) auto 0;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #recommend > ul {
    padding: 0 5.1282051282vw;
    width: 100%;
    margin-top: 10.2564102564vw;
  }
}
#hyakumeitou_campaign #overview {
  width: min(680px, 54.4vw);
  margin: 0 auto;
  padding-bottom: min(32px, 2.56vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #overview {
    width: 100%;
    padding-bottom: 8.2051282051vw;
  }
}
#hyakumeitou_campaign #overview dl {
  padding: min(24px, 1.92vw) min(20px, 1.6vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #overview dl {
    padding: 6.1538461538vw 5.1282051282vw;
  }
}
#hyakumeitou_campaign #overview dl dt {
  text-align: center;
  font-size: min(1.28vw, 16px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #overview dl dt {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
#hyakumeitou_campaign #overview dl dd {
  margin-top: min(17px, 1.36vw);
  font-size: min(1.12vw, 14px);
  line-height: 1.4285714286;
  overflow-y: scroll;
  max-height: min(250px, 20vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #overview dl dd {
    margin-top: 4.358974359vw;
    font-size: 3.5897435897vw;
    line-height: 1.4285714286;
    max-height: 64.1025641026vw;
  }
}
#hyakumeitou_campaign #overview dl dd a {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_campaign #overview dl dd a:hover {
    text-decoration: none;
  }
}
#hyakumeitou_campaign #overview {
  margin-top: min(60px, 4.8vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_campaign #overview {
    margin-top: 8.2051282051vw;
  }
}

#hyakumeitou_download {
  overflow-x: hidden;
}
#hyakumeitou_download #mainVisual {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  height: min(400px, 32vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #mainVisual {
    height: 172.3076923077vw;
  }
}
#hyakumeitou_download #mainVisual .bg-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  animation: mainVisualVideoFadeIn 2.4s ease 0.1s forwards;
}
#hyakumeitou_download #mainVisual .bg-video-wrap--pc {
  display: block;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #mainVisual .bg-video-wrap--pc {
    display: none;
  }
}
#hyakumeitou_download #mainVisual .bg-video-wrap--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #mainVisual .bg-video-wrap--sp {
    display: block;
  }
}
#hyakumeitou_download #mainVisual .bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#hyakumeitou_download #mainVisual .logo,
#hyakumeitou_download #mainVisual .title,
#hyakumeitou_download #mainVisual picture {
  position: relative;
  z-index: 1;
}
#hyakumeitou_download #mainVisual .logo {
  width: min(106.5px, 8.52vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #mainVisual .logo {
    width: 27.3076923077vw;
  }
}
#hyakumeitou_download #mainVisual .title {
  width: min(173px, 13.84vw);
  margin-top: min(12.6px, 1.008vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #mainVisual .title {
    margin-top: 3.2307692308vw;
    width: 44.358974359vw;
  }
}
#hyakumeitou_download #mainVisual .title2 {
  width: min(326px, 26.08vw);
  margin-top: min(20px, 1.6vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #mainVisual .title2 {
    margin-top: 8.7179487179vw;
    width: 56.4102564103vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  #hyakumeitou_download #mainVisual .bg-video-wrap {
    animation: none;
    opacity: 1;
  }
  #hyakumeitou_download #mainVisual .logo,
  #hyakumeitou_download #mainVisual .title,
  #hyakumeitou_download #mainVisual .title2 {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}
#hyakumeitou_download .dlButton {
  display: block;
  margin-top: min(40px, 3.2vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download .dlButton {
    display: none;
  }
}
#hyakumeitou_download .dlButton a {
  display: grid;
  margin: 0 auto;
  transition: opacity 0.2s ease;
  grid-template-columns: min(60px, 4.8vw) 1fr min(60px, 4.8vw);
  align-items: center;
  justify-content: space-between;
  background-color: #1e1e1e;
  color: #fff;
  padding: 0 min(20px, 1.6vw);
  border-radius: min(8px, 0.64vw);
  text-align: center;
  font-weight: 700;
  font-size: min(1.44vw, 18px);
  line-height: 1.3333333333;
  box-shadow: 0 min(2px, 0.16vw) 0 0 #75612a;
  width: min(672px, 53.76vw);
}
@media (hover: hover) and (pointer: fine) {
  #hyakumeitou_download .dlButton a:hover {
    opacity: 0.7;
  }
}
#hyakumeitou_download .dlButton a:before, #hyakumeitou_download .dlButton a:after {
  content: "";
}
#hyakumeitou_download .dlButton 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;
}
#hyakumeitou_download .dlButton + .dlButton {
  margin-top: min(29px, 2.32vw);
}
#hyakumeitou_download h2 {
  width: min(720px, 57.6vw);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download h2 {
    width: 100%;
  }
}
#hyakumeitou_download h2 + p {
  text-align: center;
  margin-top: min(24px, 1.92vw);
  font-size: min(1.28vw, 16px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download h2 + p {
    text-align: left;
    margin-top: 6.1538461538vw;
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
  }
}
#hyakumeitou_download #logo,
#hyakumeitou_download #banner,
#hyakumeitou_download #badge {
  margin-top: min(80px, 6.4vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo,
  #hyakumeitou_download #banner,
  #hyakumeitou_download #badge {
    margin-top: 8.2051282051vw;
    padding: 0 5.1282051282vw;
  }
}
#hyakumeitou_download #logo ul,
#hyakumeitou_download #banner ul,
#hyakumeitou_download #badge ul {
  margin: min(40px, 3.2vw) auto 0;
  display: grid;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo ul,
  #hyakumeitou_download #banner ul,
  #hyakumeitou_download #badge ul {
    margin-top: 6.1538461538vw;
  }
}
#hyakumeitou_download #logo ul li img,
#hyakumeitou_download #banner ul li img,
#hyakumeitou_download #badge ul li img {
  display: block;
  margin: 0 auto;
}
#hyakumeitou_download #logo ul li figcaption,
#hyakumeitou_download #banner ul li figcaption,
#hyakumeitou_download #badge ul li figcaption {
  font-weight: 700;
  font-size: min(2.24vw, 28px);
  line-height: 1.2142857143;
  margin-top: min(16px, 1.28vw);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo ul li figcaption,
  #hyakumeitou_download #banner ul li figcaption,
  #hyakumeitou_download #badge ul li figcaption {
    margin-top: 4.1025641026vw;
    font-size: 5.1282051282vw;
    line-height: 1.7;
  }
}
#hyakumeitou_download #logo ul {
  grid-template-columns: repeat(2, 1fr);
  gap: min(20px, 1.6vw);
  width: min(300px, 24vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo ul {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 6.1538461538vw;
  }
}
#hyakumeitou_download #logo ul li:nth-of-type(1) {
  grid-column: 1/3;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo ul li:nth-of-type(1) {
    grid-column: auto;
  }
}
#hyakumeitou_download #logo ul li:nth-of-type(1) img {
  width: min(250px, 20vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo ul li:nth-of-type(1) img {
    width: 76.9230769231vw;
  }
}
#hyakumeitou_download #logo ul li:nth-of-type(2) img {
  width: min(180px, 14.4vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo ul li:nth-of-type(2) img {
    width: 51.2820512821vw;
  }
}
#hyakumeitou_download #logo ul li:nth-of-type(3) {
  align-self: end;
}
#hyakumeitou_download #logo ul li:nth-of-type(3) img {
  width: min(100px, 8vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #logo ul li:nth-of-type(3) img {
    width: 25.641025641vw;
  }
}
#hyakumeitou_download #banner ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(56px, 4.48vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #banner ul {
    gap: 15.3846153846vw;
  }
}
#hyakumeitou_download #banner ul li span {
  display: flex;
  justify-content: space-between;
  gap: min(40px, 3.2vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #banner ul li span {
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}
#hyakumeitou_download #banner ul li:nth-of-type(1) img {
  width: min(600px, 48vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #banner ul li:nth-of-type(1) img {
    width: 100%;
  }
}
#hyakumeitou_download #banner ul li:nth-of-type(2) img {
  width: min(640px, 51.2vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #banner ul li:nth-of-type(2) img {
    width: 100%;
  }
}
#hyakumeitou_download #banner ul li:nth-of-type(3) img {
  width: min(600px, 48vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #banner ul li:nth-of-type(3) img {
    width: 100%;
  }
}
#hyakumeitou_download #banner ul li:nth-of-type(4) img {
  width: min(300px, 24vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #banner ul li:nth-of-type(4) img {
    width: 100%;
  }
}
#hyakumeitou_download #badge ul {
  width: min(380px, 30.4vw);
  grid-template-columns: repeat(2, 1fr);
  gap: min(40px, 3.2vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #badge ul {
    width: 38.4615384615vw;
    grid-template-columns: 1fr;
    gap: 10.2564102564vw;
  }
}
#hyakumeitou_download #attention {
  margin-top: min(80px, 6.4vw);
  padding-bottom: min(100px, 8vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #attention {
    margin-top: 8.2051282051vw;
    padding-bottom: 15.3846153846vw;
  }
}
#hyakumeitou_download #attention ul {
  margin: min(24px, 1.92vw) auto 0;
  width: min(780px, 62.4vw);
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #attention ul {
    margin-top: 6.1538461538vw;
    width: 100%;
    padding: 0 5.1282051282vw;
  }
}
#hyakumeitou_download #attention ul li {
  text-align: left;
  list-style-type: disc;
  margin-left: min(20px, 1.6vw);
  font-size: min(1.28vw, 16px);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #hyakumeitou_download #attention ul li {
    margin-left: 5.1282051282vw;
    font-size: 3.5897435897vw;
    line-height: 2.2857142857;
  }
}/*# sourceMappingURL=style_top.css.map */