@charset "UTF-8";
/* ==================================================
  基本要素/汎用クラス
================================================== */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  font-weight: inherit;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  background-color: #1c1c1c;
  color: #1c1c1c;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  font-size: 1.4em;
  line-height: 1.7;
  letter-spacing: 0.01em;
  position: relative;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 767px) {
  body::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-position: 50% 100%;
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.6em;
    line-height: 2;
  }
}
body section {
  position: relative;
  padding: 4rem 0;
}
@media screen and (min-width: 768px) {
  body section {
    padding: 8rem 0;
  }
}
body section .sec_body {
  padding: 1rem;
  max-width: 1024px;
  margin: 0 auto;
}
body section .sec_body.white_area {
  background: rgba(255, 255, 255, 0.6);
}
body section .sec_body .sec_heading {
  text-align: center;
}

* {
  min-height: 0vw;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

a:focus-visible,
button:focus-visible {
  outline: 0;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #e8ca84;
}

a {
  color: #1c1c1c;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
@media screen and (min-width: 1024px) {
  a:hover {
    opacity: 0.8;
  }
}

button {
  display: inline-block;
  line-height: 1;
  user-select: none;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
button:hover {
  opacity: 0.8;
}
button:focus {
  outline: 0;
}
button:not(:disabled) {
  cursor: pointer;
}

.p-color-03 {
  color: rgb(235, 224, 197);
}

.underline {
  text-decoration: underline;
}

/***
  The new CSS reset - version 1.8.3 (last updated 21.1.2023)
  GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
  Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
  - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
  user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  appearance: revert;
}

/* preformatted text - use only for this feature */
pre {
  all: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* remove default dot (•) sign */
::marker {
  content: initial;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  line-break: after-white-space;
  user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
}

/* ==================================================
  表示/非表示出し分け
================================================== */
.visible_xxs {
  display: none;
}
@media screen and (max-width: 374px) {
  .visible_xxs {
    display: inline-block !important;
  }
}

.hidden_xxs {
  display: inline-block;
}
@media screen and (max-width: 374px) {
  .hidden_xxs {
    display: none !important;
  }
}

.visible_xs {
  display: none;
}
@media screen and (max-width: 767px) {
  .visible_xs {
    display: inline-block !important;
  }
}

.hidden_xs {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .hidden_xs {
    display: none !important;
  }
}

.visible_sm {
  display: none;
}
@media screen and (min-width: 768px) {
  .visible_sm {
    display: inline-block !important;
  }
}

.hidden_sm {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .hidden_sm {
    display: none !important;
  }
}

.visible_md {
  display: none;
}
@media screen and (min-width: 1024px) {
  .visible_md {
    display: inline-block !important;
  }
}

.hidden_md {
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .hidden_md {
    display: none !important;
  }
}

.visible_lg {
  display: none;
}
@media screen and (min-width: 1366px) {
  .visible_lg {
    display: inline-block !important;
  }
}

.hidden_lg {
  display: inline-block;
}
@media screen and (min-width: 1366px) {
  .hidden_lg {
    display: none !important;
  }
}

.visible_xl {
  display: none;
}
@media screen and (min-width: 1920px) {
  .visible_xl {
    display: inline-block !important;
  }
}

.hidden_xl {
  display: inline-block;
}
@media screen and (min-width: 1920px) {
  .hidden_xl {
    display: none !important;
  }
}

.visible_all {
  display: inline-block !important;
}

.hidden_all {
  display: none !important;
}

/* ==================================================
  ヘッダー
================================================== */
.lp_header_wrapper {
  margin: auto;
  display: flex;
  justify-content: center;
  width: 100%;
}
.lp_header_wrapper .lp_header {
  display: flex;
  top: 0;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  z-index: 1100;
  width: 100%;
  align-items: center;
  padding: 1rem;
  gap: 2rem;
}
.lp_header_wrapper .lp_header .header_logo {
  display: flex;
  align-items: center;
}
.lp_header_wrapper .lp_header .header_logo a {
  display: flex;
  transition: opacity 0.3s;
}
.lp_header_wrapper .lp_header .header_logo a:hover {
  opacity: 0.5;
}
.lp_header_wrapper .lp_header .header_logo img {
  width: min(16vw, 12rem);
}
.lp_header_wrapper .lp_header .header_sns_box {
  height: 36px;
}
.lp_header_wrapper .lp_header .header_sns {
  width: clamp(1.6rem, 5.333vw, 4rem);
}
.lp_header_wrapper .lp_header .header_sns a {
  display: flex;
}
.lp_header_wrapper .lp_header .header_sns_x {
  width: 12.4rem;
  font-size: 1.8rem;
  line-height: 1;
}
.lp_header_wrapper .lp_header .header_sns_x a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #000;
  border-radius: 100px;
  color: #fff;
  padding: 8px 22px;
  transition: opacity 0.3s;
}
.lp_header_wrapper .lp_header .header_sns_x a:hover {
  opacity: 0.5;
}
.lp_header_wrapper .lp_header .header_sns_x a img {
  width: 20px;
  height: 20px;
}
.lp_header_wrapper .lp_header .header_sns_x a p {
  line-height: 1;
}
.lp_header_wrapper .lp_header .header_link {
  margin: 0 auto;
}
.lp_header_wrapper .lp_header .header_language_sp {
  margin-left: auto;
}
.lp_header_wrapper .lp_header .header_language select {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
  padding: 8px 6px;
  max-width: 140px;
  width: 37vw;
  height: 40px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-radius: 40px;
  background: url(../img/common/icon_earth.svg) no-repeat 10px center/22px, url(../img/common/parts_arrow_black.svg) no-repeat right 10px center/9px, rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .lp_header_wrapper .lp_header .header_language select {
    width: 170px;
    background: url(../img/common/icon_earth.svg) no-repeat 10px center/20px, url(../img/common/parts_arrow_black.svg) no-repeat right 10px center/9px, rgba(255, 255, 255, 0.8);
  }
}
.lp_header_wrapper .lp_header .header_language select::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 13%;
  aspect-ratio: 1/1;
}
.lp_header_wrapper .lp_header .header_menu .hb_menu img {
  width: 44px;
  height: 44px;
}
@media screen and (min-width: 1024px) {
  .lp_header_wrapper .lp_header {
    background: rgba(133, 117, 80, 0.9);
    animation: SlideIn 1.6s;
  }
}

.gnavi {
  display: flex;
  list-style: none;
  left: -10px;
  position: relative;
}
.gnavi li a {
  position: relative;
  padding: 0 7px;
  letter-spacing: 2px;
  display: inline-block;
  color: #fff;
}
.gnavi li a:first-child {
  padding: 0 7px 0 0;
}
.gnavi li a:last-child {
  padding: 0 0 0 7px;
}
.gnavi li a:hover {
  color: rgb(131, 15, 5);
}
.gnavi li a:hover::after {
  transform: scale(1);
}
.gnavi li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 2px;
  background: rgb(131, 15, 5);
  transition: all 0.3s;
  transform: scaleX(0);
  transform-origin: center top;
}

nav.menu .header_sns_x,
nav.menu .header_sns_weibo,
nav.menu .header_sns_line {
  width: fit-content;
  font-size: 1.8rem;
  line-height: 1;
  margin: auto;
}
nav.menu .header_sns_x a,
nav.menu .header_sns_weibo a,
nav.menu .header_sns_line a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #000;
  border-radius: 100px;
  color: #fff;
  padding: 8px 22px;
  transition: opacity 0.3s;
}
nav.menu .header_sns_x a:hover,
nav.menu .header_sns_weibo a:hover,
nav.menu .header_sns_line a:hover {
  opacity: 0.5;
}
nav.menu .header_sns_x a img,
nav.menu .header_sns_weibo a img,
nav.menu .header_sns_line a img {
  width: 20px;
  height: 20px;
}
nav.menu .header_sns_x a p,
nav.menu .header_sns_weibo a p,
nav.menu .header_sns_line a p {
  line-height: 1;
  margin-left: 1rem;
}
nav.menu .header_sns_weibo a {
  background: #fff;
  color: #000;
  padding: 4px 22px;
}
nav.menu .header_sns_weibo a img {
  width: 40px;
  height: 40px;
}
nav.menu .header_sns_line a {
  background: rgb(76, 199, 100);
  padding: 4px 22px;
}
nav.menu .header_sns_line a img {
  width: 40px;
  height: 40px;
}

.header_logo .sp_logo a {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(133, 117, 80, 0.9);
  border-radius: 0px 0px 3rem 0px;
  padding: 1rem 2.5rem;
}

/* ==================================================
  全体レイアウト
================================================== */
.lp_wrap {
  position: relative;
}

.lp_container {
  position: relative;
  font-size: clamp(1.4rem, 0.8vw + 0.7864rem, 1.6rem);
}

/* ==================================================
  main内スタイル
================================================== */
body.cntw {
  font-family: "source-han-sans-sc-variable", "source-han-sans-tc-variable", "noto-sans", "noto-sans-semicondensed", sans-serif;
}

body.cn {
  font-family: "source-han-sans-sc-variable", "source-han-sans-tc-variable", "noto-sans", "noto-sans-semicondensed", sans-serif;
  font-variation-settings: "wght" 360;
}

body.tw {
  font-family: "source-han-sans-sc-variable", "source-han-sans-tc-variable", "noto-sans", "noto-sans-semicondensed", sans-serif;
  font-variation-settings: "wght" 360;
}

.overlay_bg {
  background: url(../img/common/bg_main_sp.webp) no-repeat center center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: -10;
}
@media screen and (min-width: 768px) {
  .overlay_bg {
    background: url(../img/common/bg_main_pc.webp) no-repeat center center;
    background-size: cover;
  }
}

.lp_main .sec_heading {
  margin-bottom: min(5.333vw, 5rem);
  font-size: clamp(1.5rem, 5.8vw + -2.9486rem, 3rem);
  max-width: 640px;
  margin: 0 auto 40px;
  position: relative;
  padding: 0 1rem;
  text-align: center;
}
.lp_main .sec_heading img {
  width: 100%;
}
.lp_main .sec_subheading {
  margin: 0 auto min(2.667vw, 2rem);
  font-size: clamp(1.4rem, 3.1vw + -0.9777rem, 2.2rem);
}

.content_inner {
  overflow: auto;
  width: 96vw;
  height: calc(100vh - 4vw);
  height: calc(100svh - 4vw);
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  z-index: 100;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

h3 {
  font-size: clamp(2.2rem, 7vw + -3.169rem, 4rem);
  line-height: 1;
  padding: 0 0 4rem;
  margin: 0 auto 4rem;
  font-weight: 800;
  display: block;
  color: rgb(133, 117, 80);
  border-bottom: rgb(133, 117, 80) 1px dashed;
}

p.subheading {
  color: rgb(131, 15, 5);
  font-weight: 800;
  font-size: clamp(1.8rem, 5.4vw + -2.3418rem, 3.2rem);
  margin-bottom: 2rem;
  text-align: center;
}

.wrap_genre {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.2rem;
  flex-wrap: wrap;
  max-width: 792px;
}
.wrap_genre a {
  width: 48%;
  min-height: 16vw;
  max-width: 400px;
  color: #FFf;
  font-weight: bold;
  background: linear-gradient(90deg, #d8d083 0%, #b99a59 16%, #836119 50%, #8f6f2c 90%);
  text-align: center;
  border: 1px #fff solid;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: clamp(1.6rem, 3.1vw + -0.7777rem, 2.4rem);
  line-height: 1.4em;
  transition: 0.3s;
  padding: 1rem 3rem;
}
.wrap_genre a:hover {
  opacity: 0.5;
}
.wrap_genre a::after {
  content: "";
  position: absolute;
  background: url(../img/common/parts_arrow.svg) no-repeat center center/contain;
  width: 2vw;
  height: 4vw;
  display: block;
  right: 8px;
  animation: btn_arrow 0.3s ease infinite alternate;
}
@media screen and (min-width: 768px) {
  .wrap_genre {
    margin: 0 auto;
    gap: 1.5rem;
  }
  .wrap_genre a {
    width: 48.8%;
    height: 8vw;
    max-height: 96px;
    min-height: auto;
  }
  .wrap_genre a::after {
    width: 1vw;
    height: 2vw;
    right: 16px;
  }
}
.wrap_genre.long {
  justify-content: center;
  text-align: center;
  margin: auto;
  max-width: 330px;
}
.wrap_genre.long a {
  width: 100%;
}
.wrap_genre.long a.cta {
  background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
}
@media screen and (min-width: 768px) {
  .wrap_genre.long a {
    width: 100%;
    font-size: clamp(1.4rem, 2.3vw + -0.3641rem, 2rem);
  }
}

.common_button {
  width: 100%;
  min-height: 16vw;
  max-width: 400px;
  color: #FFf;
  font-weight: bold;
  background: linear-gradient(90deg, #d8d083 0%, #b99a59 16%, #836119 50%, #8f6f2c 90%);
  text-align: center;
  border: 1px #fff solid;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4em;
  position: relative;
  font-size: clamp(1.6rem, 3.1vw + -0.7777rem, 2.4rem);
  line-height: 1.4em;
  transition: 0.3s;
  padding: 1rem 2rem;
}
@media screen and (min-width: 768px) {
  .common_button {
    width: 48.8%;
    height: 8vw;
    max-height: 96px;
    min-height: auto;
  }
}
.common_button.type_cart {
  background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
}
.common_button.type_cart::before {
  content: "";
  display: block;
  width: 1.125em;
  aspect-ratio: 1/1;
  background: url(../img/common/parts_cart.svg) no-repeat center center/100% 100%;
}
.common_button.type_cart p::before {
  content: "カートに入れる";
}
.common_button.type_cart.cart_in {
  background: linear-gradient(90deg, #6F6F6F 0%, #343434 100%);
}
.common_button.type_cart.cart_in p::before {
  content: "カート追加済み";
}
.common_button.type_works {
  background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
}
.common_button.type_works::before {
  content: "";
  display: block;
  width: 1.125em;
  aspect-ratio: 1/1;
  background: url(../img/common/icon_works.svg) no-repeat center center/100% 100%;
}
.common_button:hover {
  opacity: 0.5;
}
.common_button::after {
  content: "";
  position: absolute;
  background: url(../img/common/parts_arrow.svg) no-repeat center center/contain;
  width: 2vw;
  height: 4vw;
  display: block;
  right: 8px;
  animation: btn_arrow 0.3s ease infinite alternate;
}
@media screen and (min-width: 768px) {
  .common_button::after {
    width: 1vw;
    height: 2vw;
    right: 16px;
  }
}

.wrap_dual_genre_box_top_text {
  text-align: center;
  font-size: clamp(1.8rem, 3.9vw + -1.1913rem, 2.8rem);
  color: rgb(133, 117, 80);
  font-weight: bold;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .wrap_dual_genre_box_top_text {
    margin-bottom: 3rem;
  }
}

.wrap_dual_genre_box {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: start;
  width: 100%;
  text-align: center;
  gap: 1.2rem;
}
.wrap_dual_genre_box .wrap_dual_genre {
  max-width: 400px;
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual_genre_title {
  width: 100%;
  font-size: clamp(1.6rem, 3.1vw + -0.7777rem, 2.4rem);
  font-weight: bold;
  color: rgb(133, 117, 80);
  margin-bottom: 1rem;
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual a {
  width: 46vw;
  margin: auto;
  min-height: 14vw;
  max-width: 400px;
  max-height: none;
  padding: 4rem 4rem;
  color: #FFF;
  font-weight: bold;
  background: linear-gradient(90deg, #d8d083 0%, #b99a59 16%, #836119 50%, #8f6f2c 90%);
  text-align: center;
  border: 1px #fff solid;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: clamp(1.6rem, 3.1vw + -0.7777rem, 2.4rem);
  line-height: 1.4em;
  transition: 0.3s;
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual a:hover {
  opacity: 0.5;
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual a::after {
  content: "";
  position: absolute;
  background: url(../img/common/parts_arrow.svg) no-repeat center center/contain;
  width: 2vw;
  height: 4vw;
  display: block;
  right: 8px;
  animation: btn_arrow 0.3s ease infinite alternate;
}
@media screen and (min-width: 768px) {
  .wrap_dual_genre_box .wrap_dual_genre .wrap_dual {
    margin: 0 auto;
    gap: 1.5rem;
  }
  .wrap_dual_genre_box .wrap_dual_genre .wrap_dual a {
    width: 100vw;
    min-height: 6vw;
    padding: 4rem 4rem;
  }
  .wrap_dual_genre_box .wrap_dual_genre .wrap_dual a::after {
    width: 1vw;
    height: 2vw;
    right: 16px;
  }
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual_origin {
  background: rgb(235, 224, 197);
  border: 1px solid rgb(133, 117, 80);
  padding: 2rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 200px;
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual_origin ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 0.5rem;
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual_origin ul li {
  font-weight: 700;
  font-size: clamp(1.6rem, 3.1vw + -0.7777rem, 2.4rem);
}
.wrap_dual_genre_box .wrap_dual_genre .wrap_dual_origin ul li span.small {
  font-size: clamp(1.6rem, 1.6vw + 0.3728rem, 2rem);
}

.note {
  text-align: left;
  margin: 2rem auto;
  font-size: clamp(1.4rem, 0.8vw + 0.7864rem, 1.6rem);
}
.note li {
  font-size: clamp(1.4rem, 0.8vw + 0.7864rem, 1.6rem);
}
@media screen and (min-width: 768px) {
  .note {
    max-width: 792px;
  }
}

.notes .sec_heading {
  margin-bottom: 5vw;
  text-align: center;
}
.notes .sec_body {
  width: 96%;
}

@media screen and (min-width: 768px) {
  .notes .note {
    padding-left: 2rem;
  }
  .notes .sec_heading {
    margin-bottom: min(30px, 2.9vw);
  }
  .notes .sec_body {
    width: calc(100% - 30px);
  }
}
.kotatu {
  width: 90%;
  max-width: 640px;
  margin: 0 auto 2rem;
  display: block;
}

.wrap_flex {
  max-width: 840px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 auto;
  flex-direction: column;
}
.wrap_flex img {
  margin-right: 2rem;
}
@media screen and (min-width: 768px) {
  .wrap_flex {
    flex-direction: row;
  }
}

.wrap_flex_column {
  max-width: 840px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  gap: 40px;
}
.wrap_flex_column .wrap_img {
  text-align: center;
}

.wrap_btn {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  max-width: 640px;
  margin: 0 auto;
}
.wrap_btn a {
  width: 70vw;
  height: 17.5vw;
  max-width: 640px;
  max-height: 160px;
  background: url(../img/common/btn_cta.webp) no-repeat center;
  background-size: cover;
  color: #fff;
  text-align: center;
  border: 1px #fff solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
  font-size: clamp(1.6rem, 6.2vw + -3.1554rem, 3.2rem);
  font-weight: bold;
  transition: 0.1s;
}
.wrap_btn a:hover {
  opacity: 0.5;
}
.wrap_btn a::after {
  content: "";
  position: absolute;
  background: url(../img/common/parts_arrow.svg) no-repeat center center/contain;
  width: 2vw;
  height: 4vw;
  max-width: 16px;
  display: block;
  right: 2vw;
  animation: btn_arrow 0.3s ease infinite alternate;
}
.wrap_btn .form_text {
  font-size: clamp(1.4rem, 2.3vw + -0.3641rem, 2rem);
  font-weight: bold;
  display: none;
  margin-bottom: 1rem;
}
.wrap_btn.greyout a {
  filter: grayscale(100%);
  pointer-events: none;
}
.wrap_btn.greyout a::after {
  animation: none;
  display: none;
}
.wrap_btn.greyout .form_text {
  display: block;
}

nav.menu {
  position: relative;
  padding: 0;
  display: none;
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  z-index: 1200;
}
nav.menu .menu_wrap {
  height: 100vh;
  top: 0;
  left: 0;
  position: absolute;
}
nav.menu .menu_container {
  position: fixed;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 100;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  padding: 10rem 4rem;
}
nav.menu .menu_container .close {
  width: 44px;
  height: 44px;
  color: #c28484;
  text-align: center;
  font-size: clamp(1.8rem, 0.8vw + 1.1864rem, 2rem);
  border-radius: 120px;
  position: absolute;
  right: 2rem;
  top: 2.5rem;
}
nav.menu .menu_container ul {
  max-width: 640px;
  margin: 0 auto;
}
nav.menu .menu_container ul li {
  text-align: left;
  max-width: 640px;
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.1em;
  font-size: clamp(1.8rem, 0.8vw + 1.1864rem, 2rem);
  border-top: dashed #Fff;
}
nav.menu .menu_container ul li:first-child {
  border-top: none;
}
nav.menu .menu_container ul li a.menu_link {
  position: relative;
  display: block;
  color: #fff;
  padding: 3rem 5px;
}
nav.menu .menu_container ul li a.menu_link::after {
  content: "";
  position: absolute;
  background: url(../img/common/parts_arrow.svg) no-repeat center center/contain;
  width: 2vw;
  height: 4vw;
  display: block;
  right: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: btn_arrow 0.3s ease infinite alternate;
}
nav.menu .menu_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 70;
  background-color: rgba(133, 117, 80, 0.9);
}
nav.menu .hb_hidden {
  display: none;
}

@keyframes btn_arrow {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-2px);
  }
}
.fadein_up {
  opacity: 0;
  visibility: hidden;
}
.fadein_up.is-show {
  opacity: 1;
  visibility: visible;
  animation: fadeInUp 1s ease forwards;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}
.wrap_btn.timer_20240220 {
  display: none;
}
.wrap_btn.timer_20240220 .to_form {
  filter: grayscale(100%);
  pointer-events: none;
}
.wrap_btn.timer_20240220 .to_form:hover {
  opacity: 1;
}
.wrap_btn.timer_20240220 .to_form::before {
  animation: none;
}

.red {
  color: rgb(131, 15, 5);
}

.content_line {
  position: relative;
}
.content_line::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: repeating-linear-gradient(to right, rgb(169, 144, 100) 0%, rgb(169, 144, 100) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  background-size: 16px 2px;
  /* 点線のサイズを調整 */
  display: block;
  height: 1px;
  width: 100%;
}
.content_line.jp::after {
  height: 2px;
}

.content_line_outer {
  padding: 0 0 8rem;
}

.bottom_button_list {
  margin: 0 auto;
  width: 70%;
}
@media screen and (min-width: 768px) {
  .bottom_button_list {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}
.bottom_button_list .common_button:first-child {
  margin-bottom: 2.1vw;
}

.confetti {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 110;
  pointer-events: none;
}
.confetti .canvas_wrap {
  width: 100%;
  height: 100%;
}
.confetti .canvas_wrap #canvas {
  width: 100%;
  height: 100%;
}

/* ==================================================
  フッター
================================================== */
.lp_footer {
  position: relative;
}
.lp_footer .footer_inner {
  width: 100%;
  background-color: rgb(133, 117, 80);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(10.667vw, 6rem);
}
.lp_footer .footer_inner small {
  font-size: clamp(1.2rem, 0vw + 1.2rem, 1.2rem);
}

.sns_area {
  padding-bottom: min(13.333vw, 10rem);
  background-image: linear-gradient(to right, rgba(133, 117, 80, 0.9), rgba(133, 117, 80, 0.9) 6px, transparent 3px, transparent 8px);
  background-repeat: repeat-x;
  background-size: 10px 1px;
  background-position: left top;
}
.sns_area .sns_dlsite_logo {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  transition: 0.3s;
}
.sns_area .sns_dlsite_logo:hover {
  opacity: 0.5;
}
.sns_area .sns_list_area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.sns_area .sns_list_text {
  text-align: center;
  margin-bottom: 0.5rem;
  font-weight: 800;
  color: #000;
}
.sns_area .sns_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  width: 73%;
  aspect-ratio: 274/85;
}
.sns_area .sns_list.cn, .sns_area .sns_list.tw, .sns_area .sns_list.en, .sns_area .sns_list.kr {
  width: auto;
  aspect-ratio: initial;
}
.sns_area .sns_list.cn .sns_item, .sns_area .sns_list.tw .sns_item, .sns_area .sns_list.en .sns_item, .sns_area .sns_list.kr .sns_item {
  width: 56px;
}
.sns_area .sns_list.en .sns_item:last-child, .sns_area .sns_list.tw.maniax .sns_item:last-child {
  width: 180px;
}
.sns_area .sns_list.tw.maniax .sns_item {
  width: 36px;
}
@media screen and (min-width: 768px) {
  .sns_area .sns_list.tw.maniax .sns_item {
    width: 56px;
  }
}
.sns_area .sns_list.tw.maniax .sns_item:last-child {
  width: 116px;
}
@media screen and (min-width: 768px) {
  .sns_area .sns_list.tw.maniax .sns_item:last-child {
    width: 180px;
  }
}
.sns_area .sns_item {
  transition: 0.3s;
  position: relative;
}
.sns_area .sns_item.jp_share {
  margin-right: 30px;
}
.sns_area .sns_item a:hover {
  opacity: 0.5;
}
.sns_area .sns_item .sns_item_text {
  color: #000;
  position: absolute;
  font-weight: bold;
  bottom: -3rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.lp_pagetop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 100;
  transition: none;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .lp_pagetop {
    right: 2rem;
    bottom: 2rem;
  }
}
.lp_pagetop a {
  display: block;
  width: min(10.667vw, 6rem);
  height: 0;
  padding-top: min(10.667vw, 6rem);
  border-radius: 50%;
  background: rgba(28, 28, 28, 0.5);
  overflow: hidden;
  position: relative;
}
.lp_pagetop a::before {
  content: "";
  width: min(2.667vw, 1.5rem);
  height: min(2.667vw, 1.5rem);
  border-width: 0.2rem 0.2rem 0 0;
  border-color: #fff;
  border-style: solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%) rotate(-45deg);
}
.lp_pagetop.is_show {
  animation: fadein 0.3s forwards;
}
.lp_pagetop.is_hide {
  animation: fadeout 0.3s forwards;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.pre_area {
  background: #777777;
}

/* ==================================================
  基本要素/韓国語の常時表示ポップアップ
================================================== */
/* 韓国語の常時表示ポップアップ
-------------------------------------------------- */
.fixed-attention {
  width: fit-content;
  margin-bottom: 30px;
  text-align: center;
  font-family: adobe-song-std, sans-serif;
  font-size: 3.2vw;
  color: #fff;
  line-height: 1.5em;
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 50%);
  padding: 4%;
  width: 90vw;
  z-index: 99;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.7);
  border: solid #f7cc64 1px;
  backdrop-filter: blur(16px);
  transition: 0.3s all;
}
@media screen and (min-width: 768px) {
  .fixed-attention {
    font-size: 17px;
    padding: 16px;
    max-width: 960px;
    margin-bottom: 10px;
  }
}
.fixed-attention .link-text {
  color: #ffe65b;
  text-decoration: underline;
  display: inline;
}
.fixed-attention .wrap-fixed-attention-close {
  position: relative;
  cursor: pointer;
  margin-left: 3.2vw;
  position: absolute;
  right: 1%;
  top: 0;
}
@media screen and (min-width: 768px) {
  .fixed-attention .wrap-fixed-attention-close {
    right: 16px;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.fixed-attention .wrap-fixed-attention-close::before {
  display: inline;
  content: "×";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 3rem;
  line-height: 1;
}

.none {
  opacity: 0;
}


/* ==================================================
  fv
================================================== */
.fv {
  position: relative;
  padding: 8vh 0 1vh;
  background: url(../img/common/bg_fv_sp.webp) no-repeat center center;
  background-size: cover;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .fv {
    padding-top: 70px;
    background: url(../img/common/bg_fv_pc.webp) no-repeat center center;
    background-size: cover;
  }
}
.fv .fv_frame {
  position: relative;
  width: calc(98svw - 3.333vw);
  border: 10px solid #422100;
  background-size: cover;
  border-image-source: url(../img/common/frame.png);
  border-image-slice: 110;
  border-image-width: 80px;
  border-image-outset: 0;
  border-image-repeat: round;
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin: auto;
  padding: 6vw 0 10vw;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame {
    padding: min(130px, 12.3vw) 0;
    width: min(100% - 30px);
  }
}
.fv .fv_frame .fv_inner {
  max-width: 1060px;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .fv_inner {
    display: flex;
    justify-content: center;
    gap: 4%;
    margin: 0 auto;
  }
}
.fv .fv_frame .fv_title {
  margin: 0 auto;
  width: 68%;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .fv_title {
    margin: 0;
    width: 47%;
  }
}
.fv .fv_frame .fv_title .coupon_img {
  display: none;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .fv_title.coupon {
    width: 33%;
  }
}
.fv .fv_frame .fv_title.coupon .coupon_img {
  display: inline;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .right_container {
    width: 45%;
  }
}
.fv .fv_frame .fv_text {
  margin: 3vw auto 0;
  width: 90%;
  font-size: clamp(1.4rem, 2.3vw + -0.3641rem, 2rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.5em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .fv_text {
    margin-top: 0;
    width: 100%;
    font-size: min(19px, 1.6vw);
  }
}
.fv .fv_frame .award_mark_container {
  margin: 3vw auto;
  padding: 1vw 0;
  width: calc(90% + 6px);
  box-sizing: border-box;
  background: rgba(255, 253, 248, 0.95);
  border: solid 3px;
  border-image: linear-gradient(90deg, #977c43 0%, #c9b56e 20%, #e9e5c0 50%, #c9b56e 80%, #977c43 100%) 1;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .award_mark_container {
    width: 100%;
    margin: min(30px, 2.8vw) auto;
    padding: 0;
  }
}
.fv .fv_frame .award_mark_container .inner {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 2vw;
  padding: min(10px, 0.94vw) 0;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .award_mark_container .inner {
    gap: 0;
  }
}
.fv .fv_frame .award_mark_container .mark_wrapper {
  display: flex;
  justify-content: center;
  gap: 2vw;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .award_mark_container .mark_wrapper {
    gap: min(6px, 0.56vw);
  }
}
.fv .fv_frame .award_mark_container .award_mark_text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3em;
  margin-bottom: 1vw;
  font-size: clamp(1.1rem, 2.7vw + -0.9709rem, 1.8rem);
  font-weight: 700;
  color: rgb(131, 15, 5);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .award_mark_container .award_mark_text {
    font-size: min(18px, 1.5vw);
    margin-bottom: min(0.6px, 0.47vw);
  }
}
.fv .fv_frame .award_mark_container .award_mark_text::before, .fv .fv_frame .award_mark_container .award_mark_text::after {
  content: "";
  display: inline-block;
  width: auto;
  height: 1.6em;
  aspect-ratio: 4/12;
  background: url(../img/jp/slash.svg) no-repeat center center/100% 100%;
}
.fv .fv_frame .award_mark_container .award_mark_text::after {
  transform: scale(-1, 1);
}
.fv .fv_frame .award_mark_container .award_mark {
  width: 21vw;
}
@media screen and (min-width: 768px) {
  .fv .fv_frame .award_mark_container .award_mark {
    width: min(136px, 12.8vw);
  }
}
.fv .fv_frame .fv_button {
  margin: 0 auto;
  width: 74%;
}
.fv.cn, .fv.tw, .fv.en, .fv.kr {
  aspect-ratio: 38/74;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .fv.cn, .fv.tw, .fv.en, .fv.kr {
    aspect-ratio: 192/90;
  }
}
.fv.cn .fv_frame, .fv.tw .fv_frame, .fv.en .fv_frame, .fv.kr .fv_frame {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .fv.cn .fv_frame, .fv.tw .fv_frame, .fv.en .fv_frame, .fv.kr .fv_frame {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .fv.cn .fv_frame .fv_inner, .fv.tw .fv_frame .fv_inner, .fv.en .fv_frame .fv_inner, .fv.kr .fv_frame .fv_inner {
    display: block;
    width: 36vw;
  }
}
.fv.cn .fv_frame .fv_title, .fv.tw .fv_frame .fv_title, .fv.en .fv_frame .fv_title, .fv.kr .fv_frame .fv_title {
  position: relative;
  margin-top: 50vw;
  width: 84vw;
}
@media screen and (min-width: 768px) {
  .fv.cn .fv_frame .fv_title, .fv.tw .fv_frame .fv_title, .fv.en .fv_frame .fv_title, .fv.kr .fv_frame .fv_title {
    margin: 2.1vw auto 0;
    width: 28vw;
  }
}
.fv.cn .fv_frame .fv_title img, .fv.tw .fv_frame .fv_title img, .fv.en .fv_frame .fv_title img, .fv.kr .fv_frame .fv_title img {
  width: 100%;
}
.fv.cn .fv_frame .right_container, .fv.tw .fv_frame .right_container, .fv.en .fv_frame .right_container, .fv.kr .fv_frame .right_container {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .fv.cn .fv_frame .fv_text, .fv.tw .fv_frame .fv_text, .fv.en .fv_frame .fv_text, .fv.kr .fv_frame .fv_text {
    margin-top: 2vw;
    font-size: 1.25vw;
  }
}

.fv_coupon {
  position: absolute;
  top: 0;
  left: 5.3%;
  padding-top: 16vw;
  width: 40%;
  aspect-ratio: 153/269;
  background: url(../img/common/coupon_base.png) no-repeat center center/100% 100%;
  z-index: 100;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .fv_coupon {
    left: 13vw;
    padding-top: 6.7vw;
    width: 18vw;
  }
  .fv_coupon:hover {
    opacity: 0.5;
  }
}
.fv_coupon .fv_coupon_text {
  font-size: clamp(1.3rem, 4.3vw + -1.9981rem, 2.4rem);
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1.5em;
}
@media screen and (min-width: 768px) {
  .fv_coupon .fv_coupon_text {
    font-size: 1.25vw;
  }
}
.fv_coupon .fv_coupon_img {
  margin: 0 auto;
  width: 23vw;
}
@media screen and (min-width: 768px) {
  .fv_coupon .fv_coupon_img {
    width: 11.3vw;
  }
}
.fv_coupon .arrow {
  transform: rotate(90deg);
  margin: 0 auto;
  width: fit-content;
  height: 4vw;
}
@media screen and (min-width: 768px) {
  .fv_coupon .arrow {
    height: 1.5vw;
  }
}
.fv_coupon .arrow img {
  width: auto;
  height: 100%;
}
.fv_coupon.en .fv_coupon_text {
  font-size: clamp(1rem, 5.4vw + -3.1418rem, 2.4rem);
  padding: 0 5.3vw;
}
@media screen and (min-width: 768px) {
  .fv_coupon.en .fv_coupon_text {
    font-size: 1.25vw;
    padding: 0 2.2vw;
  }
}
.fv_coupon.kr .fv_coupon_text {
  font-size: clamp(1rem, 5.4vw + -3.1418rem, 2.4rem);
  padding: 0 5.3vw;
}
@media screen and (min-width: 768px) {
  .fv_coupon.kr .fv_coupon_text {
    font-size: 1.14vw;
    padding: 0 2.2vw;
  }
}

.fv_illust {
  position: absolute;
  top: -8vw;
  left: 21vw;
  width: 84vw;
}
@media screen and (min-width: 768px) {
  .fv_illust {
    top: initial;
    bottom: -1vw;
    left: 61vw;
    width: 35vw;
  }
}
.fv_illust img {
  width: 100%;
}

/* ==================================================
  info
================================================== */
.award {
  position: relative;
  background: url(../img/common/bg_lead.webp) repeat-y center center;
  background-size: 100%;
  padding: 10vw 0;
  margin-bottom: 15vw;
}
@media screen and (min-width: 768px) {
  .award {
    padding: min(120px, 12vw) 0;
    margin-bottom: min(12vw, 120px);
  }
}
.award.home {
  padding-top: 0;
}
.award.cn, .award.tw, .award.en, .award.kr {
  padding-top: 0;
}
.award:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8vw;
  width: 100%;
  height: 10vw;
  background: url(../img/common/bg_lead_section.webp) no-repeat center center;
  background-size: 100%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .award:after {
    bottom: -140px;
    width: 100%;
    height: 100%;
    max-height: 200px;
  }
}
@media screen and (min-width: 768px) {
  .award.girls.jp #category2-global .award_list .award_item {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2%;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .award.girls.jp #category2-global .award_list .award_item .local_area {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .award.girls.jp #category2-global .award_list .award_item .local_area .local_area_title {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .award.girls.jp #category2-global .award_list .award_item .inner {
    width: 49%;
    height: auto;
  }
}

.floor_select {
  position: relative;
}
.floor_select::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #8f6f2c;
  z-index: 10;
}
.floor_select_text {
  margin-bottom: 3vw;
  font-size: clamp(1.8rem, 4.7vw + -1.8049rem, 3rem);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .floor_select_text {
    margin-bottom: min(30px, 3vw);
  }
}
.floor_select_list {
  display: flex;
  justify-content: center;
  gap: 1vw;
}
.floor_select_list .floor_select_item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 27%;
  aspect-ratio: 100/40;
  background: #fff;
  font-size: clamp(1.4rem, 3.9vw + -1.5913rem, 2.4rem);
  font-weight: 700;
  color: rgb(133, 117, 80);
  box-sizing: border-box;
  background: linear-gradient(90deg, #d8d083 0%, #b99a59 16%, #836119 50%, #8f6f2c 90%);
  border-radius: 6px 6px 0 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .floor_select_list .floor_select_item {
    width: min(280px, 28vw);
    aspect-ratio: 280/68;
  }
}
.floor_select_list .floor_select_item::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #fff;
  border-radius: 3px 3px 0 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: -1;
}
.floor_select_list .floor_select_item.active {
  color: #fff;
  pointer-events: none;
}
.floor_select_list .floor_select_item.active::before {
  background: linear-gradient(90deg, #d8d083 0%, #b99a59 16%, #836119 50%, #8f6f2c 90%);
}

.award_container {
  position: relative;
  padding: 5vw 0 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .award_container {
    padding: min(40px, 3.9vw) 0;
    margin-bottom: min(100px, 10vw);
  }
}
@media screen and (min-width: 768px) {
  .award_container.cn, .award_container.tw, .award_container.en, .award_container.kr {
    padding: min(40px, 3.9vw) 0 min(60px, 6vw);
    margin-bottom: min(30px, 3vw);
  }
}
.award_container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(202, 184, 142, 0.4);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 99%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 99%, transparent 100%);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .award_container::before {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
.award_container .crown {
  margin: 3vw auto;
  width: 8%;
}
@media screen and (min-width: 768px) {
  .award_container .crown {
    width: min(54px, 5.4vw);
  }
}
.award_container .award_category_select_container {
  position: sticky;
  top: 2vw;
  margin: 0 auto 18px;
  padding: 4vw 0;
  width: 96%;
  background: rgba(255, 255, 255, 0.9);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  z-index: 100;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .award_container .award_category_select_container {
    top: min(10px, 1vw);
    padding: min(15px, 1.5vw) 0;
    max-width: 1024px;
  }
}
.award_container .award_category_select_container.fadeout {
  opacity: 0;
  pointer-events: none;
  transition: opacity 3s;
}
.award_container .award_category_select_container .triangle {
  display: none;
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 22px;
  height: 20px;
  fill: #fff;
}
.award_container .award_category_select_container .award_category_select_text {
  margin-bottom: 0.2em;
  font-size: clamp(1.4rem, 2.3vw + -0.3641rem, 2rem);
  font-weight: 700;
  text-align: center;
}
.award_container .award_category_select_container .award_category_select {
  margin: 0 auto;
  width: 92%;
}
.award_container .award_category_select_container .award_category_select .swiper-wrapper {
  justify-content: center;
}
.award_container .award_category_select_container .award_category_select .award_category_item {
  width: 33%;
}
.award_container .award_category_select_container .award_category_select .award_category_item button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1vw;
  width: 100%;
  height: 10vw;
}
@media screen and (min-width: 768px) {
  .award_container .award_category_select_container .award_category_select .award_category_item button {
    height: min(56px, 5.4vw);
  }
}
.award_container .award_category_select_container .award_category_select .award_category_item button svg {
  fill: rgb(133, 117, 80);
  width: 12%;
}
.award_container .award_category_select_container .award_category_select .award_category_item button p {
  font-size: clamp(1.1rem, 3.5vw + -1.5845rem, 2rem);
  color: rgb(133, 117, 80);
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  .award_container .award_category_select_container .award_category_select .award_category_item button p .sp {
    display: none;
  }
}
.award_container .award_category_select_container .award_category_select .award_category_item:not(:last-child) button {
  border-right: solid 1px rgb(133, 117, 80);
}
@media screen and (min-width: 768px) {
  .award_container .award_category_select_container .award_category_select .award_category_item:not(:last-child) button {
    border-right: solid 2px rgb(133, 117, 80);
  }
}
.award_container .award_category_select_container .award_category_select .award_category_item.swiper-slide-thumb-active button {
  background: rgb(133, 117, 80);
}
.award_container .award_category_select_container .award_category_select .award_category_item.swiper-slide-thumb-active button svg {
  fill: #fff;
}
.award_container .award_category_select_container .award_category_select .award_category_item.swiper-slide-thumb-active button p {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .award_container.en .award_category_select_container, .award_container.kr .award_category_select_container {
    width: min(862px, 86vw);
  }
}
.award_container.en .award_category_select_container .award_category_select, .award_container.kr .award_category_select_container .award_category_select {
  width: 100%;
}
.award_container.en .award_category_select_container .award_category_select .swiper-wrapper, .award_container.kr .award_category_select_container .award_category_select .swiper-wrapper {
  flex-wrap: wrap;
}
.award_container.en .award_category_select_container .award_category_select .award_category_item, .award_container.kr .award_category_select_container .award_category_select .award_category_item {
  width: fit-content;
}
.award_container.en .award_category_select_container .award_category_select .award_category_item button, .award_container.kr .award_category_select_container .award_category_select .award_category_item button {
  padding: 0 5px;
}
@media screen and (min-width: 768px) {
  .award_container.en .award_category_select_container .award_category_select .award_category_item button, .award_container.kr .award_category_select_container .award_category_select .award_category_item button {
    padding: 0 min(15px, 1.5vw);
  }
}
.award_container.en .award_category_select_container .award_category_select .award_category_item button p, .award_container.kr .award_category_select_container .award_category_select .award_category_item button p {
  font-size: 2.6vw;
}
@media screen and (min-width: 768px) {
  .award_container.en .award_category_select_container .award_category_select .award_category_item button p, .award_container.kr .award_category_select_container .award_category_select .award_category_item button p {
    font-size: min(20px, 2vw);
  }
}
.award_container.en .award_category_select_container .award_category_select .award_category_item button svg, .award_container.kr .award_category_select_container .award_category_select .award_category_item button svg {
  width: 1em;
}
@media screen and (min-width: 768px) {
  .award_container.en .award_category_select_container .award_category_select .award_category_item button svg, .award_container.kr .award_category_select_container .award_category_select .award_category_item button svg {
    width: 1.5em;
  }
}
.award_container.en .award_category_select_container .award_category_select .award_category_item:first-child button, .award_container.kr .award_category_select_container .award_category_select .award_category_item:first-child button {
  border-left: solid min(1px, 0.1vw) rgb(133, 117, 80);
}
@media screen and (min-width: 768px) {
  .award_container.en .award_category_select_container .award_category_select .award_category_item:first-child button, .award_container.kr .award_category_select_container .award_category_select .award_category_item:first-child button {
    border-left: solid min(2px, 0.2vw) rgb(133, 117, 80);
  }
}
.award_container.en .award_category_select_container .award_category_select .award_category_item:nth-of-type(3) button, .award_container.kr .award_category_select_container .award_category_select .award_category_item:nth-of-type(3) button {
  border-left: solid min(1px, 0.1vw) rgb(133, 117, 80);
}
@media screen and (min-width: 768px) {
  .award_container.en .award_category_select_container .award_category_select .award_category_item:nth-of-type(3) button, .award_container.kr .award_category_select_container .award_category_select .award_category_item:nth-of-type(3) button {
    border-left: solid min(2px, 0.2vw) rgb(133, 117, 80);
  }
}
.award_container.en .award_category_select_container .award_category_select .award_category_item:last-child button, .award_container.kr .award_category_select_container .award_category_select .award_category_item:last-child button {
  border-right: solid min(1px, 0.1vw) rgb(133, 117, 80);
}
@media screen and (min-width: 768px) {
  .award_container.en .award_category_select_container .award_category_select .award_category_item:last-child button, .award_container.kr .award_category_select_container .award_category_select .award_category_item:last-child button {
    border-right: solid min(2px, 0.2vw) rgb(133, 117, 80);
  }
}
.award_container.kr .award_category_select_container .award_category_select .award_category_item button {
  padding: 0 4vw;
}
@media screen and (min-width: 768px) {
  .award_container.kr .award_category_select_container .award_category_select .award_category_item button {
    padding: 0 45px;
  }
}
.award_container .award_list_container .swiper-wrapper {
  overflow: hidden;
}
.award_container .award_note {
  font-size: clamp(1.2rem, 0.8vw + 0.5864rem, 1.4rem);
  font-weight: 600;
  text-align: center;
}
.award_container .award_list_container .category_container .award_item {
  display: flex;
  flex-direction: column;
  width: 49%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item {
    width: 24%;
  }
}
.award_container .award_list_container .category_container .award_item .award_item_pic {
  position: relative;
  border: solid 2px;
  box-sizing: border-box;
  border-image: linear-gradient(90deg, #977c43 0%, #c9b56e 20%, #e9e5c0 50%, #c9b56e 80%, #977c43 100%) 1;
}
.award_container .award_list_container .category_container .award_item .award_item_pic .pic_inner {
  aspect-ratio: 560/420;
  overflow: hidden;
}
.award_container .award_list_container .category_container .award_item .award_item_pic .bg_pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.award_container .award_list_container .category_container .award_item .award_item_pic .bg_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(6px);
  opacity: 0.5;
}
.award_container .award_list_container .category_container .award_item .award_item_pic .main_pic {
  position: relative;
  width: 100%;
  height: 100%;
}
.award_container .award_list_container .category_container .award_item .award_item_pic .main_pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.award_container .award_list_container .category_container .award_item .award_item_pic .award_item_pic_deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.award_container .award_list_container .category_container .award_item .award_item_pic .award_item_pic_deco .kira::before {
  content: "";
  display: block;
  position: absolute;
  top: -19%;
  left: -11%;
  width: 21%;
  aspect-ratio: 60/48;
  background: url(../img/common/parts_kira1.png) no-repeat center center/100% 100%;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item .award_item_pic .award_item_pic_deco .kira::before {
    opacity: 1;
  }
}
.award_container .award_list_container .category_container .award_item .award_item_pic .award_item_pic_deco .star::before {
  content: "";
  display: block;
  position: absolute;
  top: -17%;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1, -1);
  width: 37.5%;
  aspect-ratio: 3/1;
  background: url(../img/common/parts_star.png) no-repeat center center/100% 100%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item .award_item_pic .award_item_pic_deco .star::before {
    width: 32%;
  }
}
.award_container .award_list_container .category_container .award_item .award_item_text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 4rem;
  padding: 0.5em;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item .award_item_text {
    margin-top: min(5px, 0.5vw);
  }
}
.award_container .award_list_container .category_container .award_item .award_item_text .inner {
  flex-grow: 1;
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_item_name {
  font-size: clamp(1.4rem, 0.8vw + 0.7864rem, 1.6rem);
  font-weight: 700;
  line-height: 1.2em;
  background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_item_circle {
  font-size: clamp(1.2rem, 0.8vw + 0.5864rem, 1.4rem);
  font-weight: 600;
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag_list {
  display: flex;
  gap: 2px;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item .award_item_text .award_tag_list {
    gap: 5px;
  }
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag {
  margin-bottom: 1em;
  padding: 0 0.7em;
  width: fit-content;
  font-size: clamp(1rem, 0vw + 1rem, 1rem);
  color: #fff;
  border-radius: 50px;
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.award_taisyo_tag {
  font-size: clamp(1.4rem, 0vw + 1.4rem, 1.4rem);
  padding: 0 0.8em;
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_commercial {
  background: #052A83;
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_commercial:before {
  content: "商業";
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_dojin {
  background: #058351;
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_dojin:before {
  content: "同人";
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_pc {
  background: rgb(80, 116, 136);
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_pc:before {
  content: "PC";
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_ios {
  background: rgb(80, 116, 136);
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_ios:before {
  content: "iOS";
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_android {
  background: rgb(80, 116, 136);
}
.award_container .award_list_container .category_container .award_item .award_item_text .award_tag.type_android:before {
  content: "Android";
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item .award_item_text .button_list {
    display: flex;
  }
}
.award_container .award_list_container .category_container .award_item .award_item_text .button_list .common_button {
  min-height: 10vw;
  font-size: clamp(1.4rem, 0vw + 1.4rem, 1.4rem);
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item .award_item_text .button_list .common_button {
    height: auto;
    min-height: initial;
    aspect-ratio: 128/40;
    white-space: nowrap;
    font-size: min(14px, 1.1vw);
  }
}
.award_container .award_list_container .category_container .award_item .award_item_text .button_list .common_button::before {
  min-width: 1em;
}
.award_container .award_list_container .category_container .award_item .award_item_text .button_list .common_button::after {
  display: none;
}
.award_container .award_list_container .category_container .award_item.cn, .award_container .award_list_container .category_container .award_item.tw, .award_container .award_list_container .category_container .award_item.en, .award_container .award_list_container .category_container .award_item.kr {
  padding: 0 2% 8vw;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn, .award_container .award_list_container .category_container .award_item.tw, .award_container .award_list_container .category_container .award_item.en, .award_container .award_list_container .category_container .award_item.kr {
    padding: 0 2%;
    margin: 0 auto;
    max-width: 1000px;
  }
}
.award_container .award_list_container .category_container .award_item.cn .inner, .award_container .award_list_container .category_container .award_item.tw .inner, .award_container .award_list_container .category_container .award_item.en .inner, .award_container .award_list_container .category_container .award_item.kr .inner {
  position: relative;
  padding: 5.3vw;
  background: linear-gradient(90deg, #977c43 0%, #c9b56e 20%, #e9e5c0 50%, #c9b56e 80%, #977c43 100%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn .inner, .award_container .award_list_container .category_container .award_item.tw .inner, .award_container .award_list_container .category_container .award_item.en .inner, .award_container .award_list_container .category_container .award_item.kr .inner {
    padding: min(30px, 3vw) 5.3vw;
  }
}
.award_container .award_list_container .category_container .award_item.cn .inner::before, .award_container .award_list_container .category_container .award_item.tw .inner::before, .award_container .award_list_container .category_container .award_item.en .inner::before, .award_container .award_list_container .category_container .award_item.kr .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background: url(../img/common/bg_lead.webp) repeat-y center center;
  background-size: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn .inner::before, .award_container .award_list_container .category_container .award_item.tw .inner::before, .award_container .award_list_container .category_container .award_item.en .inner::before, .award_container .award_list_container .category_container .award_item.kr .inner::before {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
}
.award_container .award_list_container .category_container .award_item.cn .award_list_title, .award_container .award_list_container .category_container .award_item.tw .award_list_title, .award_container .award_list_container .category_container .award_item.en .award_list_title, .award_container .award_list_container .category_container .award_item.kr .award_list_title {
  margin: 5.3vw auto 3vw;
  width: 80%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn .award_list_title, .award_container .award_list_container .category_container .award_item.tw .award_list_title, .award_container .award_list_container .category_container .award_item.en .award_list_title, .award_container .award_list_container .category_container .award_item.kr .award_list_title {
    margin: min(50px, 5vw) auto min(20px, 2vw);
    width: min(584px, 58.4vw);
  }
}
.award_container .award_list_container .category_container .award_item.cn .award_item_name, .award_container .award_list_container .category_container .award_item.tw .award_item_name, .award_container .award_list_container .category_container .award_item.en .award_item_name, .award_container .award_list_container .category_container .award_item.kr .award_item_name {
  font-size: clamp(1.6rem, 4.7vw + -2.0049rem, 2.8rem);
  font-weight: 700;
  color: rgb(131, 15, 5);
  text-align: center;
  width: 85%;
  margin: auto;
  margin-bottom: min(20px, 2vw);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn .award_item_name, .award_container .award_list_container .category_container .award_item.tw .award_item_name, .award_container .award_list_container .category_container .award_item.en .award_item_name, .award_container .award_list_container .category_container .award_item.kr .award_item_name {
    margin-top: 3rem;
    margin-bottom: 6rem;
    width: 100%;
  }
}
.award_container .award_list_container .category_container .award_item.cn .award_item_pic, .award_container .award_list_container .category_container .award_item.tw .award_item_pic, .award_container .award_list_container .category_container .award_item.en .award_item_pic, .award_container .award_list_container .category_container .award_item.kr .award_item_pic {
  border: none;
  background-image: none;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn .award_item_pic, .award_container .award_list_container .category_container .award_item.tw .award_item_pic, .award_container .award_list_container .category_container .award_item.en .award_item_pic, .award_container .award_list_container .category_container .award_item.kr .award_item_pic {
    margin: 0 auto;
    width: min(560px, 56vw);
  }
}
.award_container .award_list_container .category_container .award_item.cn .award_item_pic .pic_inner, .award_container .award_list_container .category_container .award_item.tw .award_item_pic .pic_inner, .award_container .award_list_container .category_container .award_item.en .award_item_pic .pic_inner, .award_container .award_list_container .category_container .award_item.kr .award_item_pic .pic_inner {
  aspect-ratio: 560/420;
}
.award_container .award_list_container .category_container .award_item.cn .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.tw .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.en .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.kr .award_item_pic .award_item_pic_deco .kira::before {
  top: -15%;
  left: -8%;
  width: 17%;
  opacity: 1;
}
.award_container .award_list_container .category_container .award_item.cn .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.tw .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.en .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.kr .award_item_pic .award_item_pic_deco .kira::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -15%;
  right: -8%;
  width: 14%;
  aspect-ratio: 1/1;
  background: url(../img/common/parts_kira2.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.tw .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.en .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.kr .award_item_pic .award_item_pic_deco .star::before {
  top: initial;
  bottom: -13%;
  transform: translate3d(-50%, 0, 0);
  width: 27%;
}
.award_container .award_list_container .category_container .award_item.cn .award_item_text, .award_container .award_list_container .category_container .award_item.tw .award_item_text, .award_container .award_list_container .category_container .award_item.en .award_item_text, .award_container .award_list_container .category_container .award_item.kr .award_item_text {
  display: block;
  margin-top: 6rem;
  padding: 0;
  background: none;
  box-shadow: none;
}
.award_container .award_list_container .category_container .award_item.cn .award_item_text .text, .award_container .award_list_container .category_container .award_item.tw .award_item_text .text, .award_container .award_list_container .category_container .award_item.en .award_item_text .text, .award_container .award_list_container .category_container .award_item.kr .award_item_text .text {
  font-size: clamp(1.6rem, 0vw + 1.6rem, 1.6rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: justify;
}
.award_container .award_list_container .category_container .award_item.cn .button_list .common_button, .award_container .award_list_container .category_container .award_item.tw .button_list .common_button, .award_container .award_list_container .category_container .award_item.en .button_list .common_button, .award_container .award_list_container .category_container .award_item.kr .button_list .common_button {
  margin: 5.3vw auto 0;
  width: 73%;
  aspect-ratio: 264/62;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn .button_list .common_button, .award_container .award_list_container .category_container .award_item.tw .button_list .common_button, .award_container .award_list_container .category_container .award_item.en .button_list .common_button, .award_container .award_list_container .category_container .award_item.kr .button_list .common_button {
    margin: min(20px, 2vw) auto 0;
    width: 36%;
    aspect-ratio: 260/78;
    font-size: min(20px, 2vw);
  }
}
.award_container .award_list_container .category_container .award_item.cn .button_list .common_button::after, .award_container .award_list_container .category_container .award_item.tw .button_list .common_button::after, .award_container .award_list_container .category_container .award_item.en .button_list .common_button::after, .award_container .award_list_container .category_container .award_item.kr .button_list .common_button::after {
  display: block;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_item.cn .button_list .common_button::after, .award_container .award_list_container .category_container .award_item.tw .button_list .common_button::after, .award_container .award_list_container .category_container .award_item.en .button_list .common_button::after, .award_container .award_list_container .category_container .award_item.kr .button_list .common_button::after {
    width: 10px;
  }
}
.award_container .award_list_container .category_container .award_item.cn.type_silver .inner, .award_container .award_list_container .category_container .award_item.tw.type_silver .inner, .award_container .award_list_container .category_container .award_item.en.type_silver .inner, .award_container .award_list_container .category_container .award_item.kr.type_silver .inner {
  background: linear-gradient(90deg, #5B6883 0%, #7F85AD 20%, #E0E1EA 50%, #7F85AD 80%, #5B6883 100%);
}
.award_container .award_list_container .category_container .award_item.cn.type_silver .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.tw.type_silver .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.en.type_silver .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.kr.type_silver .award_item_pic .award_item_pic_deco .kira::before {
  background: url(../img/common/parts_kira1_silver.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_silver .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.tw.type_silver .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.en.type_silver .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.kr.type_silver .award_item_pic .award_item_pic_deco .kira::after {
  background: url(../img/common/parts_kira2_silver.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_silver .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.tw.type_silver .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.en.type_silver .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.kr.type_silver .award_item_pic .award_item_pic_deco .star::before {
  background: url(../img/common/parts_star_silver.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_bronze .inner, .award_container .award_list_container .category_container .award_item.tw.type_bronze .inner, .award_container .award_list_container .category_container .award_item.en.type_bronze .inner, .award_container .award_list_container .category_container .award_item.kr.type_bronze .inner {
  background: linear-gradient(90deg, #834B2F 0%, #B06544 20%, #FEB595 50%, #B06544 80%, #B06544 100%);
}
.award_container .award_list_container .category_container .award_item.cn.type_bronze .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.tw.type_bronze .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.en.type_bronze .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.kr.type_bronze .award_item_pic .award_item_pic_deco .kira::before {
  background: url(../img/common/parts_kira1_bronze.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_bronze .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.tw.type_bronze .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.en.type_bronze .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.kr.type_bronze .award_item_pic .award_item_pic_deco .kira::after {
  background: url(../img/common/parts_kira2_bronze.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_bronze .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.tw.type_bronze .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.en.type_bronze .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.kr.type_bronze .award_item_pic .award_item_pic_deco .star::before {
  background: url(../img/common/parts_star_bronze.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_special .inner, .award_container .award_list_container .category_container .award_item.tw.type_special .inner, .award_container .award_list_container .category_container .award_item.en.type_special .inner, .award_container .award_list_container .category_container .award_item.kr.type_special .inner {
  background: linear-gradient(90deg, #49627C 0%, #699AC6 20%, #AECDF1 50%, #699AC6 80%, #49627C 100%);
}
.award_container .award_list_container .category_container .award_item.cn.type_special .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.tw.type_special .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.en.type_special .award_item_pic .award_item_pic_deco .kira::before, .award_container .award_list_container .category_container .award_item.kr.type_special .award_item_pic .award_item_pic_deco .kira::before {
  background: url(../img/common/parts_kira1_blue.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_special .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.tw.type_special .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.en.type_special .award_item_pic .award_item_pic_deco .kira::after, .award_container .award_list_container .category_container .award_item.kr.type_special .award_item_pic .award_item_pic_deco .kira::after {
  background: url(../img/common/parts_kira2_blue.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_item.cn.type_special .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.tw.type_special .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.en.type_special .award_item_pic .award_item_pic_deco .star::before, .award_container .award_list_container .category_container .award_item.kr.type_special .award_item_pic .award_item_pic_deco .star::before {
  background: url(../img/common/parts_star_blue.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_list_wrapper {
  padding: 8vw 2%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper {
    padding: min(70px, 7vw) 2%;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper:not(:last-child) {
  background-image: linear-gradient(to right, rgba(133, 117, 80, 0.9), rgba(133, 117, 80, 0.9) 8px, transparent 3px, transparent 8px);
  background-repeat: repeat-x;
  background-size: 12px 2px;
  background-position: left bottom;
}
.award_container .award_list_container .category_container .award_list_wrapper .award_list_title {
  margin: 0 auto;
  width: 80%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper .award_sub_list_wrapper .award_list_title {
    width: min(584px, 58vw);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper .award_text {
  margin: 1em auto 3em;
  font-size: clamp(1.4rem, 2.3vw + -0.3641rem, 2rem);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper .award_text {
    max-width: 792px;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper .award_list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 4vw;
  column-gap: 2%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper .award_list {
    row-gap: min(35px, 3.5vw);
    justify-content: center;
    column-gap: 1.2%;
    max-width: 1200px;
  }
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award {
    margin-bottom: min(60px, 6vw);
  }
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_list {
    row-gap: min(16px, 1.6vw);
    max-width: 1000px;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item {
  padding: 0 2% 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item {
    padding: 0;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item > .inner {
  position: relative;
  padding: 5.3vw;
  background: linear-gradient(90deg, #977c43 0%, #c9b56e 20%, #e9e5c0 50%, #c9b56e 80%, #977c43 100%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item > .inner {
    padding: min(40px, 4vw) min(16px, 1.6vw);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item > .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
  z-index: -1;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_name {
  font-size: clamp(1.8rem, 2.3vw + 0.0359rem, 2.4rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_circle {
  font-size: clamp(1.6rem, 1.6vw + 0.3728rem, 2rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_pic {
  margin-top: 3vw;
  border: none;
  background-image: none;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_pic {
    margin: min(30px, 3vw) auto;
    width: 52%;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_pic .pic_inner {
  aspect-ratio: 560/420;
  overflow: initial;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_pic .pic_inner .main_pic {
  filter: drop-shadow(0px 0px 12px #EBE0C5);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_pic .award_item_pic_deco .kira::before {
  top: -15%;
  left: -8%;
  width: 17%;
  opacity: 1;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_pic .award_item_pic_deco .kira::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -15%;
  right: -8%;
  width: 14%;
  aspect-ratio: 1/1;
  background: url(../img/common/parts_kira2.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_pic .award_item_pic_deco .star::before {
  top: initial;
  bottom: -13%;
  transform: translate3d(-50%, 0, 0);
  width: 27%;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text {
  background: none;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text {
    margin: min(16px, 1.6vw) auto;
    max-width: 720px;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .award_tag {
  margin-bottom: 1vw;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .award_tag {
    margin: 0;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .award_comment {
  margin-bottom: 3vw;
  font-size: clamp(1.6rem, 0vw + 1.6rem, 1.6rem);
  font-weight: 500;
  line-height: 1.5em;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .award_comment {
    margin: min(16px, 1.6vw) 0;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .award_comment .comment_title {
  text-align: center;
  padding-bottom: 0.6rem;
  font-size: clamp(1.6rem, 1.6vw + 0.3728rem, 2rem);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list {
  display: flex;
  gap: 1vw;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list {
    justify-content: center;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list .common_button {
  gap: 0.2vw;
  padding: 0.2vw 0;
  font-size: clamp(1.4rem, 2.3vw + -0.3641rem, 2rem);
  border: none;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list .common_button {
    padding: min(24px, 2.4vw) 0;
    max-width: 260px;
    aspect-ratio: 260/78;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list .common_button.type_cart {
  background: #FFF5DB;
  color: rgb(131, 15, 5);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list .common_button.type_cart::before {
  background: url(../img/common/icon_cart_red.svg) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list .common_button.type_cart::after {
  background: url(../img/common/parts_arrow_red.svg) no-repeat center center/contain;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list .common_button::before {
  width: 1em;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_award .award_item .award_item_text .button_list .common_button::after {
  display: block;
  right: 1vw;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_newcomer {
    padding: min(10px, 1vw) 2% min(70px, 7vw);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_special {
  position: relative;
  padding: 8vw 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_special {
    margin: min(100px, 8.3vw) auto;
    padding: min(70px, 7vw) 2%;
    max-width: 1430px;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_special::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(253, 250, 241, 0.7);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 99%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 99%, transparent 100%);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_special::before {
    border-radius: 30px;
    -webkit-mask-image: none;
    mask-image: none;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_special > .award_list_title {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list {
    column-gap: 2%;
    max-width: 1020px;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item {
    width: 49%;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25vw;
  background-image: url(../img/jp/parts_map_area_1.png);
  background-repeat: no-repeat;
  background-position: 5vw center;
  background-size: auto 100%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area {
    height: min(150px, 15vw);
    min-height: min(150px, 15vw);
    background-size: 28% auto;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area.type_local2, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area.type_local2 {
  background-image: url(../img/jp/parts_map_area_2.png);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area.type_local3, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area.type_local3 {
  background-image: url(../img/jp/parts_map_area_3.png);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area.type_local4, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area.type_local4 {
  background-image: url(../img/jp/parts_map_area_4.png);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area.type_local5, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area.type_local5 {
  background-image: url(../img/jp/parts_map_area_5.png);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area.type_local6, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area.type_local6 {
  background-image: url(../img/jp/parts_map_area_6.png);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area.type_local7, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area.type_local7 {
  background-image: url(../img/jp/parts_map_area_7.png);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area.type_local8, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area.type_local8 {
  background-image: url(../img/jp/parts_map_area_8.png);
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area .local_area_title, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area .local_area_title {
  transform: translate3d(0, 3vw, 0);
  width: 72%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .local_area .local_area_title, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area .local_area_title {
    transform: translate3d(0, min(20px, 2vw), 0);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .inner, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 4vw;
  column-gap: 2%;
  padding: 0.5em;
  height: calc(100% - min(150px, 15vw));
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .inner, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .inner {
    row-gap: min(20px, 2vw);
    margin-bottom: min(20px, 2vw);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .inner:not(:last-child), .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .inner:not(:last-child) {
  margin-bottom: 4vw;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .inner:not(:last-child), .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .inner:not(:last-child) {
    margin-bottom: min(20px, 2vw);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .award_item_pic, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .award_item_pic {
  width: 49%;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .award_item_text, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .award_item_text {
  margin: 0;
  padding-top: 0;
  width: 49%;
  background: none;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .award_item_text, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .award_item_text {
    height: calc(100% - 74px);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .button_list, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .button_list {
  display: flex;
  gap: 2%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .button_list, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .button_list {
    justify-content: center;
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .button_list .common_button, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .button_list .common_button {
  min-height: 10vw;
  font-size: clamp(1.4rem, 0.8vw + 0.7864rem, 1.6rem);
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .button_list .common_button, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .button_list .common_button {
    width: 40%;
    height: auto;
    aspect-ratio: 200/56;
    min-height: initial;
    white-space: nowrap;
    font-size: min(16px, 1.6vw);
  }
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .award_list .award_item .button_list .common_button::after, .award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .button_list .common_button::after {
    aspect-ratio: 1/2;
    width: 10px;
    height: auto;
    right: min(5px, 0.5vw);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .local_list_button, .award_container .award_list_container .category_container .award_list_wrapper.type_global .local_list_button {
  margin: 10vw auto 0;
}
@media screen and (min-width: 768px) {
  .award_container .award_list_container .category_container .award_list_wrapper.type_local .local_list_button, .award_container .award_list_container .category_container .award_list_wrapper.type_global .local_list_button {
    margin-top: min(60px, 6vw);
  }
}
.award_container .award_list_container .category_container .award_list_wrapper.type_local .local_list_button::before, .award_container .award_list_container .category_container .award_list_wrapper.type_global .local_list_button::before {
  content: "";
  display: block;
  margin-right: 0.5em;
  width: 1.5em;
  aspect-ratio: 21/19;
  background: url(../img/jp/map_ja.png) no-repeat center center/100% 100%;
}
.award_container .award_list_container .category_container .award_list_wrapper.type_global .award_list .award_item .local_area {
  background: none;
}

/* ==================================================
  info
================================================== */
.announcement {
  position: relative;
  background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .announcement {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 6%;
    margin: 0 auto;
    max-width: 768px;
    width: calc(100% - 30px);
    background: linear-gradient(90deg, #977c43 0%, #c9b56e 20%, #e9e5c0 50%, #c9b56e 80%, #977c43 100%);
  }
}
.announcement::before, .announcement::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #977c43 0%, #c9b56e 20%, #e9e5c0 50%, #c9b56e 80%, #977c43 100%);
}
@media screen and (min-width: 768px) {
  .announcement::before, .announcement::after {
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
    z-index: -1;
  }
}
.announcement::before {
  top: 0;
}
@media screen and (min-width: 768px) {
  .announcement::before {
    top: 4px;
  }
}
.announcement::after {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .announcement::after {
    display: none;
  }
}
.announcement_text {
  margin: 0 auto;
  max-width: 85%;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .announcement_text {
    margin: 0;
    width: 47%;
  }
}
.announcement_logo {
  margin: 5vw auto 0;
  width: 61%;
}
@media screen and (min-width: 768px) {
  .announcement_logo {
    margin: 0;
    width: 30%;
  }
}
/* ==================================================
  coupon
================================================== */
.coupon {
  position: relative;
  padding: 10vw 0;
  background-image: url(../img/common/bg_lead.webp);
  background-repeat: repeat-y;
  background-position: center center;
  background-size: 100%;
  background-color: #2C2B59;
  background-blend-mode: multiply;
}
@media screen and (min-width: 768px) {
  .coupon {
    padding: min(120px, 12vw) 0;
  }
}
.coupon::before, .coupon::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.6vw;
  background: linear-gradient(90deg, #977c43 0%, #c9b56e 20%, #e9e5c0 50%, #c9b56e 80%, #977c43 100%);
}
@media screen and (min-width: 768px) {
  .coupon::before, .coupon::after {
    height: min(6px, 0.6vw);
  }
}
.coupon::before {
  top: 0;
}
.coupon::after {
  bottom: 0;
}
.coupon .sec_heading {
  font-size: clamp(2.4rem, 3.1vw + 0.0223rem, 3.2rem);
  color: #fff;
  font-weight: 700;
  line-height: 1.5em;
}
.coupon .schedule {
  display: flex;
  align-items: center;
  gap: 4vw;
  margin: 0 auto;
  padding: 4vw;
  width: fit-content;
  background: #1c1c1c;
  border: solid 1px #fff;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .coupon .schedule {
    gap: min(20px, 2vw);
    padding: min(20px, 2vw);
  }
}
.coupon .schedule .icon_calendar {
  width: 8vw;
}
@media screen and (min-width: 768px) {
  .coupon .schedule .icon_calendar {
    width: 2em;
  }
}
.coupon .schedule p {
  font-size: clamp(1.6rem, 3.1vw + -0.7777rem, 2.4rem);
  color: #fff;
  font-weight: 700;
  line-height: 1.5em;
}
@media screen and (min-width: 768px) {
  .coupon .schedule p .sp {
    display: none;
  }
}
.coupon .coupon_img {
  margin: 2.6vw auto 0;
  width: 84%;
}
@media screen and (min-width: 768px) {
  .coupon .coupon_img {
    margin: min(10px, 1vw) auto 0;
    width: min(316px, 31.6vw);
  }
}
.coupon .coupon_img img {
  width: 100%;
}
.coupon .type_coupon {
  margin: 0 auto;
  width: 70%;
  background: linear-gradient(90deg, #AC1515 0%, #6F1D1D 100%);
}
.coupon .type_coupon .icon_ticket {
  width: 8%;
}/*# sourceMappingURL=lp.css.map */