@charset 'utf-8';
html {
  font-size: 10px;
}

body {
  letter-spacing: normal;
}

* {
  word-break: normal;
}

.__pf .pf-c-ct,
.__pf .pf-c-lt,
.__pf .pf-c-rt {
  align-content: flex-start
}

.__pf .oh,
.pf-sr-only {
  overflow: hidden
}

.__pf img,
.__pf video {
  max-width: 100%;
  border: 0;
  vertical-align: middle
}

.__pf [tabIndex],
.__pf button,
.__pf input,
.__pf select,
.__pf textarea {
  touch-action: manipulation
}

.__pf:not([data-pf-editor-version=gen-2]) :focus-visible {
  outline: 0 !important;
  box-shadow: none !important
}

.__pf:not([data-pf-editor-version=gen-2]) :not(input):not(select):not(textarea):not([data-active=true]):focus-visible {
  border: none !important
}

.__pf *,
.__pf :after,
.__pf :before {
  box-sizing: border-box
}

.__pf [disabled],
.__pf [readonly] {
  cursor: default
}

.__pf [data-href],
.__pf button:not([data-pf-id]):hover {
  cursor: pointer
}

.__pf [disabled]:not([disabled=false]),
.pf-dialog svg {
  pointer-events: none
}

.__pf [hidden] {
  display: none !important
}

.__pf [data-link=inherit] {
  color: inherit;
  text-decoration: none
}

.__pf [data-pf-placeholder] {
  outline: 0;
  height: auto;
  display: none;
  pointer-events: none !important
}

.__pf .pf-ifr,
.__pf [style*="--ratio"] img {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: absolute
}

.__pf .pf-r,
.__pf .pf-r-eh>.pf-c {
  display: flex
}

.__pf [style*="--cw"] {
  padding: 0 15px;
  width: 100%;
  margin: auto;
  max-width: var(--cw)
}

.__pf .pf-ifr {
  border: 0
}

.__pf .pf-bg-lazy {
  background-image: none !important
}

.__pf .pf-r {
  flex-wrap: wrap
}

.__pf .pf-r-dg {
  display: grid
}

.__pf [style*="--c-xs"] {
  max-width: calc(100%/12*var(--c-xs));
  flex-basis: calc(100%/12*var(--c-xs))
}

.__pf [style*="--s-xs"] {
  margin: 0 calc(-1 * var(--s-xs))
}

.__pf [style*="--s-xs"]>.pf-c {
  padding: var(--s-xs)
}

.__pf .pf-r-ew>.pf-c {
  flex-grow: 1;
  flex-basis: 0
}

.__pf [style*="--ew-xs"]>.pf-c {
  flex-basis: calc(100% / var(--ew-xs));
  max-width: calc(100% / var(--ew-xs))
}

.__pf [style*="--ratio"] {
  position: relative;
  padding-bottom: var(--ratio)
}

.main-content {
  padding: 0
}

.footer-section,
.site-footer,
.site-footer-wrapper,
main .accent-background+.shopify-section {
  margin: 0
}

@media (max-width:767.4999px) {
  .__pf .pf-hide {
    display: none !important
  }
}

@media (max-width:1024.4999px) and (min-width:767.5px) {
  .__pf .pf-sm-hide {
    display: none !important
  }
}

@media (max-width:1199.4999px) and (min-width:1024.5px) {
  .__pf .pf-md-hide {
    display: none !important
  }
}

@media (min-width:767.5px) {
  .__pf [style*="--s-sm"] {
    margin: 0 calc(-1 * var(--s-sm))
  }

  .__pf [style*="--c-sm"] {
    max-width: calc(100%/12*var(--c-sm));
    flex-basis: calc(100%/12*var(--c-sm))
  }

  .__pf [style*="--s-sm"]>.pf-c {
    padding: var(--s-sm)
  }

  .__pf [style*="--ew-sm"]>.pf-c {
    flex-basis: calc(100% / var(--ew-sm));
    max-width: calc(100% / var(--ew-sm))
  }
}

@media (min-width:1024.5px) {
  .__pf [style*="--s-md"] {
    margin: 0 calc(-1 * var(--s-md))
  }

  .__pf [style*="--c-md"] {
    max-width: calc(100%/12*var(--c-md));
    flex-basis: calc(100%/12*var(--c-md))
  }

  .__pf [style*="--s-md"]>.pf-c {
    padding: var(--s-md)
  }

  .__pf [style*="--ew-md"]>.pf-c {
    flex-basis: calc(100% / var(--ew-md));
    max-width: calc(100% / var(--ew-md))
  }
}

@media (min-width:1199.5px) {
  .__pf [style*="--s-lg"] {
    margin: 0 calc(-1 * var(--s-lg))
  }

  .__pf [style*="--c-lg"] {
    max-width: calc(100%/12*var(--c-lg));
    flex-basis: calc(100%/12*var(--c-lg))
  }

  .__pf [style*="--s-lg"]>.pf-c {
    padding: var(--s-lg)
  }

  .__pf [style*="--ew-lg"]>.pf-c {
    flex-basis: calc(100% / var(--ew-lg));
    max-width: calc(100% / var(--ew-lg))
  }

  .__pf .pf-lg-hide {
    display: none !important
  }
}

.__pf .pf-r-eh>.pf-c>div {
  width: 100%
}

.__pf .pf-c-lt {
  justify-content: flex-start;
  align-items: flex-start
}

.__pf .pf-c-ct {
  justify-content: center;
  align-items: flex-start
}

.__pf .pf-c-rt {
  justify-content: flex-end;
  align-items: flex-start
}

.__pf .pf-c-lm {
  justify-content: flex-start;
  align-items: center;
  align-content: center
}

.__pf .pf-c-cm {
  justify-content: center;
  align-items: center;
  align-content: center
}

.__pf .pf-c-rm {
  justify-content: flex-end;
  align-items: center;
  align-content: center
}

.__pf .pf-c-cb,
.__pf .pf-c-lb,
.__pf .pf-c-rb {
  align-content: flex-end
}

.__pf .pf-c-lb {
  justify-content: flex-start;
  align-items: flex-end
}

.__pf .pf-c-cb {
  justify-content: center;
  align-items: flex-end
}

.__pf .pf-c-rb {
  justify-content: flex-end;
  align-items: flex-end
}

.pf-no-border:not(:focus-visible) {
  border: none;
  outline: 0
}

.pf-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0
}

.pf-close-dialog-btn,
.pf-dialog {
  background: 0 0;
  border: none;
  padding: 0
}

.pf-visibility-hidden {
  visibility: hidden
}

.pf-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: min(calc(9/16*100vw), calc(100% - 6px - 2em));
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  margin: 0
}

.pf-dialog::backdrop {
  background: rgba(0, 0, 0, .9);
  opacity: 1
}

.pf-close-dialog-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 16px;
  margin-bottom: 8px;
  cursor: pointer
}

.pf-close-dialog-btn:not(:focus-visible) {
  box-shadow: none
}

.pf-dialog-content {
  display: block;
  margin: 24px auto auto;
  width: 100%;
  height: calc(100% - 24px)
}

.pf-dialog-content>* {
  width: 100%;
  height: 100%;
  border: 0
}


@media all {
  .__pf {
    --pf-primary-color: rgb(180, 156, 86);
    --pf-secondary-color: rgb(13, 17, 44);
    --pf-foreground-color: #E2DDD4;
    --pf-background-color: #A19681;
    --pf-color-5: #A09E99;
    --pf-color-6: #AD6E62;
    --pf-color-7: #DED5CA;
    --pf-color-8: #D8CCB9;
    --pf-primary-font: "Oswald";
    --pf-secondary-font: "Noto Sans";
    --pf-tertiary-font: "Noto Sans JP";
    --pf-4th-font: "Noto Serif";
    --pf-5th-font: "Source Sans Pro";
    --pf-6th-font: "Source Sans Pro"
  }

  .__pf .pf-gs-button-1 {
    font-weight: 600;
    font-family: "Noto Sans JP";
    transform: scaleY(1.05);
    letter-spacing: .2em;
    font-style: normal
  }

  .__pf .pf-gs-button-2 {
    position: relative;
    color: #fff;
    padding: 12px 20px;
    margin: 0;
    font-size: 1em;
    line-height: 16px;
    letter-spacing: 0;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 900;
    font-style: normal;
    background-color: #0e0f27
  }

  .__pf .pf-gs-button-3,
  .__pf .pf-gs-button-4 {
    font-family: din-2014-narrow, sans-serif;
    font-weight: 500;
    font-style: normal
  }

  .__pf .pf-gs-button-3 {
    color: #bc9b30
  }

  .__pf .pf-gs-button-4 {
    padding: 5% 20% 5% 12%;
    margin: 0 auto 0 0;
    text-align: center;
    background-color: var(--pf-color-7);
    border-radius: 30em
  }

  .__pf .pf-gs-button-5,
  .__pf .pf-gs-button-6 {
    color: #919da9;
    border-style: solid;
    border-color: #919da9;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0
  }

  .__pf .pf-gs-button-5 {
    border-width: 0 0 3px;
    margin: 0
  }

  .__pf .pf-gs-button-6 {
    border-width: 0 3px 3px 0;
    margin: 0
  }

  .__pf .pf-gs-icon-1,
  .__pf .pf-gs-icon-2 {
    background-color: #919da9;
    color: #fff;
    padding: 8px;
    margin: 0;
    border-style: none
  }

  .__pf .pf-gs-icon-1 {
    border-radius: 0
  }

  .__pf .pf-gs-icon-2 {
    border-radius: 50%
  }

  .__pf .pf-gs-icon-3,
  .__pf .pf-gs-icon-4 {
    background-color: #fff;
    color: #919da9;
    padding: 8px;
    margin: 0;
    border: 1px solid #919da9
  }

  .__pf .pf-gs-icon-4 {
    border-radius: 50%
  }

  .__pf .pf-gs-icon-5,
  .__pf .pf-gs-icon-6 {
    background-color: #f5f5f5;
    color: #919da9;
    padding: 8px;
    margin: 0;
    border: 1px solid #919da9
  }

  .__pf .pf-gs-icon-6 {
    border-radius: 50%
  }

  .__pf .pf-gs-image-1 {
    width: 100%
  }

  .__pf .pf-gs-image-2 {
    border: 3px solid #919da9;
    width: 100%
  }

  .__pf .pf-gs-image-3 {
    border: 3px solid #919da9;
    padding: 10px;
    width: 100%
  }

  .__pf .pf-gs-image-4,
  .__pf .pf-gs-image-5 {
    border-radius: 50%;
    width: 100%
  }

  .__pf .pf-gs-image-5 {
    border: 3px solid #919da9
  }

  .__pf .pf-gs-image-6 {
    border-radius: 50%;
    border: 3px solid #919da9;
    padding: 10px;
    width: 100%
  }

  .__pf .pf-gs-heading-1 {
    padding: 0;
    font-family: var(--pf-primary-font);
    font-weight: 600;
    color: var(--pf-primary-color);
    letter-spacing: .1em
  }

  .__pf .pf-gs-heading-2,
  .__pf .pf-gs-heading-3,
  .__pf .pf-gs-heading-4 {
    font-family: "Noto Sans JP";
    font-style: normal;
    padding: 0
  }

  .__pf .pf-gs-heading-2 {
    font-weight: 300;
    letter-spacing: .1em
  }

  .__pf .pf-gs-heading-3 {
    margin: 18px 0;
    font-size: 20px;
    color: #d8ca9c;
    font-weight: 600
  }

  .__pf .pf-gs-heading-4 {
    margin: 18px 0;
    font-size: 18px;
    color: #ebcb8e;
    font-weight: 300
  }

  .__pf .pf-gs-heading-5 {
    padding: 0;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 500;
    font-style: normal
  }

  .__pf .pf-gs-paragraph-1,
  .__pf .pf-gs-paragraph-2 {
    font-family: yu-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal
  }

  .__pf .pf-gs-heading-6 {
    margin: 18px 0;
    font-size: 14px;
    color: #000;
    padding: 0
  }

  .__pf .pf-gs-paragraph-1 {
    color: #000;
    padding: 0;
    text-align: left;
    font-size: clamp(10px, 1.186vw, 14px) !important
  }

  .__pf .pf-gs-paragraph-2,
  .__pf .pf-gs-paragraph-3,
  .__pf .pf-gs-paragraph-4 {
    color: #000;
    padding: 0;
    margin: 16px 0;
    font-size: 16px
  }

  .__pf .pf-gs-paragraph-2 {
    text-align: right
  }

  .__pf .pf-gs-paragraph-3 {
    text-align: center;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 500;
    font-style: normal
  }

  .__pf .pf-gs-divider-1,
  .__pf .pf-gs-divider-2,
  .__pf .pf-gs-divider-3 {
    padding: 16px 0;
    margin: 0;
    font-size: 2px
  }

  .__pf .pf-gs-divider-1 {
    color: #919da9
  }

  .__pf .pf-gs-divider-2 {
    color: #444749
  }

  .__pf .pf-gs-divider-3 {
    color: #b9bfca
  }
}

@media (max-width:767px) {
  .__pf .pf-gs-paragraph-1 {
    font-size: clamp(10px, 3.125vw, 50px) !important
  }
}


.pf-color-scheme-1,
.pf-color-scheme-2 {
  --pf-scheme-shadow-color: rgb(0, 0, 0, 0.25)
}

.pf-color-scheme-1 {
  --pf-scheme-bg-color: ;
  --pf-scheme-text-color: ;
  --pf-scheme-btn-bg-color: ;
  --pf-scheme-btn-text-color: ;
  --pf-scheme-border-color: ;
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-2,
.pf-color-scheme-3 {
  --pf-scheme-btn-text-color: rgb(255, 255, 255);
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-2 {
  --pf-scheme-bg-color: rgba(255, 255, 255, 0);
  --pf-scheme-text-color: rgb(0, 0, 0);
  --pf-scheme-btn-bg-color: rgb(145, 157, 169);
  --pf-scheme-border-color: rgba(0, 0, 0)
}

.pf-color-scheme-3,
.pf-color-scheme-4 {
  --pf-scheme-text-color: rgb(18, 18, 18);
  --pf-scheme-btn-bg-color: rgb(18, 18, 18);
  --pf-scheme-border-color: rgb(18, 18, 18)
}

.pf-color-scheme-3 {
  --pf-scheme-bg-color: rgb(255, 255, 255);
  --pf-scheme-shadow-color: rgb(18, 18, 18)
}

.pf-color-scheme-4 {
  --pf-scheme-bg-color: rgb(243, 243, 243);
  --pf-scheme-btn-text-color: rgb(243, 243, 243);
  --pf-scheme-shadow-color: rgb(18, 18, 18);
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-5,
.pf-color-scheme-6,
.pf-color-scheme-7 {
  --pf-scheme-text-color: rgb(255, 255, 255);
  --pf-scheme-btn-bg-color: rgb(255, 255, 255);
  --pf-scheme-border-color: rgb(255, 255, 255);
  --pf-scheme-shadow-color: rgb(18, 18, 18);
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-5 {
  --pf-scheme-bg-color: rgb(36, 40, 51);
  --pf-scheme-btn-text-color: rgb(0, 0, 0)
}

.pf-color-scheme-6 {
  --pf-scheme-bg-color: rgb(18, 18, 18);
  --pf-scheme-btn-text-color: rgb(18, 18, 18)
}

.pf-color-scheme-7 {
  --pf-scheme-bg-color: rgb(51, 79, 180);
  --pf-scheme-btn-text-color: rgb(51, 79, 180)
}

[data-pf-type^=Button] {
  background-color: var(--pf-scheme-btn-bg-color);
  background-image: var(--pf-scheme-btn-bg-gradient-color);
  color: var(--pf-scheme-btn-text-color)
}

@media all {
  .__pf .pf-button-2 {
    font-weight: 600;
    font-family: "Noto Sans JP";
    transform: scaleY(1.05);
    letter-spacing: .2em;
    font-style: normal
  }

  .__pf .pf-button-3 {
    position: relative;
    color: #fff;
    padding: 12px 20px;
    margin: 0;
    font-size: 1em;
    line-height: 16px;
    letter-spacing: 0;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 900;
    font-style: normal;
    background-color: #0e0f27
  }

  .__pf .pf-button-4,
  .__pf .pf-button-5 {
    font-family: din-2014-narrow, sans-serif;
    font-weight: 500
  }

  .__pf .pf-button-4 {
    font-style: normal;
    color: #bc9b30
  }

  .__pf .pf-button-5 {
    font-style: normal;
    padding: 5% 20% 5% 12%;
    margin: 0 auto 0 0;
    text-align: center;
    background-color: #ded5ca;
    border-radius: 30em
  }

  .__pf .pf-text-2,
  .__pf .pf-text-3 {
    font-family: yu-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal
  }

  .__pf .pf-button-6,
  .__pf .pf-button-7 {
    color: #919da9;
    border-style: solid;
    border-color: #919da9;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    padding: 12px 20px
  }

  .__pf .pf-button-6 {
    border-width: 0 0 3px
  }

  .__pf .pf-button-7 {
    border-width: 0 3px 3px 0
  }

  .__pf .pf-button-8 {
    background-color: #919da9;
    color: #fff;
    padding: 12px 20px
  }

  .__pf .pf-icon-1,
  .__pf .pf-text-1,
  .__pf .pf-text-6,
  .__pf .pf-text-7,
  .pf-icon2-1,
  .pf-icon2-2,
  .pf-icon2-3,
  .pf-icon2-4,
  .pf-icon2-5,
  .pf-icon2-6,
  .pf-icon2-7 {
    background-color: var(--pf-scheme-bg-color);
    color: var(--pf-scheme-text-color)
  }

  .__pf .pf-icon-2,
  .__pf .pf-icon-3 {
    background-color: #919da9;
    color: #fff;
    padding: 8px;
    margin: 0;
    border-style: none
  }

  .__pf .pf-icon-2 {
    border-radius: 0
  }

  .__pf .pf-icon-3 {
    border-radius: 50%
  }

  .__pf .pf-icon-4,
  .__pf .pf-icon-5 {
    background-color: #fff;
    color: #919da9;
    padding: 8px;
    margin: 0;
    border: 1px solid #919da9
  }

  .__pf .pf-icon-5 {
    border-radius: 50%
  }

  .__pf .pf-icon-6,
  .__pf .pf-icon-7 {
    background-color: #f5f5f5;
    color: #919da9;
    padding: 8px;
    margin: 0;
    border: 1px solid #919da9
  }

  .__pf .pf-icon-7 {
    border-radius: 50%
  }

  .__pf .pf-text-2 {
    color: #000;
    padding: 0;
    text-align: left;
    font-size: clamp(10px, 1.186vw, 14px) !important
  }

  .__pf .pf-text-3,
  .__pf .pf-text-4,
  .__pf .pf-text-5 {
    color: #000;
    padding: 0;
    margin: 16px 0;
    font-size: 16px
  }

  .__pf .pf-text-3 {
    text-align: right
  }

  .__pf .pf-text-4 {
    text-align: center;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 500;
    font-style: normal
  }

  .__pf .pf-divider-2,
  .__pf .pf-divider-3,
  .__pf .pf-divider-4 {
    padding: 16px 0;
    margin: 0;
    font-size: 2px
  }

  .__pf .pf-divider-1 {
    color: var(--pf-scheme-text-color)
  }

  .__pf .pf-divider-2 {
    color: #919da9
  }

  .__pf .pf-divider-3 {
    color: #444749
  }

  .__pf .pf-divider-4 {
    color: #b9bfca
  }

  .__pf .pf-heading-1-h1,
  .__pf .pf-heading-1-h2,
  .__pf .pf-heading-1-h3,
  .__pf .pf-heading-1-h4,
  .__pf .pf-heading-1-h5,
  .__pf .pf-heading-1-h6 {
    color: var(--pf-scheme-text-color);
    background-color: var(--pf-scheme-bg-color)
  }

  .__pf .pf-heading-2-h1,
  .__pf .pf-heading-2-h2,
  .__pf .pf-heading-2-h3,
  .__pf .pf-heading-2-h4,
  .__pf .pf-heading-2-h5,
  .__pf .pf-heading-2-h6 {
    padding: 0;
    font-family: Oswald;
    font-weight: 600;
    color: #b49c56;
    letter-spacing: .1em
  }

  .__pf .pf-heading-3-h1,
  .__pf .pf-heading-3-h2,
  .__pf .pf-heading-3-h3,
  .__pf .pf-heading-3-h4,
  .__pf .pf-heading-3-h5,
  .__pf .pf-heading-3-h6 {
    padding: 0;
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-style: normal;
    letter-spacing: .1em
  }

  .__pf .pf-heading-4-h1,
  .__pf .pf-heading-4-h2,
  .__pf .pf-heading-4-h3,
  .__pf .pf-heading-4-h4,
  .__pf .pf-heading-4-h5,
  .__pf .pf-heading-4-h6 {
    margin: 18px 0;
    font-size: 20px;
    color: #d8ca9c;
    padding: 0;
    font-family: "Noto Sans JP";
    font-weight: 600;
    font-style: normal
  }

  .__pf .pf-heading-5-h1,
  .__pf .pf-heading-5-h2,
  .__pf .pf-heading-5-h3,
  .__pf .pf-heading-5-h4,
  .__pf .pf-heading-5-h5,
  .__pf .pf-heading-5-h6 {
    margin: 18px 0;
    font-size: 18px;
    color: #ebcb8e;
    padding: 0;
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-style: normal
  }

  .__pf .pf-heading-6-h1,
  .__pf .pf-heading-6-h2,
  .__pf .pf-heading-6-h3,
  .__pf .pf-heading-6-h4,
  .__pf .pf-heading-6-h5,
  .__pf .pf-heading-6-h6 {
    padding: 0;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 500;
    font-style: normal
  }

  .__pf .pf-heading-7-h1,
  .__pf .pf-heading-7-h2,
  .__pf .pf-heading-7-h3,
  .__pf .pf-heading-7-h4,
  .__pf .pf-heading-7-h5,
  .__pf .pf-heading-7-h6 {
    margin: 18px 0;
    font-size: 14px;
    color: #000;
    padding: 0
  }

  .__pf .pf-image-2 {
    width: 100%
  }

  .__pf .pf-image-3 {
    border: 3px solid #919da9;
    width: 100%
  }

  .__pf .pf-image-4 {
    border: 3px solid #919da9;
    padding: 10px;
    width: 100%
  }

  .__pf .pf-image-5,
  .__pf .pf-image-6 {
    border-radius: 50%;
    width: 100%
  }

  .__pf .pf-image-6 {
    border: 3px solid #919da9
  }

  .__pf .pf-image-7 {
    border-radius: 50%;
    border: 3px solid #919da9;
    padding: 10px;
    width: 100%
  }

  .__pf .pf-field-1,
  .__pf .pf-field-2,
  .__pf .pf-field-3,
  .__pf .pf-field-4,
  .__pf .pf-field-5,
  .__pf .pf-field-6 {
    background-color: #fdfdfd;
    border: .66px solid #8a8a8a;
    border-radius: 8px;
    padding: 6px 12px
  }
}

.eKYAAY,
.hFkfQE {
  line-height: 1;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  display: inline-block
}

.eKYAAY,
.gPiVMd,
.hFkfQE,
.jowHiA {
  display: inline-block
}

.eKYAAY,
.gPiVMd [data-href],
.jowHiA [data-href] {
  cursor: pointer
}

.dsCpLi,
.liFmcT {
  position: relative
}

.cnplnS {
  --pf-sample-color: #5d6b82;
  --pf-border-color: #d1d5db
}

.eKYAAY span,
.hFkfQE span {
  color: inherit
}

.ejfvWQ {
  white-space: pre-line;
  user-select: text
}

.ejfvWQ span {
  vertical-align: baseline !important
}

.eKYAAY svg,
.ejfvWQ svg {
  margin-right: 5px
}

.cFVOqs {
  word-break: break-word
}

.cFVOqs ul,
.iJhfkH ul {
  list-style-position: inside
}

.gPiVMd,
.jowHiA {
  max-width: 100%;
  height: auto
}

.fGeYAS a {
  display: block
}

.fGeYAS video {
  max-width: 100%;
  vertical-align: middle;
  border: 0
}

.fGeYAS img,
.fGeYAS video {
  width: 100%;
  height: auto
}

.liFmcT:empty {
  display: initial
}

.dsCpLi {
  padding: 20px 0
}

.iJhfkH>span:last-child {
  line-height: inherit;
  display: block;
  margin-right: 0 !important
}

.iWaOia {
  overflow-wrap: break-word
}

@media all {
  .__pf.__pf_fX3GCYUx .pf-10_ {
    padding: 0;
    transition: .3s;
    position: relative
  }

  .__pf.__pf_fX3GCYUx .pf-11_ {
    padding: 0
  }

  .__pf.__pf_fX3GCYUx .pf-138_,
  .__pf.__pf_fX3GCYUx .pf-13_ {
    height: auto;
    aspect-ratio: unset
  }

  .__pf.__pf_fX3GCYUx .pf-14_ {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 6%;
    z-index: 10
  }

  .__pf.__pf_fX3GCYUx .pf-16_ {
    width: 100%;
    height: 50%;
    padding: 0;
    cursor: pointer
  }

  .__pf.__pf_fX3GCYUx .pf-18_ {
    padding: 0;
    height: 88px
  }

  .__pf.__pf_fX3GCYUx .pf-22_ {
    overflow: hidden;
    font-weight: 300;
    width: 100%;
    padding-bottom: 3%;
    position: relative;
    margin-top: 0;
    padding-top: 0
  }

  .__pf.__pf_fX3GCYUx .pf-25_,
  .__pf.__pf_fX3GCYUx .pf-26_ {
    width: 100%;
    height: auto
  }

  .__pf.__pf_fX3GCYUx .pf-27_ {
    padding: 0 0 2.8vw
  }

  .__pf.__pf_fX3GCYUx .pf-130_,
  .__pf.__pf_fX3GCYUx .pf-149_,
  .__pf.__pf_fX3GCYUx .pf-159_,
  .__pf.__pf_fX3GCYUx .pf-31_,
  .__pf.__pf_fX3GCYUx .pf-48_,
  .__pf.__pf_fX3GCYUx .pf-62_ {
    overflow: hidden;
    margin-top: 130px;
    padding-top: 0;
    padding-bottom: 0
  }

  .__pf.__pf_fX3GCYUx .pf-34_ {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Oswald;
    font-weight: 400
  }

  .__pf.__pf_fX3GCYUx .pf-37_ {
    font-family: "Noto Sans";
    color: #2a2a2a
  }

  .__pf.__pf_fX3GCYUx .pf-38_ {
    margin-top: 3%
  }

  .__pf.__pf_fX3GCYUx .pf-126_,
  .__pf.__pf_fX3GCYUx .pf-39_,
  .__pf.__pf_fX3GCYUx .pf-58_ {
    text-align: center
  }

  .__pf.__pf_fX3GCYUx .pf-127_,
  .__pf.__pf_fX3GCYUx .pf-40_,
  .__pf.__pf_fX3GCYUx .pf-59_ {
    color: #b49c56;
    font-family: Oswald;
    font-weight: 400;
    padding-right: 10px
  }

  .__pf.__pf_fX3GCYUx .pf-43_ {
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .__pf.__pf_fX3GCYUx .pf-45_ {
    position: relative;
    padding-bottom: 0
  }

  .__pf.__pf_fX3GCYUx .pf-46_ {
    text-align: left;
    font-family: "Noto Sans";
    margin-bottom: 0
  }

  .__pf.__pf_fX3GCYUx .pf-47_ {
    font-family: "Noto Sans";
    font-weight: 400;
    color: #2a2a2a;
    margin-top: 0
  }

  .__pf.__pf_fX3GCYUx .pf-51_ {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    color: #b49c56;
    letter-spacing: .1em;
    font-weight: 400
  }

  .__pf.__pf_fX3GCYUx .pf-54_ {
    margin-top: 20px
  }

  .__pf.__pf_fX3GCYUx .pf-55_ {
    border-style: none
  }

  .__pf.__pf_fX3GCYUx .pf-56_ {
    margin-top: 0;
    color: #2a2a2a;
    font-family: "Noto Sans"
  }

  .__pf.__pf_fX3GCYUx .pf-125_,
  .__pf.__pf_fX3GCYUx .pf-57_ {
    margin-top: 5%
  }

  .__pf.__pf_fX3GCYUx .pf-162_,
  .__pf.__pf_fX3GCYUx .pf-65_ {
    text-align: center;
    color: #b49c56;
    margin-top: 0;
    font-weight: 400
  }

  .__pf.__pf_fX3GCYUx .pf-132_,
  .__pf.__pf_fX3GCYUx .pf-68_ {
    margin-top: 1%
  }

  .__pf.__pf_fX3GCYUx .pf-69_,
  .__pf.__pf_fX3GCYUx .pf-98_ {
    margin-right: 2%
  }

  .__pf.__pf_fX3GCYUx .pf-70_,
  .__pf.__pf_fX3GCYUx .pf-86_,
  .__pf.__pf_fX3GCYUx .pf-99_ {
    color: #b49c56;
    opacity: .8;
    font-weight: 400;
    letter-spacing: .1em
  }

  .__pf.__pf_fX3GCYUx .pf-112_,
  .__pf.__pf_fX3GCYUx .pf-81_,
  .__pf.__pf_fX3GCYUx .pf-84_ {
    font-weight: 300;
    color: #2a2a2a;
    text-align: center
  }

  .__pf.__pf_fX3GCYUx .pf-102_,
  .__pf.__pf_fX3GCYUx .pf-106_,
  .__pf.__pf_fX3GCYUx .pf-110_,
  .__pf.__pf_fX3GCYUx .pf-73_,
  .__pf.__pf_fX3GCYUx .pf-76_,
  .__pf.__pf_fX3GCYUx .pf-79_,
  .__pf.__pf_fX3GCYUx .pf-82_,
  .__pf.__pf_fX3GCYUx .pf-89_,
  .__pf.__pf_fX3GCYUx .pf-92_,
  .__pf.__pf_fX3GCYUx .pf-95_ {
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }

  .__pf.__pf_fX3GCYUx .pf-74_,
  .__pf.__pf_fX3GCYUx .pf-77_,
  .__pf.__pf_fX3GCYUx .pf-80_,
  .__pf.__pf_fX3GCYUx .pf-83_ {
    height: 133px;
    aspect-ratio: unset;
    width: 100%;
    object-fit: cover;
    object-position: center center
  }

  .__pf.__pf_fX3GCYUx .pf-104_,
  .__pf.__pf_fX3GCYUx .pf-108_,
  .__pf.__pf_fX3GCYUx .pf-75_,
  .__pf.__pf_fX3GCYUx .pf-78_,
  .__pf.__pf_fX3GCYUx .pf-91_,
  .__pf.__pf_fX3GCYUx .pf-94_,
  .__pf.__pf_fX3GCYUx .pf-97_ {
    text-align: center;
    font-family: "Noto Sans JP";
    font-weight: 300;
    color: #2a2a2a
  }

  .__pf.__pf_fX3GCYUx .pf-85_ {
    margin-left: 2%
  }

  .__pf.__pf_fX3GCYUx .pf-107_,
  .__pf.__pf_fX3GCYUx .pf-111_,
  .__pf.__pf_fX3GCYUx .pf-90_,
  .__pf.__pf_fX3GCYUx .pf-93_,
  .__pf.__pf_fX3GCYUx .pf-96_ {
    width: 100%
  }

  .__pf.__pf_fX3GCYUx .pf-103_ {
    width: 70%;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
  }

  .__pf.__pf_fX3GCYUx .pf-112_ {
    font-family: "Noto Sans JP";
    margin-top: 8%
  }

  .__pf.__pf_fX3GCYUx .pf-114_ {
    display: flex;
    justify-content: space-between
  }

  .__pf.__pf_fX3GCYUx .pf-115_,
  .__pf.__pf_fX3GCYUx .pf-120_ {
    width: 50%
  }

  .__pf.__pf_fX3GCYUx .pf-116_ {
    margin: 0 2% 0 auto;
    display: flex;
    flex-direction: column
  }

  .__pf.__pf_fX3GCYUx .pf-117_,
  .__pf.__pf_fX3GCYUx .pf-122_ {
    color: #b49c56;
    opacity: .8;
    font-weight: 400;
    letter-spacing: .1em;
    text-align: center
  }

  .__pf.__pf_fX3GCYUx .pf-119_ {
    width: 80%;
    display: table;
    margin-left: auto;
    margin-right: auto
  }

  .__pf.__pf_fX3GCYUx .pf-121_ {
    display: flex;
    flex-direction: column;
    margin-left: 3%
  }

  .__pf.__pf_fX3GCYUx .pf-124_ {
    width: 60%;
    display: table;
    margin-left: auto;
    margin-right: auto
  }

  .__pf.__pf_fX3GCYUx .pf-133_ {
    text-align: center;
    color: #b49c56;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
  }

  .__pf.__pf_fX3GCYUx .pf-136_ {
    background-color: #0d112c;
    margin-top: 5%
  }

  .__pf.__pf_fX3GCYUx .pf-139_ {
    margin-left: 11%
  }

  .__pf.__pf_fX3GCYUx .pf-140_ {
    font-family: Oswald;
    font-weight: 400;
    margin-top: 0;
    letter-spacing: .1em
  }

  .__pf.__pf_fX3GCYUx .pf-143_ {
    font-family: "Noto Sans";
    font-weight: 400;
    line-height: 1.8em;
    opacity: .9
  }

  .__pf.__pf_fX3GCYUx .pf-146_ {
    padding-left: 0;
    margin-top: 5%;
    font-family: Oswald;
    color: #fff;
    font-weight: 400;
    padding-right: 10px
  }

  .__pf.__pf_fX3GCYUx .pf-153_ {
    overflow: hidden;
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 0
  }

  .__pf.__pf_fX3GCYUx .pf-155_ {
    max-width: 550px !important;
    max-height: 75px !important;
    margin: 0 auto !important;
    position: relative !important;
    border: 1px solid #b49c56 !important;
    width: 45vw !important;
    height: 6.5vw !important;
    line-height: 2.4em !important;
    background-color: #b49c56 !important;
    text-align: center !important
  }

  .__pf.__pf_fX3GCYUx .pf-156_ {
    padding: 2% 0;
    font-family: Oswald;
    letter-spacing: .1em;
    font-weight: 300;
    color: #fff
  }

  .__pf.__pf_fX3GCYUx .pf-168_ {
    font-family: Oswald;
    letter-spacing: .08em;
    font-weight: 200
  }

  .__pf.__pf_fX3GCYUx .pf-175_ {
    padding-top: 0;
    margin-bottom: 150px
  }

  .__pf.__pf_fX3GCYUx .pf-176_,
  .__pf.__pf_fX3GCYUx .pf-177_,
  .__pf.__pf_fX3GCYUx .pf-179_,
  .__pf.__pf_fX3GCYUx .pf-181_,
  .__pf.__pf_fX3GCYUx .pf-182_,
  .__pf.__pf_fX3GCYUx .pf-184_ {
    background-color: #fff
  }

  .__pf.__pf_fX3GCYUx .pf-178_,
  .__pf.__pf_fX3GCYUx .pf-180_,
  .__pf.__pf_fX3GCYUx .pf-183_,
  .__pf.__pf_fX3GCYUx .pf-185_ {
    height: auto;
    aspect-ratio: unset;
    background-color: #fff;
    width: 100%
  }

  .__pf.__pf_fX3GCYUx .pf-186_ {
    padding-top: 0;
    padding-bottom: 0
  }

  .__pf.__pf_fX3GCYUx .pf-156_:active,
  .__pf.__pf_fX3GCYUx .pf-156_:hover {
    color: #fff
  }
}

@media (min-width:1024.5px) and (max-width:1199.4999px) {
  .__pf.__pf_fX3GCYUx .pf-22_ {
    padding-bottom: 3%
  }

  .__pf.__pf_fX3GCYUx .pf-130_,
  .__pf.__pf_fX3GCYUx .pf-149_,
  .__pf.__pf_fX3GCYUx .pf-159_,
  .__pf.__pf_fX3GCYUx .pf-31_,
  .__pf.__pf_fX3GCYUx .pf-48_,
  .__pf.__pf_fX3GCYUx .pf-62_ {
    margin-top: 9.6%
  }

  .__pf.__pf_fX3GCYUx .pf-43_ {
    margin-top: 0
  }

  .__pf.__pf_fX3GCYUx .pf-74_,
  .__pf.__pf_fX3GCYUx .pf-77_,
  .__pf.__pf_fX3GCYUx .pf-80_,
  .__pf.__pf_fX3GCYUx .pf-83_ {
    height: 11.08vw
  }

  .__pf.__pf_fX3GCYUx .pf-153_ {
    margin-top: 30px
  }
}

@media (min-width:767.5px) and (max-width:1024.4999px) {
  .__pf.__pf_fX3GCYUx .pf-22_ {
    padding-bottom: 3%
  }

  .__pf.__pf_fX3GCYUx .pf-130_,
  .__pf.__pf_fX3GCYUx .pf-149_,
  .__pf.__pf_fX3GCYUx .pf-159_,
  .__pf.__pf_fX3GCYUx .pf-31_,
  .__pf.__pf_fX3GCYUx .pf-48_,
  .__pf.__pf_fX3GCYUx .pf-62_ {
    margin-top: 9.6%
  }

  .__pf.__pf_fX3GCYUx .pf-43_ {
    margin-top: 0
  }

  .__pf.__pf_fX3GCYUx .pf-74_,
  .__pf.__pf_fX3GCYUx .pf-77_,
  .__pf.__pf_fX3GCYUx .pf-80_,
  .__pf.__pf_fX3GCYUx .pf-83_ {
    height: 11.08vw
  }

  .__pf.__pf_fX3GCYUx .pf-153_ {
    margin-top: 2.6%
  }
}

@media (max-width:767.4999px) {

  .__pf.__pf_fX3GCYUx .pf-10_,
  .__pf.__pf_fX3GCYUx .pf-11_,
  .__pf.__pf_fX3GCYUx .pf-13_,
  .__pf.__pf_fX3GCYUx .pf-14_ {
    width: 100%
  }

  .__pf.__pf_fX3GCYUx .pf-22_ {
    padding: 0 0 10%
  }

  .__pf.__pf_fX3GCYUx .pf-27_ {
    padding: 0 0 10vw
  }

  .__pf.__pf_fX3GCYUx .pf-31_ {
    margin-top: 18%
  }

  .__pf.__pf_fX3GCYUx .pf-125_,
  .__pf.__pf_fX3GCYUx .pf-132_,
  .__pf.__pf_fX3GCYUx .pf-43_ {
    margin-top: 0
  }

  .__pf.__pf_fX3GCYUx .pf-48_ {
    margin-top: 28%
  }

  .__pf.__pf_fX3GCYUx .pf-70_ {
    margin-bottom: 0;
    margin-top: 0
  }

  .__pf.__pf_fX3GCYUx .pf-74_,
  .__pf.__pf_fX3GCYUx .pf-77_,
  .__pf.__pf_fX3GCYUx .pf-80_,
  .__pf.__pf_fX3GCYUx .pf-83_ {
    object-fit: cover;
    object-position: center center;
    height: 69px;
    aspect-ratio: unset
  }

  .__pf.__pf_fX3GCYUx .pf-104_,
  .__pf.__pf_fX3GCYUx .pf-108_,
  .__pf.__pf_fX3GCYUx .pf-112_,
  .__pf.__pf_fX3GCYUx .pf-75_,
  .__pf.__pf_fX3GCYUx .pf-78_,
  .__pf.__pf_fX3GCYUx .pf-81_,
  .__pf.__pf_fX3GCYUx .pf-84_,
  .__pf.__pf_fX3GCYUx .pf-91_,
  .__pf.__pf_fX3GCYUx .pf-94_,
  .__pf.__pf_fX3GCYUx .pf-97_ {
    margin-top: 8%;
    margin-bottom: 2%
  }

  .__pf.__pf_fX3GCYUx .pf-101_,
  .__pf.__pf_fX3GCYUx .pf-115_,
  .__pf.__pf_fX3GCYUx .pf-120_,
  .__pf.__pf_fX3GCYUx .pf-127_,
  .__pf.__pf_fX3GCYUx .pf-72_,
  .__pf.__pf_fX3GCYUx .pf-88_ {
    margin-top: 5%
  }

  .__pf.__pf_fX3GCYUx .pf-69_ {
    margin-right: 0;
    margin-top: 3%
  }

  .__pf.__pf_fX3GCYUx .pf-117_,
  .__pf.__pf_fX3GCYUx .pf-122_,
  .__pf.__pf_fX3GCYUx .pf-86_,
  .__pf.__pf_fX3GCYUx .pf-99_ {
    margin-top: 0;
    margin-bottom: 0
  }

  .__pf.__pf_fX3GCYUx .pf-85_ {
    margin-left: 0;
    margin-top: 8%
  }

  .__pf.__pf_fX3GCYUx .pf-103_ {
    width: 70%;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%
  }

  .__pf.__pf_fX3GCYUx .pf-114_,
  .__pf.__pf_fX3GCYUx .pf-98_ {
    margin-right: 0;
    margin-top: 8%
  }

  .__pf.__pf_fX3GCYUx .pf-119_,
  .__pf.__pf_fX3GCYUx .pf-149_,
  .__pf.__pf_fX3GCYUx .pf-153_ {
    margin-top: 15%
  }

  .__pf.__pf_fX3GCYUx .pf-124_ {
    width: 70%;
    margin-top: 15%
  }

  .__pf.__pf_fX3GCYUx .pf-62_ {
    margin-top: 24%
  }

  .__pf.__pf_fX3GCYUx .pf-140_ {
    margin-top: 7%
  }

  .__pf.__pf_fX3GCYUx .pf-136_,
  .__pf.__pf_fX3GCYUx .pf-143_ {
    margin-top: 6%
  }

  .__pf.__pf_fX3GCYUx .pf-146_ {
    margin-bottom: 5%
  }

  .__pf.__pf_fX3GCYUx .pf-139_ {
    margin-left: 0;
    text-align: center
  }

  .__pf.__pf_fX3GCYUx .pf-130_ {
    margin-top: 16%
  }

  .__pf.__pf_fX3GCYUx .pf-156_ {
    font-size: 17px;
    white-space: nowrap
  }

  .__pf.__pf_fX3GCYUx .pf-155_ {
    width: 100% !important;
    height: 16vw !important
  }

  .__pf.__pf_fX3GCYUx .pf-162_ {
    margin-top: 4%
  }

  .__pf.__pf_fX3GCYUx .pf-168_ {
    padding-top: 6px;
    padding-bottom: 6px
  }

  .__pf.__pf_fX3GCYUx .pf-159_ {
    margin-top: 20%
  }

  .__pf.__pf_fX3GCYUx .pf-175_ {
    margin-bottom: 60px;
    margin-top: -70px
  }
}

/* ----------------------------------------
    header
---------------------------------------- */
@media screen and (min-width: 768px) {
    header[data-brand="elegance"] .search {
        padding-left: 10px;
    }
}

@media screen and (min-width: 1001px) {
    header[data-brand="elegance"] .header__container {
        width: 1180px;
    }
}

@media (max-width: 767px) {
  .header-mehu-sp__links {
    display: flex;
    gap: 15px;
    position: absolute;
    left: 36px;
  }
}


/* ----------------------------------------
    brandtop / categorytop
---------------------------------------- */
.page-category.page-category-top .breadcrumb,
.page-category.page-category-top .pane-topic-path,
.page-category.page-category-top .block-list--top,
.page-category.page-category-top .block-list--filter.block-filter {
  display: none;
}

/* index.css */
.page-category.page-category-top .pane-main {
  margin-bottom: 0;
}

header[data-brand="elegance"] {
  padding: 0;
}

header[data-brand="elegance"] .header__container,
header[data-brand="elegance"] .search {
  box-sizing: content-box;
}

footer.footer {
  padding: 0;
  overflow: visible;
}

main.commonMain {
    overflow: visible;
}

div[role="main"] {
  font-family: "Noto Sans", sans-serif;
}

/* ----------------------------------------
    goodslist / genre
---------------------------------------- */
.page-genre.page-list.page-category-top {
  padding-top: 88px;
}

.page-genre.page-list.page-category-top .breadcrumb {
  display: none;
}

.c-genre-20-wrapper {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 20px 0;
}

.c-genre-20-wrapper .title,
.c-genre-20-wrapper .block-search-list__sub-header-description,
.c-genre-20-wrapper .block-search-list__header {
    display: none;
}

.Fs__10_13 {
    font-size: clamp(10px, 1.101vw, 14.3px) !important;
}

@media screen and (max-width: 767px) {
    .Fs__10_12, .Fs__10_13, .Fs__10_14, .Fs__10_15, .Fs__10_16, .Fs__10_17 {
        font-size: clamp(10px, 3.125vw, 50px) !important;
    }
}

/**/
.Hero__Container {
  background-color: #fcfaf9;
}

.el-wrapping .Hero__Container {
  background-color: #f7f1ed;
}

.Hero__Container h1 {
  margin: 0;
  font-family: din-2014-narrow, sans-serif !important;
  font-size: clamp(10px, 2.542vw, 30px);
}

@media (max-width: 767px) {
  .Hero__Container h1 {
    font-size: clamp(21px, 6.562vw, 60px);
  } 
}

.Hero__Content {
  margin: 0 auto;
  display: flex;
}
.Bg__Pc {
  background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 60%, #fcfaf9 60%, #fcfaf9 100%);
  display: block;
  width: 50%;
}

.el-nail .Bg__Pc {
  background: linear-gradient(to right, #ffffff 0%, #ffffff 80%, #fcfaf9 80%, #fcfaf9 100%);
}

.el-tool .Bg__Pc {
  background: linear-gradient(to right, #e9e2d8 0%, #e9e2d8 60%, #fcfaf9 60%, #fcfaf9 100%);
}

.el-wrapping .Bg__Pc {
  background: linear-gradient(to right, #ede3cd 0%, #ede3cd 60%, #f7f1ed 60%, #f7f1ed 100%);
}

.Bg__Pc > img {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.Collections__Li {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2%;
}

.Content {
  transform: translateX(-10%);
  width: 50%;
  margin-top: 64px;
  max-width: 650px;
}
.Content__Wrapper {
  max-width: 650px;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}
.Bg__Sp {
  display: none
}

.Collections__Title__Sp,
.Collections__Title__Pc {
  font-weight: 100;
    color: #2a2a2a;
}
.Collections__Title__Pc {
  display: block;
}
.Collections__Title__Sp {
  display: none;
}
.Collection__Item {
  width: 33.3%;
  letter-spacing: 0.15em;
  margin-top: 1%;
  white-space: nowrap;

}
.Collection__Item > a {
  font-family: "Noto Sans JP";
  font-weight: 400;
  color: rgb(170, 170, 170) !important;
}
.Activ__Title > a {
  color: rgb(180, 156, 86) !important;
}
.NonActiv > a, .Activ__Title > a {
  position: relative;
  padding-right: 7%;
}
.NonActiv > a::after,
.Activ__Title > a::after {
  content: "";
  width: 0.6em;
  height: 0.6em;
  padding: 0;
  font-weight: bold;
  position: absolute;
  top: 58%;
  transform: translateY(-50%);
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.NonActiv > a::after {
  background-image: url("../../genre/arrow.png");
}
.Activ__Title > a::after {
  background-image: url("../../genre/arrow02.png");
}

@media screen and (min-width: 3000px) {
  .Bg__Pc {
    background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 80%, #fcfaf9 80%, #fcfaf9 100%);
  }
}
@media screen and (max-width: 1299px) {
  .Content {
    margin-top: 5%;
  }
}

@media screen and (max-width: 767px) {
  .Hero__Content {
    display: block;
  }
  .Bg__Pc {
    display: none;
  }
  .Bg__Sp {
    display: block;
    width: 75%;
  }
  .Hero__Content {
    position: relative;
  }
  .Collections__Title__Sp {
    display: block;
    position: absolute;
    top: 35%;
    left: 65%;
    transform: translate( 0, -50%);
  }

  .Collections__Title__Pc {
    display: none;
  }
  .Content {
    width: 90%;
    margin: 0 auto;
  transform: translateX(0);
    
  }
  .Collections__Li {
    margin-top: 3%;
    padding-bottom: 4%;
    width: fit-content;
  }
  .Collection__Item {
    width: 50%;
  }
}

.item-col {
  padding-top: 7px !important;
}

.item-col__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.new-color-image {
  width: 64px;
}

.empty-label {
  width: 64px; 
  height: 12px;
}

/* goodslist override */
.block-campaign-detail--target .pf-c {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.block-campaign-detail--target .pf-heading-1-h3 {
  font-family: 'Noto Sans';
  letter-spacing: normal;
}

.block-campaign-detail--target .item-col {
  padding-bottom: 0 !important;
}

/* ganre bottom freespace */
.Font__YuGothic {
  font-weight: 400
}

.Font__Din {
  font-family: din-2014-narrow, sans-serif !important
}

.HoverScaleUp {
  overflow: hidden
}

.HoverScaleUp>img {
  transition: .3s
}

.HoverScaleUp:hover>img {
  transform: scale(1.05)
}

ul {
  list-style: none;
  padding: 0
}

a {
  color: #000;
  text-decoration: none
}

.Hover {
  transition: opacity .4s;
  opacity: 1
}

.Hover:hover {
  opacity: .6;
  cursor: pointer
}

.arrow {
  position: relative
}

.arrow::after {
  content: "";
  width: .5em;
  height: .5em;
  padding: 0;
  font-weight: 700;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../assets/arrow-1679472654589.png")
}

.Font__Opacity {
  opacity: .8
}

.Font__Opacity__Black {
  color: rgba(0, 0, 0, .8)
}

.Font__Opacity__White {
  color: rgba(255, 255, 255, .8)
}

.Font__Noto_Sans_Jp_Bold {
  font-family: "Noto Sans JP";
  font-weight: 600
}

.Font__Noto_Sans_Jp_Solid {
  font-family: "Noto Sans JP";
  font-weight: 300
}

.Font__Noto_Sans_Bold {
  font-family: din-2014-narrow, sans-serif;
  font-weight: 600
}

.Font__Noto_Sans_Solid {
  font-family: din-2014-narrow, sans-serif;
  font-weight: 300
}

.Br__Sp {
  display: none
}

.Fs__10_12Fixed {
  font-size: 12px !important
}

.Fs__10_12 {
  font-size: clamp(10px, 1.016vw, 12px) !important
}

.Fs__10_13 {
  font-size: clamp(10px, 1.101vw, 14.3px) !important
}

.Fs__10_14Fixed {
  font-size: 14px !important
}

.Fs__10_14,
.Fs__12_14 {
  font-size: clamp(10px, 1.186vw, 14px) !important
}

.Fs__10_15 {
  font-size: clamp(10px, 1.271vw, 15px) !important
}

.Fs__10_16,
.Fs__12_16 {
  font-size: clamp(10px, 1.355vw, 16px) !important
}

.Fs__12_16Fixed {
  font-size: 16px
}

.Fs__10_17 {
  font-size: clamp(10px, 1.44vw, 17px) !important
}

.Fs__11_18,
.Fs__14_18 {
  font-size: clamp(10px, 1.525vw, 18px) !important
}

.Fs__11_19 {
  font-size: clamp(10px, 1.61vw, 19px) !important
}

.Fs__11_20,
.Fs__13_20,
.Fs__14_20,
.Fs__16_20 {
  font-size: clamp(10px, 1.694vw, 20px) !important
}

.Fs__11_20Fixed,
.Fs__14_20Fixed {
  font-size: 20px
}

.Fs__18_22 {
  font-size: clamp(10px, 1.864vw, 22px) !important
}

.Fs__14_23 {
  font-size: clamp(10px, 1.949vw, 23px) !important
}

.Fs__16_24 {
  font-size: clamp(10px, 2.033vw, 24px) !important
}

.Fs__14_26,
.Fs__16_26,
.Fs__18_26 {
  font-size: clamp(10px, 2.203vw, 26px) !important
}

.Fs__16_30,
.Fs__18_30,
.Fs__21_30 {
  font-size: clamp(10px, 2.542vw, 30px) !important
}

.Fs__26_30 {
  font-size: clamp(10px, 2.542vw, 33px) !important
}

.Fs__18_30Fixed {
  font-size: 30px !important
}

.Fs__25_34 {
  font-size: clamp(10px, 2.881vw, 34px) !important
}

.Fs__28_50 {
  font-size: clamp(10px, 4.237vw, 50px) !important
}

@media screen and (max-width:767px) {
  .Br__Sp {
    display: block
  }

  .Fs__10_12,
  .Fs__10_13,
  .Fs__10_14,
  .Fs__10_15,
  .Fs__10_16,
  .Fs__10_17 {
    font-size: clamp(10px, 3.125vw, 50px) !important
  }

  .Fs__11_18,
  .Fs__11_19,
  .Fs__11_20,
  .Fs__11_20Fixed {
    font-size: clamp(11px, 3.437vw, 50px) !important
  }

  .Fs__12_14,
  .Fs__12_16,
  .Fs__12_16Fixed {
    font-size: clamp(12px, 3.75vw, 50px) !important
  }

  .Fs__13_20 {
    font-size: clamp(13px, 4.062vw, 50px) !important
  }

  .Fs__14_18,
  .Fs__14_20,
  .Fs__14_20Fixed,
  .Fs__14_23,
  .Fs__14_26 {
    font-size: clamp(14px, 4.375vw, 50px) !important
  }

  .Fs__16_20,
  .Fs__16_22,
  .Fs__16_24,
  .Fs__16_26,
  .Fs__16_30 {
    font-size: clamp(16px, 5vw, 50px) !important
  }

  .Fs__18_22,
  .Fs__18_26,
  .Fs__18_30,
  .Fs__18_30Fixed {
    font-size: clamp(18px, 5.625vw, 50px) !important
  }

  .Fs__21_30 {
    font-size: clamp(21px, 6.562vw, 60px) !important
  }

  .Fs__25_34 {
    font-size: clamp(25px, 7.812vw, 60px) !important
  }

  .Fs__26_30 {
    font-size: clamp(26px, 8.125vw, 60px) !important
  }

  .Fs__28_50 {
    font-size: clamp(28px, 8.75vw, 60px) !important
  }
}

.block-el-genrelist {
  margin: 80px auto 0;
  width: 100%;
  max-width: 1170px;
}

.block-el-genrelist__inner {
  display: flex;
  width: 100%;
}

.block-el-genrelist__item {
  width: calc(100% / 4);
}

.block-el-genrelist__item > div {
  display: flex;
  flex-direction: column;
}

.block-el-genrelist__item > div > h3 {
  font-weight: 400 !important;
}

.block-el-genrelist__item a.sc-jeraig {
  width: fit-content;
  padding: 6px 20px 6px 0;
  color: #2a2a2a !important;
  font-family: "Noto Sans" !important;
  line-height: 1;
}

@media screen and (max-width:767px) {
  .block-el-genrelist {
    width: 90%;
    margin-top: 40px;
    padding-left: 5%;
  }

  .block-el-genrelist__inner {
    flex-wrap: wrap;
  }

  .block-el-genrelist__item > div > h3 {
    margin-bottom: 0 !important;
    padding-bottom: 3% !important;
    line-height: 1;
  }
}

/* button */
.c-productCartButton {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-productCartButton__item {
    width: 100%;
    max-width: 160px;
}

.page-search .block-search-list__content-list .buttonLink.--primary,
.c-productCartButton__item > .buttonLink {
    width: 100%;
    height: 40px;
    min-width: auto;
    min-height: auto;
    border-radius: 3px;
    background-color: #b39d51;
    border: none;
}

.page-search .block-search-list__content-list .buttonLink.--primary .buttonLink__text,
.c-productCartButton__item > .buttonLink .buttonLink__text {
    font-size: 12px;
    color: #fff;
    font-family: "Noto Sans JP";
}

.page-search .block-search-list__content-list .buttonLink.--primary:not(.--disabled):is(:hover, :focus),
.c-productCartButton__item > .buttonLink:not(.--disabled):is(:hover, :focus) {
    opacity: .8;
    background-color: #b39d51;
    text-decoration: none;
    border: none;
}

.page-search .block-search-list__content-list .buttonLink.--primary.--disabled,
.c-productCartButton__item > .buttonLink.--disabled {
    background-color: #f8f6ed;
}

.page-search .block-search-list__content-list .buttonLink.--primary.--disabled .buttonLink__text,
.c-productCartButton__item > .buttonLink.--disabled .buttonLink__text {
    color: #b39d51;
}

.page-search .block-search-list__content-list .buttonLink.--primary.--disabled:is(:hover, :focus),
.c-productCartButton__item > .buttonLink.--disabled:is(:hover, :focus) {
    background-color: #f8f6ed;
    border: none;
}

.page-search .block-search-list__content-list .buttonLink.--secondary {
    width: 100%;
    height: 40px;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #b39d51;
    color: #b39d51;
    box-sizing: border-box;
}

.page-search .block-search-list__content-list .buttonLink.--secondary:not(.--disabled):is(:hover, :focus) {
    border-color: #b39d51;
    color: #b39d51;
    opacity: .8;
    text-decoration: none;
}

@media (max-width:767.4999px) {
    .c-productCartButton__item {
        max-width: 150px;
    }
}


/* news */
.elg-news-list-nav .elg-news-list-nav__inner a {
  font-weight: 400;
}

.elg-news-list .elg-news-list__item a {
  font-family: "Noto Sans";
  font-weight: 400;
}

.news-list__label--new {
  height: 17px;
}

@media (max-width:767px) {
  .news-list__label--new {
    width: 37px;
  }
}

/* search */
.block-list--item.block-item {
    text-align: center;
}

.form__input.block-header--search-input {
  background-image: none;
  margin-bottom: 40px;
}

.page-search .block-search-list__header {
    display: none;
}

/* app.css override */
@media screen and (min-width: 1000px) {
    .header__tab-panel--product-info {
        left: calc((100vw - 1200px) / 2 * -1) !important;
    }
}


/* bookmark loading */
.block-search-list__content-list__item__content .bookmark_button label {
    display: none;
}