@charset "UTF-8";
::view-transition-group(root) {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lazyload {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@-webkit-keyframes pro_ani {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes pro_ani {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes ani_LR {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes ani_LR {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes circle-draw {
  80% {
    stroke-dashoffset: 0;
  }
}
@keyframes circle-draw {
  80% {
    stroke-dashoffset: 0;
  }
}
/* Animation */
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes gotop-ani {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes gotop-ani {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@font-face {
  font-family: "HiraginoSansGB";
  src: url("../webfonts/HiraginoSansGB-Regular.woff2") format("woff2"), url("../webfonts/HiraginoSansGB-Regular.woff") format("woff"), url("../webfonts/HiraginoSansGB-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Regular.woff2") format("woff2"), url("../webfonts/Inter-Regular.woff") format("woff"), url("../webfonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Reset*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.disabled,
.disabled:hover {
  cursor: not-allowed;
}

html {
  font-size: 12px;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  scroll-behavior: auto;
}

body {
  font-family: "HiraginoSansGB", sans-serif;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -ms-overflow-style: scrollbar;
  color: #000;
  letter-spacing: 1px;
  --sb-track-color: #f8f8f8;
  --sb-thumb-color: #d8cec6;
  --sb-size: 4px;
  overflow-y: auto !important;
  overflow-x: hidden;
}

*::-webkit-scrollbar {
  width: var(--sb-size);
}
*::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 2px;
}
*::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 2px;
}

html,
body {
  margin: 0;
}

a, a:visited, a:hover, a:focus, a:active {
  text-decoration: none;
  outline: 0;
}

img, a img {
  border: none;
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

section, article, aside, footer, header, nav, main {
  display: block;
}

p {
  line-height: inherit;
}

ol.reset, ul.reset, li.reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

label {
  font-weight: inherit;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

input, textarea, select, input[type=radio], input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input:hover, input:active, input:hover, textarea:hover, textarea:active, textarea:hover, button:hover, button:active, button:hover, select:hover, select:active, select:hover, a:hover, a:active, a:hover {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input:not([type=button]), input:not([type=submit]), input:not([type=reset]) {
  font-size: 12px !important;
}

textarea {
  resize: vertical;
}

select {
  color: #A8A19C;
}
select::-ms-expand {
  display: none;
}

::-webkit-input-placeholder {
  color: #A8A19C;
  font-size: 12px;
}

::-moz-placeholder {
  color: #A8A19C;
  font-size: 12px;
}

:-ms-input-placeholder, :-moz-placeholder {
  color: #A8A19C;
  font-size: 12px;
}

input:-moz-read-only {
  background: #eee;
  color: #A8A19C;
}

.input-style:-moz-read-only:focus {
  border: 1px solid #ddd;
}

.input-style:read-only:focus {
  border: 1px solid #ddd;
}

.textarea-style:-moz-read-only:focus {
  border: 1px solid #ddd;
}

.textarea-style:read-only:focus {
  border: 1px solid #ddd;
}

input:-moz-read-only {
  background: #eee;
  color: #666;
}

input:read-only {
  background: #eee;
  color: #666;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: #ccc;
  font-size: 14px;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected, select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  background-color: #ededed !important;
  border: 1px solid #eee;
}

img,
input[type=image],
video,
embed,
iframe,
marquee,
object,
table {
  aspect-ratio: attr(width)/attr(height);
}

img {
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

@media only screen and (min-width: 768px) {
  .visible-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body {
    letter-spacing: 0;
  }
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block !important;
  }
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
/* color */
:root {
  --g-gap: clamp(0.375rem, 0.2157rem + 0.6536vw, 1rem);
  --p-pad: calc( var(--g-gap)*4);
  --g-txt: clamp(0.9375rem, 0.9216rem + 0.0654vw, 1rem);
  --swiper-pagination-color: #000;
  --swiper-theme-color: #000;
  --swiper-pagination-bullet-horizontal-gap: 6px;
  --ease: cubic-bezier(0.585, 0.040, 0.345, 1.015);
  --content-max-width: 100%;
  --breakout-max-width: 100%;
  --breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
}

/* Button */
.df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.jcc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.loader__wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c2b9b3;
  z-index: 101;
  display: grid;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: #281513;
  place-content: center;
}

.loader__text {
  text-align: center;
  margin-top: 1rem;
}

.loader {
  width: 100px;
  aspect-ratio: 1;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  background: #c2b9b3;
  -webkit-filter: blur(6px) contrast(10) hue-rotate(33deg);
          filter: blur(6px) contrast(10) hue-rotate(33deg);
  mix-blend-mode: darken;
}

.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
  width: 25px;
  height: 25px;
  background: #333;
  -webkit-animation: l7 2s infinite;
          animation: l7 2s infinite;
}

.loader:after {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes l7 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  50% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  75% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes l7 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  50% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  75% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
/* Header */
.hidden-header {
  display: none;
}

.logo {
  width: 200px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  margin: 0;
  aspect-ratio: 220/40;
  -ms-flex-item-align: center;
      align-self: center;
}
.logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='217.004' height='36.201' xml:space='preserve'%3E%3Cpath d='M128.959 20.957c-.017-.111-.036-.301-.056-.41-.475-2.485-1.604-4.725-3.141-6.46-1.799-1.922-4.078-3.368-7.049-3.586h-1.7l.629.136s.388.115.499.16c1.883.763 2.84 2.03 3.758 3.917.107.186.211.377.311.577.929 1.874 1.396 3.217 1.573 5.083H99.11l-.628.606h27.535c1.064.007 2.949.016 2.942-.023zM127.897 28.976c-.242 2.715-2.063 4.717-3.857 5.827-.602.371-1.318.67-2.332.835-1.07.174-3.929.494-3.929.494h3.907l-.004.002h6.236v-7.159c.001-.017-.019-.016-.021.001z'/%3E%3Cpath d='M109.339 32.076a10.802 10.802 0 0 1-.31-.576c-1.03-2.079-1.515-4.252-1.637-6.47a18.203 18.203 0 0 1 .217-4.738c.591-4.438 1.949-8.493 7.123-9.806a10.78 10.78 0 0 0-1.17.043c-4.697.857-9.415 3.877-10.836 8.094a17.138 17.138 0 0 0-.246.819c-.029.108-.055.217-.082.325a15.92 15.92 0 0 0-.142.66c-.018.095-.036.189-.052.284-.024.144-.046.288-.066.434l-.029.206a15.68 15.68 0 0 0-.104 1.262l-.005.105c-.005.158-.006.32-.007.48 0 .095-.003.189-.002.284 0 .037.002.074.003.11.014.692.068 1.365.163 2.015l.027.167c.018.11.037.221.057.33.474 2.486 1.604 4.727 3.14 6.461 1.799 1.924 5.451 3.354 8.407 3.51.278.018.582.03.906.027l-.979-.271c-2.098-.563-3.452-1.858-4.376-3.755zM127.897 28.976c-.242 2.715-2.063 4.717-3.857 5.827-.602.371-1.318.67-2.332.835-1.07.174-3.929.494-3.929.494h3.907l-.004.002h6.236v-7.159c.001-.017-.019-.016-.021.001zM60.432 31.845c.107-.186.212-.378.312-.577 1.035-2.075 1.521-4.245 1.645-6.459a18.105 18.105 0 0 0-.218-4.731c-.594-4.432-1.787-8.236-6.984-9.547.398-.007.791.008 1.176.042 4.718.857 9.196 4.364 10.625 8.574l.047.143a17.138 17.138 0 0 1 .2.676 15.833 15.833 0 0 1 .155.637c.025.114.048.229.07.347a9.309 9.309 0 0 1 .119.716c.009.068.02.137.028.205.023.18.042.361.058.544.003.04.008.079.012.119.016.196.027.396.036.597l.005.106c.006.158.007.318.008.479 0 .095.003.188.002.284l-.003.109a15.967 15.967 0 0 1-.164 2.012c-.008.056-.018.11-.027.166-.018.111-.037.221-.057.33-.476 2.482-1.491 4.834-3.154 6.451-2.153 2.096-5.206 3.02-8.185 3.013-.309.012-.619.01-.931-.013l1.003-.232c2.105-.561 3.294-2.097 4.222-3.991zM46.897 31.845a11.61 11.61 0 0 1-.31-.577c-1.029-2.075-1.512-4.245-1.635-6.459a18.191 18.191 0 0 1 .217-4.731c.59-4.432 1.776-8.236 6.942-9.547-.396-.007-.786.008-1.169.042-4.69.857-9.142 4.364-10.563 8.574-.016.048-.032.095-.046.143-.043.133-.083.268-.123.403-.027.091-.052.182-.077.273l-.082.324a15.218 15.218 0 0 0-.141.66c-.018.094-.036.188-.052.282a15.097 15.097 0 0 0-.152 1.183l-.011.119a16.36 16.36 0 0 0-.036.597l-.005.106c-.006.158-.007.318-.008.479 0 .095-.003.188-.001.284l.002.109c.014.691.068 1.363.163 2.012l.027.166c.017.111.037.221.057.33.473 2.482 1.601 4.719 3.135 6.451 1.797 1.92 5.175 3.02 8.137 3.013.307.012.615.01.925-.013l-.998-.232c-2.092-.561-3.274-2.097-4.196-3.991zM138.552 10.536l4.764 1.444c.52.249.851.779.851 1.362v22.739h-5.636l.021-25.545zM163.38 33.085c.001.746.344 1.428.863 1.963.378.387 1.577.888 2.012.92v.113h-8.538s-.011-18.647-.017-18.698c0-5.445-3.596-7.829-9.234-4.482 0 0-1.01.601-1.293.775l-.382-.535s2.366-1.789 4.423-2.263c1.818-.419 3.938-.383 5.851-.101 2.876.424 6.155 2.78 6.319 6.398l-.018 6.308a79755.614 79755.614 0 0 0 .014 9.602z'/%3E%3Cpath d='m138.552 10.536 4.764 1.444c.52.249.851.779.851 1.362v22.739h-5.636l.021-25.545zM189.724 16.217l4.715 1.435c.514.247.842.774.842 1.354v17.162h-5.578l.021-19.951zM82.197 7.582h-7.472L75.394 7h5.205c1.59.012 2.975-.417 3.749-1.546L87.077 1l.579-.932h.202V7h3.826v.582h-7.359l2.495 1.061c.798.315 1.051.622 1.046 1.469-.041 7.028-.025 14.057-.025 21.084 0 .368-.006.737.018 1.104.145 2.222 1.573 3.172 3.929 3.262-.209.169-.4.635-.629.635-1.031 0-4.592.119-6.399-.817-1.822-.945-2.565-2.531-2.563-4.537.007-7.285.002-14.571.001-21.856l-.001-1.405zM21.984.025h7.025v6.12S26.288.43 21.985.045c-.017-.002-.017-.02-.001-.02zM29.009 29.142v7.025h-6.12s5.715-2.722 6.1-7.024c.001-.017.02-.018.02-.001zM171.261 30.194l4.665 2.214a2.132 2.132 0 0 1 1.212 1.927v1.79h-5.877v-5.931zM197.964 16.275h2.98c1.824-.056 3.361-.586 5.045-1.287 2.754-1.145 4.475-3.309 4.357-6.469-.117-3.157-1.996-6.134-4.813-7.014-2.164-.677-5.263-.622-7.58-.788V.002c3.936.031 8.158-.199 12.085.798 2.981.757 5.274 4.175 5.401 7.688.133 3.617-2.084 5.641-5.066 7.071-.438.21-.885.404-1.618.738.738.315 1.261.561 1.798.764 4.248 1.604 6.568 4.981 6.445 9.394-.115 4.187-2.634 7.521-6.914 8.854-1.311.408-2.698.773-4.057.795-5.705.088-2.039.064-8.113.064v-.611s3.799.039 7.906-.653c4.149-.7 5.523-5.194 5.187-9.208-.394-4.695-2.141-8.215-6.712-8.707-2.088-.188-6.33-.107-6.33-.107l-.001-.607z'/%3E%3Cpath d='m189.72.037 4.399 2.183a2.152 2.152 0 0 1 1.213 1.944l.036 12.364h-5.648V.037z'/%3E%3Cpath d='M185.573 16.88h12.924v-.605h-12.291zM9.06 29.756c-.15-.261-.295-.529-.434-.809-1.442-2.909-1.743-5.574-1.915-8.677a25.51 25.51 0 0 1 .304-6.633C7.787 7.839 9.625 2.595 15.904.851c1.519-.422 4.329-.605 4.81-.727-.565-.144-4.654-.103-5.926.212C8.213 1.538 3.021 5.591 1.03 11.492l-.065.2a17.523 17.523 0 0 0-.279.948 21.395 21.395 0 0 0-.215.893c-.035.16-.067.323-.098.485-.025.132-.05.264-.073.397-.034.2-.064.403-.093.607l-.04.288c-.031.252-.058.507-.08.763l-.016.167c-.022.276-.038.555-.05.836l-.008.15c-.008.221-.009.447-.011.672 0 .132-.004.264-.002.398 0 .051.003.103.004.154.02.969.096 1.91.229 2.819l.038.233c.024.155.052.31.079.464.664 3.479 2.245 6.613 4.395 9.042 2.519 2.691 6.448 4.86 10.541 5.063.585.187 4.92.064 5.369.064 0 0-3.936-.365-5.413-.812-2.776-.837-4.94-3.014-6.182-5.567zM163.38 33.085c.001.746.344 1.428.863 1.963.378.387 1.577.888 2.012.92v.113h-8.538s-.011-18.647-.017-18.698c0-5.445-3.596-7.829-9.234-4.482 0 0-1.01.601-1.293.775l-.382-.535s2.366-1.789 4.423-2.263c1.818-.419 3.938-.383 5.851-.101 2.876.424 6.155 2.78 6.319 6.398l-.018 6.308a79755.614 79755.614 0 0 0 .014 9.602z'/%3E%3C/svg%3E%0A");
}

#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: calc(var(--g-gap) * 3) calc(var(--g-gap) * 4);
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 99;
}
#header a {
  color: #333;
}
#header h2 {
  display: none;
}
#header .menu {
  position: fixed;
}
#header .menu__right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 1rem;
}
#header .menu__right a {
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 24px;
  background-size: auto 100%;
}
#header .menu__right .btn__user {
  background-image: url(../images/icon_user.svg);
}
#header .menu__right .btn__cart {
  text-align: center;
  background-image: url(../images/icon_cart.svg);
}
#header .menu__right .btn__cart span {
  display: block;
  color: #281513;
  line-height: 35px;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: bold;
}
#header .menu > .ul-list {
  letter-spacing: 0;
}
#header .menu > .ul-list li > .ul-list {
  display: none;
}
#header .menu > .ul-list li.has-child.current .ul-list {
  display: block;
}
#header .menu > .ul-list li a {
  padding: 10px 0;
  display: block;
  position: relative;
  -webkit-transition: color 0.3s var(--ease), background 0.3s var(--ease);
  transition: color 0.3s var(--ease), background 0.3s var(--ease);
}
#header .menu > .ul-list li a::before {
  content: attr(data-title);
  font-size: 1rem;
}
#header .menu > .ul-list li a.hidden-header {
  display: none;
}
#header.white__menu.is--scrolled a {
  color: #000;
}
#header.white__menu.is--scrolled .logo a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='217.004' height='36.201' xml:space='preserve'%3E%3Cpath d='M128.959 20.957c-.017-.111-.036-.301-.056-.41-.475-2.485-1.604-4.725-3.141-6.46-1.799-1.922-4.078-3.368-7.049-3.586h-1.7l.629.136s.388.115.499.16c1.883.763 2.84 2.03 3.758 3.917.107.186.211.377.311.577.929 1.874 1.396 3.217 1.573 5.083H99.11l-.628.606h27.535c1.064.007 2.949.016 2.942-.023zM127.897 28.976c-.242 2.715-2.063 4.717-3.857 5.827-.602.371-1.318.67-2.332.835-1.07.174-3.929.494-3.929.494h3.907l-.004.002h6.236v-7.159c.001-.017-.019-.016-.021.001z'/%3E%3Cpath d='M109.339 32.076a10.802 10.802 0 0 1-.31-.576c-1.03-2.079-1.515-4.252-1.637-6.47a18.203 18.203 0 0 1 .217-4.738c.591-4.438 1.949-8.493 7.123-9.806a10.78 10.78 0 0 0-1.17.043c-4.697.857-9.415 3.877-10.836 8.094a17.138 17.138 0 0 0-.246.819c-.029.108-.055.217-.082.325a15.92 15.92 0 0 0-.142.66c-.018.095-.036.189-.052.284-.024.144-.046.288-.066.434l-.029.206a15.68 15.68 0 0 0-.104 1.262l-.005.105c-.005.158-.006.32-.007.48 0 .095-.003.189-.002.284 0 .037.002.074.003.11.014.692.068 1.365.163 2.015l.027.167c.018.11.037.221.057.33.474 2.486 1.604 4.727 3.14 6.461 1.799 1.924 5.451 3.354 8.407 3.51.278.018.582.03.906.027l-.979-.271c-2.098-.563-3.452-1.858-4.376-3.755zM127.897 28.976c-.242 2.715-2.063 4.717-3.857 5.827-.602.371-1.318.67-2.332.835-1.07.174-3.929.494-3.929.494h3.907l-.004.002h6.236v-7.159c.001-.017-.019-.016-.021.001zM60.432 31.845c.107-.186.212-.378.312-.577 1.035-2.075 1.521-4.245 1.645-6.459a18.105 18.105 0 0 0-.218-4.731c-.594-4.432-1.787-8.236-6.984-9.547.398-.007.791.008 1.176.042 4.718.857 9.196 4.364 10.625 8.574l.047.143a17.138 17.138 0 0 1 .2.676 15.833 15.833 0 0 1 .155.637c.025.114.048.229.07.347a9.309 9.309 0 0 1 .119.716c.009.068.02.137.028.205.023.18.042.361.058.544.003.04.008.079.012.119.016.196.027.396.036.597l.005.106c.006.158.007.318.008.479 0 .095.003.188.002.284l-.003.109a15.967 15.967 0 0 1-.164 2.012c-.008.056-.018.11-.027.166-.018.111-.037.221-.057.33-.476 2.482-1.491 4.834-3.154 6.451-2.153 2.096-5.206 3.02-8.185 3.013-.309.012-.619.01-.931-.013l1.003-.232c2.105-.561 3.294-2.097 4.222-3.991zM46.897 31.845a11.61 11.61 0 0 1-.31-.577c-1.029-2.075-1.512-4.245-1.635-6.459a18.191 18.191 0 0 1 .217-4.731c.59-4.432 1.776-8.236 6.942-9.547-.396-.007-.786.008-1.169.042-4.69.857-9.142 4.364-10.563 8.574-.016.048-.032.095-.046.143-.043.133-.083.268-.123.403-.027.091-.052.182-.077.273l-.082.324a15.218 15.218 0 0 0-.141.66c-.018.094-.036.188-.052.282a15.097 15.097 0 0 0-.152 1.183l-.011.119a16.36 16.36 0 0 0-.036.597l-.005.106c-.006.158-.007.318-.008.479 0 .095-.003.188-.001.284l.002.109c.014.691.068 1.363.163 2.012l.027.166c.017.111.037.221.057.33.473 2.482 1.601 4.719 3.135 6.451 1.797 1.92 5.175 3.02 8.137 3.013.307.012.615.01.925-.013l-.998-.232c-2.092-.561-3.274-2.097-4.196-3.991zM138.552 10.536l4.764 1.444c.52.249.851.779.851 1.362v22.739h-5.636l.021-25.545zM163.38 33.085c.001.746.344 1.428.863 1.963.378.387 1.577.888 2.012.92v.113h-8.538s-.011-18.647-.017-18.698c0-5.445-3.596-7.829-9.234-4.482 0 0-1.01.601-1.293.775l-.382-.535s2.366-1.789 4.423-2.263c1.818-.419 3.938-.383 5.851-.101 2.876.424 6.155 2.78 6.319 6.398l-.018 6.308a79755.614 79755.614 0 0 0 .014 9.602z'/%3E%3Cpath d='m138.552 10.536 4.764 1.444c.52.249.851.779.851 1.362v22.739h-5.636l.021-25.545zM189.724 16.217l4.715 1.435c.514.247.842.774.842 1.354v17.162h-5.578l.021-19.951zM82.197 7.582h-7.472L75.394 7h5.205c1.59.012 2.975-.417 3.749-1.546L87.077 1l.579-.932h.202V7h3.826v.582h-7.359l2.495 1.061c.798.315 1.051.622 1.046 1.469-.041 7.028-.025 14.057-.025 21.084 0 .368-.006.737.018 1.104.145 2.222 1.573 3.172 3.929 3.262-.209.169-.4.635-.629.635-1.031 0-4.592.119-6.399-.817-1.822-.945-2.565-2.531-2.563-4.537.007-7.285.002-14.571.001-21.856l-.001-1.405zM21.984.025h7.025v6.12S26.288.43 21.985.045c-.017-.002-.017-.02-.001-.02zM29.009 29.142v7.025h-6.12s5.715-2.722 6.1-7.024c.001-.017.02-.018.02-.001zM171.261 30.194l4.665 2.214a2.132 2.132 0 0 1 1.212 1.927v1.79h-5.877v-5.931zM197.964 16.275h2.98c1.824-.056 3.361-.586 5.045-1.287 2.754-1.145 4.475-3.309 4.357-6.469-.117-3.157-1.996-6.134-4.813-7.014-2.164-.677-5.263-.622-7.58-.788V.002c3.936.031 8.158-.199 12.085.798 2.981.757 5.274 4.175 5.401 7.688.133 3.617-2.084 5.641-5.066 7.071-.438.21-.885.404-1.618.738.738.315 1.261.561 1.798.764 4.248 1.604 6.568 4.981 6.445 9.394-.115 4.187-2.634 7.521-6.914 8.854-1.311.408-2.698.773-4.057.795-5.705.088-2.039.064-8.113.064v-.611s3.799.039 7.906-.653c4.149-.7 5.523-5.194 5.187-9.208-.394-4.695-2.141-8.215-6.712-8.707-2.088-.188-6.33-.107-6.33-.107l-.001-.607z'/%3E%3Cpath d='m189.72.037 4.399 2.183a2.152 2.152 0 0 1 1.213 1.944l.036 12.364h-5.648V.037z'/%3E%3Cpath d='M185.573 16.88h12.924v-.605h-12.291zM9.06 29.756c-.15-.261-.295-.529-.434-.809-1.442-2.909-1.743-5.574-1.915-8.677a25.51 25.51 0 0 1 .304-6.633C7.787 7.839 9.625 2.595 15.904.851c1.519-.422 4.329-.605 4.81-.727-.565-.144-4.654-.103-5.926.212C8.213 1.538 3.021 5.591 1.03 11.492l-.065.2a17.523 17.523 0 0 0-.279.948 21.395 21.395 0 0 0-.215.893c-.035.16-.067.323-.098.485-.025.132-.05.264-.073.397-.034.2-.064.403-.093.607l-.04.288c-.031.252-.058.507-.08.763l-.016.167c-.022.276-.038.555-.05.836l-.008.15c-.008.221-.009.447-.011.672 0 .132-.004.264-.002.398 0 .051.003.103.004.154.02.969.096 1.91.229 2.819l.038.233c.024.155.052.31.079.464.664 3.479 2.245 6.613 4.395 9.042 2.519 2.691 6.448 4.86 10.541 5.063.585.187 4.92.064 5.369.064 0 0-3.936-.365-5.413-.812-2.776-.837-4.94-3.014-6.182-5.567zM163.38 33.085c.001.746.344 1.428.863 1.963.378.387 1.577.888 2.012.92v.113h-8.538s-.011-18.647-.017-18.698c0-5.445-3.596-7.829-9.234-4.482 0 0-1.01.601-1.293.775l-.382-.535s2.366-1.789 4.423-2.263c1.818-.419 3.938-.383 5.851-.101 2.876.424 6.155 2.78 6.319 6.398l-.018 6.308a79755.614 79755.614 0 0 0 .014 9.602z'/%3E%3C/svg%3E%0A");
}
#header.white__menu.is--scrolled .menu__right .btn__user {
  background-image: url(../images/icon_user.svg);
}
#header.white__menu.is--scrolled .menu__right .btn__cart {
  background-image: url(../images/icon_cart.svg);
}
#header.white__menu.is--scrolled .menu__right .btn__cart span {
  color: #000;
}
#header.white__menu.is--scrolled .search__input {
  color: #000;
  border-bottom: 1px solid #000;
}
#header.white__menu.is--scrolled .search__button {
  background-image: url("../images/icon_search.svg");
}
#header.white__menu.is--scrolled .menu-button span {
  background: #000;
}
#header.white__menu.is--scrolled .menu-button span:before, #header.white__menu.is--scrolled .menu-button span::after {
  background: #000;
}
#header .header-hide {
  display: none;
}

@media (min-width: 992px) {
  body {
    position: relative !important;
    height: auto !important;
  }
  .cover {
    display: none !important;
  }
  #header .menu-button {
    display: none;
  }
  #header .menu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
            flex: 0 0 220px;
    width: 220px;
    left: calc(var(--g-gap) * 4) !important;
    top: 120px !important;
  }
  #header .menu > .ul-list > li:last-child {
    color: #A8A19C;
    margin-top: 2rem;
  }
  #header .menu > .ul-list li a {
    font-size: 0;
  }
  #header .menu > .ul-list li a:hover {
    font-size: 1rem;
  }
  #header .menu > .ul-list li a:hover::before {
    font-size: 0;
  }
  #header .menu > .ul-list li.has-child {
    position: relative;
  }
  #header .menu > .ul-list li.current > a {
    position: relative;
    color: #A8A19C;
  }
  #header .menu > .ul-list li > .ul-list {
    padding-left: 2rem;
    -webkit-transition: opacity 0.5s ease 0.1s;
    transition: opacity 0.5s ease 0.1s;
  }
  #header .menu > .ul-list li .g-social-link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  #header .menu > .ul-list li .g-social-link > li:hover a {
    font-size: 0;
  }
  #header .menu.is--scrolled {
    background: #fff;
  }
  #header.white__menu a {
    color: rgb(170, 160, 155);
  }
  #header.white__menu .logo a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='217.004' height='36.201' xml:space='preserve'%3E%3Cg fill='%23aaa09b'%3E%3Cpath d='M128.959 20.957c-.017-.111-.036-.301-.056-.41-.475-2.485-1.604-4.725-3.141-6.46-1.799-1.922-4.078-3.368-7.049-3.586h-1.7l.629.136s.388.115.499.16c1.883.763 2.84 2.03 3.758 3.917.107.186.211.377.311.577.929 1.874 1.396 3.217 1.573 5.083H99.11l-.628.606h27.535c1.064.007 2.949.016 2.942-.023zM127.897 28.977c-.242 2.715-2.063 4.717-3.857 5.827-.602.371-1.318.67-2.332.835-1.07.174-3.929.494-3.929.494h3.907l-.004.002h6.236v-7.159c.001-.017-.019-.016-.021.001z'/%3E%3C/g%3E%3Cpath fill='%23aaa09b' d='M109.339 32.076a10.802 10.802 0 0 1-.31-.576c-1.03-2.079-1.515-4.252-1.637-6.47a18.203 18.203 0 0 1 .217-4.738c.591-4.438 1.949-8.493 7.123-9.806a10.78 10.78 0 0 0-1.17.043c-4.697.857-9.415 3.877-10.836 8.094a17.138 17.138 0 0 0-.246.819c-.029.108-.055.217-.082.325a15.92 15.92 0 0 0-.142.66c-.018.095-.036.189-.052.284-.024.144-.046.288-.066.434l-.029.206a15.68 15.68 0 0 0-.104 1.262l-.005.105c-.005.158-.006.32-.007.48 0 .095-.003.189-.002.284 0 .037.002.074.003.11.014.692.068 1.365.163 2.015l.027.167c.018.11.037.221.057.33.474 2.486 1.604 4.727 3.14 6.461 1.799 1.924 5.451 3.354 8.407 3.51.278.018.582.03.906.027l-.979-.271c-2.098-.562-3.452-1.857-4.376-3.755zM127.897 28.977c-.242 2.715-2.063 4.717-3.857 5.827-.602.371-1.318.67-2.332.835-1.07.174-3.929.494-3.929.494h3.907l-.004.002h6.236v-7.159c.001-.017-.019-.016-.021.001zM60.432 31.846c.107-.186.212-.378.312-.577 1.035-2.075 1.521-4.245 1.645-6.459a18.105 18.105 0 0 0-.218-4.731c-.594-4.432-1.787-8.236-6.984-9.547.398-.007.791.008 1.176.042 4.718.857 9.196 4.364 10.625 8.574l.047.143a17.138 17.138 0 0 1 .2.676 15.833 15.833 0 0 1 .155.637c.025.114.048.229.07.347a9.309 9.309 0 0 1 .119.716c.009.068.02.137.028.205.023.18.042.361.058.544.003.04.008.079.012.119.016.196.027.396.036.597l.005.106c.006.158.007.318.008.479 0 .095.003.188.002.284l-.003.109a15.967 15.967 0 0 1-.164 2.012c-.008.056-.018.11-.027.166-.018.111-.037.221-.057.33-.476 2.482-1.491 4.834-3.154 6.451-2.153 2.096-5.206 3.02-8.185 3.013-.309.012-.619.01-.931-.013l1.003-.232c2.105-.562 3.294-2.098 4.222-3.991zM46.897 31.846a11.61 11.61 0 0 1-.31-.577c-1.029-2.075-1.512-4.245-1.635-6.459a18.191 18.191 0 0 1 .217-4.731c.59-4.432 1.776-8.236 6.942-9.547-.396-.007-.786.008-1.169.042-4.69.857-9.142 4.364-10.563 8.574-.016.048-.032.095-.046.143-.043.133-.083.268-.123.403-.027.091-.052.182-.077.273l-.082.324a15.218 15.218 0 0 0-.141.66c-.018.094-.036.188-.052.282a15.097 15.097 0 0 0-.152 1.183l-.011.119a16.36 16.36 0 0 0-.036.597l-.005.106c-.006.158-.007.318-.008.479 0 .095-.003.188-.001.284l.002.109c.014.691.068 1.363.163 2.012l.027.166c.017.111.037.221.057.33.473 2.482 1.601 4.719 3.135 6.451 1.797 1.92 5.175 3.02 8.137 3.013.307.012.615.01.925-.013l-.998-.232c-2.092-.562-3.274-2.098-4.196-3.991zM138.552 10.537l4.764 1.444c.52.249.851.779.851 1.362v22.739h-5.636l.021-25.545zM163.38 33.086c.001.746.344 1.428.863 1.963.378.387 1.577.888 2.012.92v.113h-8.538s-.011-18.647-.017-18.698c0-5.445-3.596-7.829-9.234-4.482 0 0-1.01.601-1.293.775l-.382-.535s2.366-1.789 4.423-2.263c1.818-.419 3.938-.383 5.851-.101 2.876.424 6.155 2.78 6.319 6.398l-.018 6.308a79755.614 79755.614 0 0 0 .014 9.602z'/%3E%3Cpath fill='%23aaa09b' d='m138.552 10.537 4.764 1.444c.52.249.851.779.851 1.362v22.739h-5.636l.021-25.545zM189.724 16.218l4.715 1.435c.514.247.842.774.842 1.354v17.162h-5.578l.021-19.951zM82.197 7.582h-7.472L75.394 7h5.205c1.59.012 2.975-.417 3.749-1.546L87.077 1l.579-.932h.202V7h3.826v.582h-7.359l2.495 1.061c.798.315 1.051.622 1.046 1.469-.041 7.028-.025 14.057-.025 21.084 0 .368-.006.737.018 1.104.145 2.222 1.573 3.172 3.929 3.262-.209.169-.4.635-.629.635-1.031 0-4.592.119-6.399-.817-1.822-.945-2.565-2.531-2.563-4.537.007-7.285.002-14.571.001-21.856l-.001-1.405zM21.984.025h7.025v6.12S26.288.43 21.985.045c-.017-.001-.017-.02-.001-.02zM29.009 29.143v7.025h-6.12s5.715-2.722 6.1-7.024c.001-.017.02-.018.02-.001zM171.261 30.194l4.665 2.214a2.132 2.132 0 0 1 1.212 1.927v1.79h-5.877v-5.931zM197.964 16.276h2.98c1.824-.056 3.361-.586 5.045-1.287 2.754-1.145 4.475-3.309 4.357-6.469-.117-3.157-1.996-6.134-4.813-7.014-2.164-.677-5.263-.622-7.58-.788V.003c3.936.031 8.158-.199 12.085.798 2.981.757 5.274 4.175 5.401 7.688.133 3.617-2.084 5.641-5.066 7.071-.438.21-.885.404-1.618.738.738.315 1.261.561 1.798.764 4.248 1.604 6.568 4.981 6.445 9.394-.115 4.187-2.634 7.521-6.914 8.854-1.311.408-2.698.773-4.057.795-5.705.088-2.039.064-8.113.064v-.611s3.799.039 7.906-.653c4.149-.7 5.523-5.194 5.187-9.208-.394-4.695-2.141-8.215-6.712-8.707-2.088-.188-6.33-.107-6.33-.107l-.001-.607z'/%3E%3Cpath fill='%23aaa09b' d='m189.72.037 4.399 2.183a2.152 2.152 0 0 1 1.213 1.944l.036 12.364h-5.648V.037z'/%3E%3Cpath fill='%23aaa09b' d='M185.573 16.88h12.924v-.604h-12.291zM9.06 29.757c-.15-.261-.295-.529-.434-.809-1.442-2.909-1.743-5.574-1.915-8.677a25.51 25.51 0 0 1 .304-6.633C7.787 7.839 9.625 2.596 15.904.852c1.519-.422 4.329-.605 4.81-.727-.565-.144-4.654-.103-5.926.212C8.213 1.538 3.021 5.592 1.03 11.492l-.065.2a17.523 17.523 0 0 0-.279.948 21.395 21.395 0 0 0-.215.893c-.035.16-.067.323-.098.485-.025.132-.05.264-.073.397-.034.2-.064.403-.093.607l-.04.288c-.031.252-.058.507-.08.763l-.016.167c-.022.276-.038.555-.05.836l-.008.15c-.008.221-.009.447-.011.672 0 .132-.004.264-.002.398 0 .051.003.103.004.154.02.969.096 1.91.229 2.819l.038.233c.024.155.052.31.079.464.664 3.479 2.245 6.613 4.395 9.042 2.519 2.691 6.448 4.86 10.541 5.063.585.187 4.92.064 5.369.064 0 0-3.936-.365-5.413-.812-2.776-.837-4.94-3.013-6.182-5.566zM163.38 33.086c.001.746.344 1.428.863 1.963.378.387 1.577.888 2.012.92v.113h-8.538s-.011-18.647-.017-18.698c0-5.445-3.596-7.829-9.234-4.482 0 0-1.01.601-1.293.775l-.382-.535s2.366-1.789 4.423-2.263c1.818-.419 3.938-.383 5.851-.101 2.876.424 6.155 2.78 6.319 6.398l-.018 6.308a79755.614 79755.614 0 0 0 .014 9.602z'/%3E%3C/svg%3E%0A");
  }
  #header.white__menu .menu__right .btn__user {
    background-image: url(../images/icon_user_w.svg);
  }
  #header.white__menu .menu__right .btn__cart {
    background-image: url(../images/icon_cart_w.svg);
  }
  #header.white__menu .menu__right .btn__cart span {
    color: rgb(170, 160, 155);
  }
  #header.white__menu .search__button {
    background-image: url("../images/icon_search_w.svg");
  }
  #header.white__menu .menu-button span {
    background: rgb(170, 160, 155);
  }
  #header.white__menu .menu-button span:before, #header.white__menu .menu-button span::after {
    background: rgb(170, 160, 155);
  }
  #header.white__menu .search__input {
    color: rgb(170, 160, 155);
    border-bottom: 1px solid rgb(170, 160, 155);
  }
  #header:not(.white__menu) .menu > .ul-list > li:last-child {
    color: #333;
  }
  #header:not(.white__menu) .menu .g-social-link {
    -webkit-filter: brightness(0) invert(17%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(105%) contrast(50%);
            filter: brightness(0) invert(17%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(105%) contrast(50%);
  }
}
@media (max-height: 800px) {
  #header .menu {
    bottom: 1rem;
    overflow-y: scroll;
  }
  #header .menu::-webkit-scrollbar {
    width: var(--sb-size);
  }
  #header .menu::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
  }
  #header .menu::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 2px;
  }
}
@media (min-width: 992px) and (max-width: 1366px) {
  #header .menu > ul {
    gap: 0.5rem;
  }
  #header .menu > ul > li.pro-style > ul {
    padding: 0;
  }
  #header .menu > ul > li.pro-style > ul > li {
    width: 270px;
  }
  #header .menu > ul > li.pro-style > ul > li > a {
    padding: 1rem 1.5rem 1rem 0;
  }
  #header .menu > ul > li.pro-style > ul > li > a::after {
    right: 0;
    top: 1rem;
  }
  #header .menu > ul > li.pro-style > ul > li > ul {
    width: calc(100% - 270px);
    left: 250px;
  }
}
@media (max-width: 991px) {
  #header {
    background: #fff;
  }
  #header .logo {
    max-width: min(150px, 100vw - 350px);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #header .menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 30px;
    height: 30px;
    padding: 0px;
    border: 0;
    cursor: pointer;
    z-index: 102;
    font-size: 0;
    background-color: transparent;
  }
  #header .menu-button span {
    width: 30px;
    margin: 5px auto;
    height: 1px;
    background: #000;
    position: relative;
    display: block;
  }
  #header .menu-button span:before, #header .menu-button span:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    padding: 0;
    margin: 0.5rem auto;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    background: #000;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  #header .menu-button.on {
    position: fixed;
    right: 1rem;
    top: 1rem;
  }
  #header .menu-button.on span {
    background: transparent;
    margin: 15px auto;
  }
  #header .menu-button.on span:before {
    margin: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background: #fff;
  }
  #header .menu-button.on span:after {
    margin: -1px 0 0 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #fff;
  }
  #header .menu {
    top: -100%;
    left: 0;
    padding-top: 100px;
    width: 100dvw;
    height: 100dvh;
    overflow-y: auto;
    background: rgba(168, 161, 156, 0.95);
    z-index: 97;
  }
  #header .menu > .ul-list {
    width: 100%;
    gap: 0;
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 70dvh;
  }
  #header .menu > .ul-list > li a {
    color: #fff;
  }
  #header .menu > .ul-list > li a::before {
    margin-right: 1rem;
    font-size: 1.125rem;
  }
  #header .menu > .ul-list > li > a {
    font-size: 1.125rem;
  }
  #header .menu > .ul-list > li > .ul-list {
    display: none;
    padding: 0.7rem 2rem;
  }
  #header .menu > .ul-list > li.has-child {
    position: relative;
  }
  #header .menu > .ul-list > li.has-child::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 10px;
    color: #fff;
    font-size: 1.125rem;
  }
  #header .menu > .ul-list > li:last-child {
    margin-top: auto;
    color: #fff;
    font-size: 1rem;
  }
  #header .menu > .ul-list > li .g-social-link {
    -webkit-filter: brightness(0%) invert(100);
            filter: brightness(0%) invert(100);
  }
}
@media (max-width: 767px) {
  #header {
    padding: 1rem;
  }
  #header .logo {
    max-width: min(130px, 100vw - 200px);
  }
  #header .menu__right {
    gap: 0.5rem;
  }
}
/* Footer */
#footer {
  padding: var(--p-pad);
  width: 100%;
  position: relative;
  color: #000;
  -ms-flex-item-align: end;
      align-self: end;
}
#footer a {
  color: #000;
}
#footer .footer__wrap {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#footer .footer__wrap .flex-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 370px;
          flex: 0 0 370px;
  border-bottom: 1px solid #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#footer .footer__wrap .flex-wrap input,
#footer .footer__wrap .flex-wrap button {
  color: #000;
  border: 0;
  background: transparent;
  padding: 0;
  height: 1.5rem;
  line-height: 1.5rem;
}
#footer .footer__wrap .flex-wrap input {
  width: 55%;
  font-size: 0.8333rem;
}
#footer .footer__wrap .flex-wrap button {
  letter-spacing: 2px;
}

.pc #footer a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  #footer {
    background: #f4f4f4;
    padding-top: 3rem;
  }
  #footer .footer__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #footer .footer__wrap .flex-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #footer .footer__wrap .flex-wrap input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
  }
  #footer .footer__wrap .flex-wrap button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
  #footer .footer__wrap .copyright {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
  }
}
.go-top {
  position: fixed;
  width: 40px;
  height: 40px;
  color: #fff;
  text-align: center;
  right: var(--p-pad);
  bottom: -5rem;
  cursor: pointer;
  z-index: 90;
  font-size: 0;
  opacity: 0;
  -webkit-transform-origin: cener bottom;
      -ms-transform-origin: cener bottom;
          transform-origin: cener bottom;
  background: #A8A19C;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.go-top::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.go-top.is--scrolled {
  bottom: 10px;
  opacity: 1;
}

@media only screen and (min-width: 992px) {
  .go-top:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media only screen and (max-width: 767px) {
  .go-top.is--scrolled {
    bottom: 1rem;
  }
}
/* Container */
.g-wrap {
  max-width: 100vw;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 991px) {
  .page-wrap {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .page-wrap {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.main {
  padding-top: 130px;
  display: grid;
  min-height: 100vh;
}

.content-grid {
  display: grid;
  grid-template-columns: [full-width-start] minmax(2rem, 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - 4rem, var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(2rem, 1fr) [full-width-end];
}

.content-grid > :not(.breakout, .full-width),
.full-width > :not(.breakout, .full-width) {
  grid-column: content;
}

.content-grid > .breakout {
  grid-column: breakout;
  max-width: calc(1600px + 4rem);
}

.content-grid > .full-width {
  grid-column: full-width;
  display: grid;
  grid-template-columns: inherit;
  width: 100%;
}

@media (max-width: 1680px) {
  .breakout {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .content {
    width: 100%;
    padding: 0 var(--p-pad) 0 calc(240px + var(--p-pad));
  }
  .main {
    -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .content {
    padding: var(--p-pad) var(--p-pad) 0;
  }
  .main {
    padding-top: 5rem;
  }
}
.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 0;
}

.box {
  position: relative;
  color: #000;
  display: block;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.box__pic {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--g-gap) * 1.5);
  overflow: hidden;
}
.box__pic img {
  width: 100%;
}
.box__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.box__txt .color__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.box__txt .color__box {
  display: block;
  width: 1rem;
  height: 1rem;
}
.box__txt .color__box img {
  width: 100%;
  height: 100%;
}
.box__txt .color__box.sold-out-color {
  overflow: hidden;
  position: relative;
}
.box__txt .color__box.sold-out-color:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #281513;
  opacity: 0.9;
  position: absolute;
  left: 1px;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.box__txt-h3 {
  width: 100%;
  margin: 0;
  color: #222;
  line-height: 1.5rem;
  max-height: 3rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  overflow: hidden;
}
.box__txt-des {
  width: 100%;
  overflow: hidden;
  line-height: 1.5rem;
  max-height: 4.5rem;
  font-weight: normal;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.box__txt-date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  text-align: center;
  color: #A8A19C;
  font-weight: bold;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.pc .box:hover .box__txt-h3 {
  color: #000;
}
.pc .box:hover .box__txt-cat {
  color: #000;
}

@media (max-width: 767px) {
  .box__txt {
    padding: 1rem 0 0 0;
    gap: 1rem;
  }
  .box__txt-h3 {
    font-size: 10px;
    line-height: 1rem;
    max-height: 2rem;
  }
}
.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flex-wrap.space {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-wrap .left-box,
.flex-wrap .right-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media (max-width: 767px) {
  .flex-wrap.reverse.space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.5rem;
  }
  .flex-wrap.reverse.space .h2,
  .flex-wrap.reverse.space .sort__wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .flex-wrap.reverse.space .h2 {
    text-align: center;
  }
}
.g-social-link {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-social-link > li {
  margin: 0;
  padding: 0;
}
.g-social-link > li > a {
  display: block;
  font-size: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  -webkit-transition: color 0.3s cubic-bezier(0.5, 0, 0.3, 0.5), background-color 0.3s cubic-bezier(0.5, 0, 0.3, 0.5);
  transition: color 0.3s cubic-bezier(0.5, 0, 0.3, 0.5), background-color 0.3s cubic-bezier(0.5, 0, 0.3, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90%;
}
.g-social-link > li .messenger {
  background-image: url(../images/icon_messenger.svg);
}
.g-social-link > li .ig {
  background-image: url(../images/icon_ig.svg);
}
.g-social-link > li .line {
  width: 45px;
  height: 20px;
  background-size: 80%;
  background-image: url(../images/icon_line.svg);
}

.search__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: unset;
  position: relative;
}
.search__input {
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 24px;
  line-height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 30px - 1rem);
          flex: 0 0 calc(100% - 30px - 1rem);
  padding: 2px 10px;
  padding: 0;
  background: transparent;
  border: 0;
}
.search__button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: transparent;
  background-image: url("../images/icon_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  padding: 0;
  font-size: 0;
}

@media (min-width: 992px) {
  .search__input {
    border-bottom: 1px solid #333;
  }
}
@media (max-width: 991px) {
  .search__form {
    width: 100%;
  }
  .search__box {
    width: 90vw;
    position: fixed;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    top: -100vh;
    left: 2rem;
    z-index: 98;
    border-bottom: 1px solid #fff;
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
    overflow: hidden;
  }
  .search__input {
    color: #fff;
    width: 100%;
  }
  .search__button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    background-image: url("../images/icon_search_w.svg");
  }
}
@media (max-width: 767px) {
  .btn-search {
    margin-left: 0.5rem;
  }
  .search__box {
    width: 80vw;
  }
}
/* Title */
.h6 {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Inter";
  font-weight: normal;
}

.h5 {
  font-size: 1.2rem;
  line-height: 1.5;
  font-family: "Inter";
  font-weight: normal;
}

.h4 {
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "Inter";
  font-weight: normal;
}

.h3 {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Inter";
  font-weight: normal;
}

.h2 {
  font-size: 1.8rem;
  line-height: 1.5;
  font-family: "Inter";
  font-weight: normal;
}

.h1 {
  font-size: 2rem;
  line-height: 1.5;
  font-family: "Inter";
  font-weight: normal;
}

@media (max-width: 1366px) {
  .h6 {
    font-size: 1rem;
  }
  .h5 {
    font-size: 1.15rem;
  }
  .h4 {
    font-size: 1.3rem;
  }
  .h3 {
    font-size: 1.45rem;
  }
  .h2 {
    font-size: 1.6rem;
  }
  .h1 {
    font-size: 1.75rem;
  }
}
.h2 {
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .h2 {
    text-align: center;
  }
}
.btn-main {
  color: #fff;
  background-color: #A8A19C;
  height: 40px;
  line-height: 38px;
  width: 162px;
  border-style: solid;
  border-width: 1px;
  border-color: #A8A19C;
  border-radius: 0;
  font-size: 14px;
  position: relative;
  text-align: center;
  padding: 0 10px;
  -webkit-transition: 0.3s var(--ease);
  transition: 0.3s var(--ease);
  overflow: hidden;
  z-index: 1;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -webkit-transition: background 0.3s ease, border 0.3s ease;
  transition: background 0.3s ease, border 0.3s ease;
  border: 1px solid #A8A19C;
}

.btn-white {
  color: #000;
  background-color: #fff;
  height: 40px;
  line-height: 38px;
  width: 162px;
  border-style: solid;
  border-width: 1px;
  border-color: #A8A19C;
  border-radius: 0;
  font-size: 14px;
  position: relative;
  text-align: center;
  padding: 0 10px;
  -webkit-transition: 0.3s var(--ease);
  transition: 0.3s var(--ease);
  overflow: hidden;
  z-index: 1;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -webkit-transition: background 0.3s ease, border 0.3s ease;
  transition: background 0.3s ease, border 0.3s ease;
  border: 1px solid #000;
}

.btn-submit {
  color: #fff;
  background-color: #281513;
  height: 40px;
  line-height: 38px;
  width: 162px;
  border-style: solid;
  border-width: 1px;
  border-color: #A8A19C;
  border-radius: 0;
  font-size: 14px;
  position: relative;
  text-align: center;
  padding: 0 10px;
  -webkit-transition: 0.3s var(--ease);
  transition: 0.3s var(--ease);
  overflow: hidden;
  z-index: 1;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -webkit-transition: background 0.3s ease, border 0.3s ease;
  transition: background 0.3s ease, border 0.3s ease;
  border: 1px solid #281513;
}

.btn-submit:hover,
.btn-main:hover {
  color: #fff;
  background-color: black;
  border: 1px solid #000;
}

.btn-white:hover {
  color: #fff;
  background-color: black;
  border: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .btn-main,
  .btn-white,
  .btn-submit {
    height: 36px;
    line-height: 34px;
  }
}
/* Button Wrap*/
.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.btn-wrap-center {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}

.btn-wrap-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media screen and (max-width: 991px) {
  .btn-wrap,
  .btn-wrap-center,
  .btn-wrap-right {
    gap: 10px;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.btn-video {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border-radius: 0 200px 0 0;
  background: #000;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  overflow: hidden;
}
.btn-video img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  max-width: unset;
  width: 100%;
  border-radius: 0 200px 0 0;
  opacity: 0.6;
}
.btn-video::before {
  content: "";
  position: absolute;
  width: 49px;
  height: 42px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='42.438' xml:space='preserve'%3E%3Cpath fill='%23EC6700' d='M36.75 0 49 21.219 36.75 42.438h-24.5L0 21.219 12.25 0h24.5z'/%3E%3Cpath fill='%23FFF' d='m30.248 22.632-8.826 5.819c-1.057.696-2.421-.114-2.421-1.438V15.375c0-1.324 1.364-2.135 2.421-1.438l8.826 5.818c1.002.662 1.002 2.216 0 2.877z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 1;
}

.pc .btn-video:hover img {
  opacity: 0.4;
}
.pc .btn-video:hover::before {
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
          transform: translate(-50%, -50%) rotate(360deg);
}

@media screen and (max-width: 991px) {
  .btn-video {
    border-radius: 0 80px 0 0;
  }
  .btn-video img {
    border-radius: 0 80px 0 0;
  }
}
.system-info {
  text-align: center;
  margin: 0 auto;
  line-height: 2;
  padding: 8vh 0;
}
.system-info i {
  font-size: 1.5rem;
  display: block;
  margin: 0 auto 10px;
}

@media only screen and (max-width: 767px) {
  .system-info {
    font-size: 0.875rem;
  }
}
.orange {
  color: #C69C6D;
  font-size: 1.125rem;
}

.blue {
  color: #2EA7E0;
  font-weight: bold;
}

.star::after {
  content: "（必填）";
  color: #f00;
}

/* LABEL */
.label-style {
  width: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  line-height: 36px;
  margin: 0;
  padding: 0 0 0 10px;
}

@media (max-width: 767px) {
  .label-style {
    width: 90px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
  }
}
/* TEXT */
.input-style {
  height: 36px;
  line-height: 34px;
  border-radius: 0px;
  border: 0;
  padding: 0 1rem;
  width: calc(100% - 120px - 10px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 120px - 10px);
          flex: 0 0 calc(100% - 120px - 10px);
  background-color: transparent;
  font-size: 1.125rem;
}

/* TEXTAREA */
.textarea-style {
  background-color: transparent;
  padding: 10px;
  display: block;
  outline: none;
  width: calc(100% - 120px - 10px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 120px - 10px);
          flex: 0 0 calc(100% - 120px - 10px);
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.15s, height 0.15s;
  transition: border 0.15s, height 0.15s;
}

.select-style {
  height: 36px;
  width: calc(100% - 120px - 10px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 120px - 10px);
          flex: 0 0 calc(100% - 120px - 10px);
  line-height: 34px;
  padding: 0 45px 0 10px;
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  background-image: url(../images/select_arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

/* FORM - BOX */
.form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #222;
  padding: 0;
  gap: 10px;
  margin-bottom: 1rem;
  border: 1px solid #A8A19C;
}
.form-box.form-half {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 2rem) / 2);
          flex: 0 0 calc((100% - 2rem) / 2);
}
.form-box.form-three .select-style {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 90px - 30px) / 3);
          flex: 0 0 calc((100% - 90px - 30px) / 3);
}

@media (max-width: 991px) {
  .form-wrap {
    gap: 1rem;
  }
  .form-box {
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .form-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
  }
  .form-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-box.form-half {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .form-box.form-three .select-style:nth-of-type(1), .form-box.form-three .select-style:nth-of-type(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 90px - 10px) / 2);
            flex: 0 0 calc((100% - 90px - 10px) / 2);
  }
  .form-box.form-three .select-style:nth-of-type(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
/* SEX */
.form-box.form-sex {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-box.form-sex .form-gp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ADD */
.form-box.form-add {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-box.form-add .select-style {
  width: calc((100% - 120px - 30px) / 3);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 120px - 30px) / 3);
          flex: 0 0 calc((100% - 120px - 30px) / 3);
}

/* CODE */
.form-box.code {
  position: relative;
}
.form-box.code .codeimg {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 120px;
  cursor: pointer;
  display: block;
}
.form-box.code .codeimg::after {
  content: "點擊刷新驗證碼";
  display: block;
  position: absolute;
  font-size: 12px;
  white-space: nowrap;
  color: #3b3b3b;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(0, 120%);
      -ms-transform: translate(0, 120%);
          transform: translate(0, 120%);
}
.form-box.code .codeimg img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .form-box.code .codeimg {
    height: 30px;
    top: 5px;
    right: 0;
    width: 120px;
  }
}
/* RADIO */
.radio-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  margin: 0;
  cursor: pointer;
  color: #666;
}
.radio-style input {
  outline: none;
  z-index: -100 !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radio-style input + span {
  display: block;
  vertical-align: middle;
  border: 2px solid #aaaaaa;
  background: transparent;
  width: 16px;
  height: 16px;
  padding: 4px;
  border-radius: 50%;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.radio-style input + span i {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 50%;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}
.radio-style input:checked,
.radio-style input:active {
  color: #A8A19C;
}
.radio-style input:checked + span,
.radio-style input:active + span {
  border: 3px solid #Fff;
  background: #A8A19C;
  -webkit-box-shadow: 0 0 2px #000;
          box-shadow: 0 0 2px #000;
}
.radio-style input:checked + span i,
.radio-style input:active + span i {
  background: #A8A19C;
}

.pc .radio-style:hover input:not(:checked) + span {
  background: #000;
}
.pc .radio-style:hover input:not(:checked) + span i {
  background: #A8A19C;
}

@media (max-width: 991px) {
  .radio-style {
    font-size: 0.9375rem;
    gap: 7px;
  }
  .radio-style input + span {
    width: 16px;
    height: 16px;
  }
}
.radio-style.size input + span {
  font-size: 1.25rem;
  opacity: 0.4;
  padding: 10px 12px;
  border: 0;
  width: auto;
  height: 35px;
  background: #A8A19C;
  color: #fff;
  border-radius: 0;
}
.radio-style.size input:hover:not(:checked) + span {
  opacity: 1;
  border: 0;
}
.radio-style.size input:checked + span {
  -webkit-box-shadow: 0 0 0 2px #FFF inset;
          box-shadow: 0 0 0 2px #FFF inset;
  -o-border-image: linear-gradient(#A8A19C, #A8A19C) 1/1px;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#A8A19C), to(#A8A19C)) 1/1px;
     border-image: linear-gradient(#A8A19C, #A8A19C) 1/1px;
  opacity: 1;
}
.radio-style.size.sold-out input + span {
  color: #A8A19C;
  position: relative;
  background: #fff;
  border: 1px solid #A8A19C;
}
.radio-style.size.sold-out input + span:after {
  content: "";
  width: 47px;
  height: 1px;
  background: #281513;
  opacity: 0.9;
  position: absolute;
  left: 0px;
  bottom: 0px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.radio-style.size.sold-out:hover input + span {
  color: #A8A19C;
  background: #fff;
  border: 1px solid #A8A19C;
}

.radio-style.pic {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.radio-style.pic input + span {
  display: block;
  overflow: hidden;
  padding: 0;
  width: 85px;
  height: 95px;
  aspect-ratio: 85/95;
  border-radius: 0;
  border: 1px solid #ffffff;
  max-width: 100%;
  position: relative;
}
.radio-style.pic input + span img {
  max-width: none;
  width: 100%;
  height: 100%;
  aspect-ratio: 85/95;
  position: absolute;
  top: 0;
  left: 0;
}
.radio-style.pic input:checked + span {
  border: 1px solid #3b3b3b;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.radio-style.pic input:checked + span img {
  border: 1px solid #fff;
}
.radio-style.pic.sold-out input + span {
  position: relative;
  border: 0;
  background: #000;
}
.radio-style.pic.sold-out input + span:after {
  content: "";
  width: 118px;
  height: 1px;
  background: #281513;
  opacity: 0.9;
  position: absolute;
  left: 0px;
  bottom: 0px;
  -webkit-transform: rotate(-46deg);
      -ms-transform: rotate(-46deg);
          transform: rotate(-46deg);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.radio-style.pic.sold-out input + span img {
  opacity: 0.9;
}

@media (max-width: 991px) {
  .radio-style.pic input + span {
    width: 62px;
    height: 67px;
  }
}
/* CHECKBOX */
.checkbox-style {
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: normal;
  font-size: 1rem;
  margin: 0;
  cursor: pointer;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.checkbox-style input {
  outline: none;
  z-index: -100 !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.checkbox-style input + span {
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #aaaaaa;
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  padding: 0;
  margin: 0 8px 3px 0;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.checkbox-style input + span i {
  display: inline-block;
  vertical-align: top;
  margin: 2px 0 0 4px;
  width: 13px;
  height: 7px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: scale(0) rotate(-45deg);
      -ms-transform: scale(0) rotate(-45deg);
          transform: scale(0) rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}
.checkbox-style input:active, .checkbox-style input:checked + span {
  border-color: #A8A19C;
  border: 2px solid #A8A19C;
}
.checkbox-style input:active i, .checkbox-style input:checked + span i {
  -webkit-transform: scale(1) rotate(-45deg);
      -ms-transform: scale(1) rotate(-45deg);
          transform: scale(1) rotate(-45deg);
  border-color: #A8A19C;
}
.checkbox-style input:hover + span {
  border-color: #A8A19C;
}

@media (max-width: 991px) {
  .checkbox-style {
    font-size: 0.9375rem;
  }
  .checkbox-style input + span {
    width: 12px;
    height: 12px;
  }
  .checkbox-style input + span i {
    margin: 3px 0 0 3px;
  }
}
.radio-style-black {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  margin: 0;
  cursor: pointer;
  color: #666;
}
.radio-style-black input {
  outline: none;
  z-index: -100 !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radio-style-black input + span {
  display: block;
  vertical-align: middle;
  border: 2px solid #ddd;
  background: #fff;
  width: 16px;
  height: 16px;
  padding: 4px;
  border-radius: 50%;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.radio-style-black input + span i {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 50%;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}
.radio-style-black input:checked,
.radio-style-black input:active {
  color: #A8A19C;
}
.radio-style-black input:checked + span,
.radio-style-black input:active + span {
  border: 2px solid #Fff;
  background: #000;
  -webkit-box-shadow: 0 0 2px #000;
          box-shadow: 0 0 2px #000;
}
.radio-style-black input:checked + span i,
.radio-style-black input:active + span i {
  background: #000;
}

.g-txt {
  font-size: var(--g-txt);
  line-height: calc(var(--g-txt) * 2);
  color: #333;
}

/* color */
:root {
  --g-gap: clamp(0.375rem, 0.2157rem + 0.6536vw, 1rem);
  --p-pad: calc( var(--g-gap)*4);
  --g-txt: clamp(0.9375rem, 0.9216rem + 0.0654vw, 1rem);
  --swiper-pagination-color: #000;
  --swiper-theme-color: #000;
  --swiper-pagination-bullet-horizontal-gap: 6px;
  --ease: cubic-bezier(0.585, 0.040, 0.345, 1.015);
  --content-max-width: 100%;
  --breakout-max-width: 100%;
  --breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 2rem;
  width: 100%;
  height: 100%;
  color: #000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.pc .swiper-button-next:hover:after,
.pc .swiper-button-prev:hover:after {
  color: #A8A19C;
}

.lg-backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.lg-toolbar .lg-icon {
  background-color: #281513;
  color: #fff;
}
.lg-toolbar .lg-icon:hover {
  background-color: #A8A19C;
}

.white-popup {
  max-width: 500px;
  padding: 2rem;
}
.white-popup .h3 {
  line-height: 3;
  border-bottom: 1px solid #A8A19C;
  margin-bottom: 2rem;
}
.white-popup .btn-white {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
.white-popup.register-terms {
  max-width: 800px;
  height: 600px;
}

@media (max-width: 991px) {
  .white-popup.register-terms {
    max-width: 100%;
    height: auto;
  }
}
/* --- EDITOR DEFAULT --- */
/* --- EDITOR DEFAULT --- */
.theme-wrap {
  line-height: 2.2;
  padding: 1rem 0 0;
  color: #000;
  background: #fff;
}
.theme-wrap img {
  height: auto !important;
  max-width: 100% !important;
}

.theme-title {
  font-weight: bold;
  font-size: 15px;
}

.theme-ti {
  font-weight: bold;
  font-size: 12.75px;
}

.theme-p {
  line-height: 2rem;
  margin: 0;
}

p.theme-p {
  margin-bottom: 12px;
}

/* 樣版1️⃣ - 左圖右文 + 右圖左文 */
.theme-r-word-l-pic,
.theme-r-pic-l-word,
.theme-two-columns,
.theme-three-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0;
  gap: 48px;
  width: 100%;
}
.theme-r-word-l-pic .pic,
.theme-r-word-l-pic .word,
.theme-r-pic-l-word .pic,
.theme-r-pic-l-word .word,
.theme-two-columns .pic,
.theme-two-columns .word,
.theme-three-columns .pic,
.theme-three-columns .word {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 48px) / 2);
          flex: 0 0 calc((100% - 48px) / 2);
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.theme-r-word-l-pic .pic img,
.theme-r-pic-l-word .pic img,
.theme-two-columns .pic img,
.theme-three-columns .pic img {
  width: 100%;
}

/* 樣版2️⃣ - 右圖左文 */
.theme-r-pic-l-word {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

/* 樣版3️⃣ - 單圖單文 */
.theme-full {
  padding: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.theme-full.text-center {
  text-align: center;
}
.theme-full > * {
  width: 100%;
}
.theme-full .pic img {
  display: inline-block;
}
.theme-full .btn-video {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.theme-full .btn-video img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  max-width: unset;
  width: 100%;
  opacity: 0.6;
}
.theme-full .btn-video::before {
  content: "";
  position: absolute;
  width: 72px;
  height: 72px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/video_btn.png) center center no-repeat;
  background-size: contain;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 1;
}

/* 樣版4 - 兩欄圖文 */
.theme-two-columns {
  padding: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 48px;
  text-align: center;
}
.theme-two-columns > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
.theme-two-columns > * img {
  margin-bottom: 18px;
  width: 100%;
}

/* 樣版5 - 三欄圖文 */
.theme-three-columns {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 36px;
  text-align: center;
}
.theme-three-columns > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.3333333333%;
          flex: 0 1 33.3333333333%;
}
.theme-three-columns > * img {
  margin-bottom: 18px;
}

.theme-ul {
  color: #666666;
  line-height: 2.2;
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.theme-ul span {
  font-weight: bold;
}
.theme-ul > li {
  position: relative;
  margin: 10px 0;
  padding-left: 20px;
}
.theme-ul > li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #A8A19C;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 14px;
}

@media (max-width: 991px) {
  .theme-p {
    margin-bottom: 1.5rem;
  }
  .theme-r-word-l-pic,
  .theme-r-pic-l-word {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .theme-r-word-l-pic .pic,
  .theme-r-pic-l-word .pic {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .theme-r-word-l-pic .word,
  .theme-r-pic-l-word .word {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 767px) {
  .theme-h2 {
    font-weight: bold;
    font-size: 1.4rem;
  }
  .theme-h2 span {
    font-size: 0.75rem;
  }
  .theme-title {
    font-size: 1.125rem;
  }
  .theme-p {
    margin: 0 0 1rem;
  }
  .theme-r-word-l-pic,
  .theme-r-pic-l-word {
    display: block;
    padding: 0;
  }
  .theme-r-word-l-pic .pic,
  .theme-r-word-l-pic .word,
  .theme-r-pic-l-word .pic,
  .theme-r-pic-l-word .word {
    width: 100%;
    padding: 0.5rem 0;
    display: block;
  }
  .theme-two-columns,
  .theme-three-columns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .theme-two-columns > *,
  .theme-three-columns > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .theme-two-columns {
    padding: 0;
    gap: 1rem;
  }
  .theme-two-columns > * {
    padding: 0;
  }
  .theme-full {
    padding: 0.8rem 0;
  }
  .theme-full .word {
    padding: 10px 0;
    margin: 0;
  }
}
@media screen and (max-width: 1199px) {
  .theme-video .btn-video::before {
    top: 75%;
  }
}
@media screen and (max-width: 991px) {
  .theme-video .btn-video {
    aspect-ratio: 800/300;
    height: 300;
  }
  .theme-video .btn-video img {
    height: 100%;
    max-width: unest !important;
  }
}
@media screen and (max-width: 767px) {
  .theme-video .btn-video {
    aspect-ratio: 600/400;
  }
}
.p-pager {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: center;
  margin: 5% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-pager a {
  text-align: center;
  font-size: 1.125rem;
  aspect-ratio: 1;
  border: 1px solid transparent;
  color: #000;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.p-pager a.num {
  width: 30px;
  height: 30px;
  line-height: 28px;
}
.p-pager a.num.current {
  background: #A8A19C;
  color: #fff;
  border: 1px solid #A8A19C;
}
.p-pager a.prev, .p-pager a.next {
  width: 60px;
  height: 30px;
  line-height: 28px;
  border: 1px solid transparent;
  text-transform: uppercase;
}
.p-pager a.next {
  margin-left: auto;
}
.p-pager a.prev {
  margin-right: auto;
}
.p-pager > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--g-gap);
}
.p-pager .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

@media (min-width: 992px) {
  .p-pager .num:not(.current):hover {
    color: #A8A19C;
    border: #A8A19C 1px solid;
  }
  .p-pager a.prev:not(.disabled):hover,
  .p-pager a.next:not(.disabled):hover {
    border: #000 1px solid;
    color: #Fff;
    background: #000;
  }
}
.news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.news__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: calc(var(--g-gap) * 5) 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-top: 1px solid #A8A19C;
}
.news__date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  font-size: 1.25rem;
}
.news__txt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 200px);
          flex: 0 0 calc(100% - 200px);
  cursor: pointer;
}
.news__h3 {
  font-size: 1.4167rem;
}
.news__h3:hover {
  color: #A8A19C;
}
.news__h3.is-open + .news__answer {
  display: block;
}
.news__answer {
  padding: 2rem 0;
  font-size: 1.1667rem;
  display: none;
}

.pc .news .box:hover {
  border: 1px solid #A8A19C;
}

@media (max-width: 991px) {
  .news__box {
    padding: 2rem 0;
  }
  .news__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .news__txt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 100px);
            flex: 0 0 calc(100% - 100px);
  }
}
@media (max-width: 767px) {
  .news__box {
    padding: 1rem 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 0;
    border-bottom: 1px solid #000;
  }
  .news__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 1rem 0;
  }
  .news__txt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .news__h3 {
    font-size: 1.25rem;
    font-weight: bold;
  }
  .news__answer {
    padding: 1rem 0;
  }
}