/** Shopify CDN: Minification failed

Line 8670:13 Expected identifier but found "!"
Line 8671:14 Expected identifier but found "!"
Line 8672:20 Expected identifier but found "!"
Line 8680:13 Expected identifier but found "!"
Line 8681:14 Expected identifier but found "!"
Line 8682:20 Expected identifier but found "!"
Line 8689:13 Expected identifier but found "!"
Line 8690:14 Expected identifier but found "!"
Line 8691:20 Expected identifier but found "!"
Line 8698:13 Expected identifier but found "!"
... and 27 more hidden warnings

**/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@500&family=Shippori+Antique&display=swap");
/**
 * Based on
 *
 *  - reset.css 2.0 by Eric Meyer
      (public domain)
 *    http://meyerweb.com/eric/tools/css/reset/
 *
 *  - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
 *    (licensed under MIT)
 *    https://github.com/necolas/normalize.css
 *
 *  - Reboot from Bootstrap 4.5.3
 *    (licensed under MIT)
 *    https://github.com/twbs/bootstrap
 */
/**
 * IE10+ doesn't honor `<meta name="viewport">` in some cases
 */
@-ms-viewport {
  width: device-width;
}
/**
 * general reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/**
 * HTML5 display-role reset for older browsers
 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main, summary {
  display: block;
}

/**
 * inherit box model for all elements
 */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/**
 * html root rules
 * 1. set border-box for inheritance
 * 2. avoid 300ms click delay on touch devices that support the `touch-action`
 *    CSS property
 * 3. Prevent adjustments of font size after orientation changes in IE, on
 *    Windows Phone and iOS.
 * 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
 *    so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
 * 5. Change the default tap highlight to be completely transparent in iOS.
 */
html {
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 2 */
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 4 */
  -ms-overflow-style: scrollbar;
  /* 5 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/**
 * body rules
 * 1. reset line-height to 1
 * 2. set base font-family to sans-serif
 * 3. Set an explicit initial text-align value so that we can later use the
 *    `inherit` value on things like `<th>` elements.
 */
body {
  /* 1 */
  line-height: 1;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  text-align: left;
}

/**
 * Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
 * on elements that programmatically receive focus but wouldn't normally show a visible
 * focus outline. In general, this would mean that the outline is only applied if the
 * interaction that led to the element receiving programmatic focus was a keyboard interaction,
 * or the browser has somehow determined that the user is primarily a keyboard user and/or
 * wants focus outlines to always be presented.
 *
 * See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
 * and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
 */
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

/**
 * Lists
 */
ol, ul {
  list-style: none;
}

/**
 * Quotes
 */
blockquote, q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

/**
 * Tables
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  caption-side: bottom;
}

/**
 * Table Headers
 * 1. Matches default `<td>` alignment by inheriting from the `<body>`, or the
 *    closest parent with a set `text-align`.
 * 2. Fix alignment for Safari
 */
th {
  /* 1 */
  text-align: inherit;
  /* 2 */
  text-align: -webkit-match-parent;
}

/**
 * Horizontal Lines
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  /* 2 */
  overflow: visible;
}

/**
 * Preformatted Text
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Don't allow content to break outside
 * 3. We have @viewport set which causes scrollbars to overlap content in IE11
 *    and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
 *    counteract.
 */
pre,
code,
kbd,
samp {
  /* 1 */
  font-family: monospace, monospace;
}

pre {
  /* 2 */
  overflow: auto;
  /* 3 */
  -ms-overflow-style: scrollbar;
}

/**
 * Links
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  /* 1 */
  background-color: transparent;
  /* 2 */
  -webkit-text-decoration-skip: objects;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * 3. Add explicit cursor to indicate changed behavior.
 * 4. Prevent the text-decoration to be skipped.
 */
abbr[title] {
  /* 1 */
  border-bottom: 0;
  /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 3 */
  cursor: help;
  /* 4 */
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
 * Prevent `em` being affected from global reset
 */
em {
  font-style: italic;
}

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/**
 * Hide SVG overflow in IE
 */
svg:not(:root) {
  overflow: hidden;
}

/**
 * Remove the default `border-radius` that macOS Chrome adds.
 * Details at https://github.com/twbs/bootstrap/issues/24093
 */
button {
  border-radius: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 * Credit: https://github.com/suitcss/base/
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

/**
 * form element resets
 * 1. Remove the margin in Firefox and Safari
 * 2. inherit font rules
 */
input,
button,
select,
optgroup,
textarea {
  /* 1 */
  margin: 0;
  /* 2 */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=reset],
[type=submit],
[type=button] {
  /* 2 */
  -webkit-appearance: button;
}

/**
 * Remove the default appearance of temporal inputs to avoid a Mobile Safari
 * bug where setting a custom line-height prevents text from being vertically
 * centered within the input.
 * See https://bugs.webkit.org/show_bug.cgi?id=139848
 * and https://github.com/twbs/bootstrap/issues/11266
 */
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Textareas should really only resize vertically so they don't break their
 *    (horizontal) containers.
 */
textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * Show the overflow in IE.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 */
button,
select {
  text-transform: none;
}

/**
 * Set the cursor for non-`<button>` buttons
 * Details at https://github.com/twbs/bootstrap/pull/30562
 */
[role=button] {
  cursor: pointer;
}

/**
 * Remove the inheritance of word-wrap in Safari.
 * See https://github.com/twbs/bootstrap/issues/24990
 */
select {
  word-wrap: normal;
}

/**
 * Remove inner border and padding from Firefox, but don't restore the outline
 * like Normalize.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * 1. Add the correct box sizing in IE 10-
 * 2. Remove the padding in IE 10-
 */
input[type=radio],
input[type=checkbox] {
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 2 */
  padding: 0;
}

/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 * Credit: https://github.com/suitcss/base
 */
[tabindex="-1"]:focus {
  outline: 0 !important;
}

/**
 * Browsers set a default `min-width: min-content` on fieldsets,
 * unlike e.g. `<div>`s, which have `min-width: 0` by default.
 * So we reset that to ensure fieldsets behave more like a standard block element.
 * See https://github.com/twbs/bootstrap/issues/12359
 * and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
 */
fieldset {
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Set display to block for all browsers
 */
legend {
  /* 1 */
  max-width: 100%;
  white-space: normal;
  /* 2 */
  color: inherit;
  /* 3 */
  display: block;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * 1. Remove the default vertical scrollbar in IE 10+.
 * 2. Textareas should really only resize vertically so they don't break their
 *    (horizontal) containers.
 */
textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 2 */
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  /* 1 */
  -webkit-appearance: textfield;
  /* 2 */
  outline-offset: -2px;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  font: inherit;
}

/**
 * Correct element display for output
 */
output {
  display: inline-block;
}

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Always hide an element with the `hidden` HTML attribute (from PureCSS).
 * Needed for proper display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

:root {
  --width: 1366;
}

@media only screen and (max-width: 769px) {
  :root {
    --width: 375;
  }
}
/* Common Setting */
html {
  font-size: 62.5%;
}

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 300;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: unset;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow-x: hidden;
  color: #212121;
  letter-spacing: 0.05em;
}
body.product-page {
  background: #F7F6ED;
}

img {
  vertical-align: bottom;
}

p {
  line-height: 1.8;
  font-size: 1.6rem;
}
a {
  color: #707070;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #707070;
  text-decoration: none;
}
strong {
  font-weight: bold;
  font-weight: 700;
}
.is-pc {
  display: block;
}
@media only screen and (max-width: 769px) {
  .is-pc {
    display: none;
  }
}

.is-pc-inline {
  display: inline-block;
}
@media only screen and (max-width: 769px) {
  .is-pc-inline {
    display: none;
  }
}

.is-sp {
  display: none;
}
@media only screen and (max-width: 769px) {
  .is-sp {
    display: block;
  }
}

.is-sp-inline {
  display: none;
}
@media only screen and (max-width: 769px) {
  .is-sp-inline {
    display: inline-block;
  }
}

.fade-in {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fade-in.is-show {
  opacity: 1;
  visibility: visible;
}

.fade-in-left {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 4s;
          transition-duration: 4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}
.fade-in-left.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.fade-in-right {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 4s;
          transition-duration: 4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
.fade-in-right.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.section-ttl {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 2em;
}
#shopify-section-top-popup-info {
  position: fixed;
  top: 118px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
  width: 670px;
  background: #3F3E3B;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (max-width: 769px) {
  #shopify-section-top-popup-info {
    width: 85%;
  }
}
#shopify-section-top-popup-info.is-active {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  visibility: visible;
  opacity: 1;
}
.mv-popup-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 769px) {
  .mv-popup-info {
    display: block;
  }
}
.mv-popup-info::before {
  content: "×";
  font-family: "Noto Sans JP", sans-serif;
  position: absolute;
  color: #fff;
  top: 26px;
  right: 26px;
  font-size: 2.4rem;
  cursor: pointer;
}
.mv-popup-info .img {
  width: 335px;
}
@media only screen and (max-width: 769px) {
  .mv-popup-info .img {
    width: 50%;
    margin: 0 auto;
  }
}
.mv-popup-info .img img {
  width: 100%;
  height: auto;
}
.mv-popup-info .txt {
  width: calc(100% - 335px);
  padding: 30px 66px 30px 30px;
}
@media only screen and (max-width: 769px) {
  .mv-popup-info .txt {
    width: 100%;
  }
}
.mv-popup-info h2, .mv-popup-info p, .mv-popup-info a, .mv-popup-info span {
  color: #fff;
}
.mv-popup-info h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.mv-popup-info p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 1em;
}
.mv-popup-info a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  background: #9AA58F;
  line-height: 50px;
  width: 200px;
  height: 50px;
  text-align: center;
  display: block;
}
.mv-popup-info a span {
  display: inline-block;
  position: relative;
  padding-right: 55px;
}
.mv-popup-info a span::before {
  content: "→";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  color: #fff;
}

.md-new-model .item-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.md-new-model .item-list li {
  width: 33.3333%;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-new-model .item-list li {
    width: 50%;
  }
}
.md-new-model .item-list li a {
  display: block;
  position: relative;
}
.md-new-model .item-list li a:hover .item-detail {
  opacity: 1;
}
.md-new-model .item-list .top-product-list {
  overflow: hidden;
}
.md-new-model .item-list .item-img {
  position: relative;
  z-index: 0;
}
.md-new-model .item-list .item-img img {
  width: 100%;
  height: auto;
}
.md-new-model .item-list .item-detail {
  opacity: 0;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(249, 248, 247, 0.9);
  z-index: 1;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #212121;
}
.md-new-model .item-list .new-tag {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: #212121;
  color: #fff;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  padding: 6px 24px;
  z-index: 2;
}
.md-new-model .item-list .coming-soon-tag {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: #212121;
  color: #fff;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  padding: 6px 24px;
  z-index: 2;
}
.md-new-model .item-list .new-tag {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: #212121;
  color: #fff;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  padding: 6px 24px;
  z-index: 2;
}
.md-new-model .item-list .new-tag + .coming-soon-tag {
  left: 81px;
}
.md-new-model .item-list .coming-soon-tag {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: #212121;
  color: #fff;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  padding: 6px 24px;
  z-index: 2;
}
.md-new-model .item-list .coming-soon-tag + .new-tag {
  left: 131px;
}
.md-new-model .item-list .item-collection-name {
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.08em;
  font-size: 1.2rem;
  font-weight: 500;
}
.md-new-model .item-list .item-name {
  font-size: 1.6rem;
  line-height: 23px;
}
.md-new-model .item-list .item-price {
  font-size: 1.4rem;
  line-height: 23px;
}

.btn-view-all {
  text-align: center;
  padding-top: 30px;
}
.btn-view-all a {
  display: inline-block;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 2.2rem;
  letter-spacing: 0.08em;
  line-height: 23px;
  font-weight: 600;
  color: #7D7D7D;
}
.btn-view-all a span {
  display: inline-block;
  position: relative;
  padding-right: 16px;
}
.btn-view-all a span::before {
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
  border-top: 1px solid #7D7D7D;
  border-right: 1px solid #7D7D7D;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
}
.btn-view-all a:hover span::before {
  right: -6px;
}

.md-collection-index {
  max-width: 1270px;
  margin: 0 auto 157px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  .md-collection-index {
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    margin-bottom: 7px;
    margin-bottom: 107px;
  }
}
.md-collection-index .col {
  width: 49.3700787402%;
}
@media only screen and (max-width: 769px) {
  .md-collection-index .col {
    width: 100%;
  }
}
.md-collection-index .col:nth-of-type(1) .full {
  margin-bottom: 16px;
}
@media only screen and (max-width: 769px) {
  .md-collection-index .col:nth-of-type(1) .full {
    margin-bottom: 7px;
  }
}
.md-collection-index .col:nth-of-type(2) .flex-wrap {
  margin-bottom: 16px;
}
@media only screen and (max-width: 769px) {
  .md-collection-index .col:nth-of-type(2) .flex-wrap {
    margin-bottom: 0;
  }
}
.md-collection-index .col a {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  display: block;
}
.md-collection-index .col a img {
  width: 100%;
  height: auto;
}
.md-collection-index .col a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 769px) {
  .md-collection-index .col a:hover {
    opacity: 1;
  }
}
.md-collection-index .full {
  width: 100%;
}
.md-collection-index .half {
  width: 48.8038277512%;
}
@media only screen and (max-width: 769px) {
  .md-collection-index .half {
    width: 48.8888888889%;
    margin-bottom: 7px;
  }
}
.md-collection-index .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.md-lookbook {
  max-width: 1270px;
  margin: 0 auto 200px auto;
}
@media only screen and (max-width: 769px) {
  .md-lookbook .look-list {
    margin-left: 30px;
    overflow-y: scroll;
  }
}
.md-lookbook .look-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  .md-lookbook .look-list ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.md-lookbook .look-list li {
  width: 31.6535433071%;
}
@media only screen and (max-width: 769px) {
  .md-lookbook .look-list li {
    min-width: 280px;
    margin-right: 10px;
    display: block;
  }
}
.md-lookbook .look-list li a {
  display: block;
  position: relative;
}
.md-lookbook .look-list li a:hover .look-img {
  opacity: 0.1;
}
@media only screen and (max-width: 769px) {
  .md-lookbook .look-list li a:hover .look-img {
    opacity: 1;
  }
}
.md-lookbook .look-list li a:hover .look-ttl {
  color: #212121;
}
@media only screen and (max-width: 769px) {
  .md-lookbook .look-list li a:hover .look-ttl {
    color: #F7F7F7;
  }
}
.md-lookbook .look-list .look-ttl {
  position: absolute;
  top: 20px;
  left: 24px;
  z-index: 1;
  color: #F7F7F7;
  font-size: 1.6rem;
  line-height: 23px;
}
.md-lookbook .look-list .look-img {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
  z-index: 0;
}
.md-lookbook .look-list .look-img img {
  width: 100%;
  height: auto;
}

.md-lookbook-index {
  max-width: 1302px;
  margin: 0 auto 476px auto;
}
@media only screen and (max-width: 769px) {
  .md-lookbook-index {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.md-lookbook-index .look-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 769px) {
  .md-lookbook-index .look-list {
    display: block;
  }
}
.md-lookbook-index .lookbook-item {
  width: 30.7219662058%;
  margin: 16px 1.2288786482%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 769px) {
  .md-lookbook-index .lookbook-item {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
}
.md-lookbook-index .lookbook-item a {
  display: block;
  position: relative;
}
.md-lookbook-index .lookbook-item a:hover .look-img {
  opacity: 0.1;
}
@media only screen and (max-width: 769px) {
  .md-lookbook-index .lookbook-item a:hover .look-img {
    opacity: 1;
  }
}
.md-lookbook-index .lookbook-item a:hover .look-ttl {
  color: #212121;
}
@media only screen and (max-width: 769px) {
  .md-lookbook-index .lookbook-item a:hover .look-ttl {
    color: #F7F7F7;
  }
}
.md-lookbook-index .look-ttl {
  position: absolute;
  top: 20px;
  left: 24px;
  z-index: 1;
  color: #F7F7F7;
  font-size: 1.6rem;
  line-height: 23px;
}
.md-lookbook-index .look-img {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
  z-index: 0;
}
.md-lookbook-index .look-img img {
  width: 100%;
  height: auto;
}

.md-page-content {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 769px) {
  .md-page-content {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.md-page-content .page-logo {
  width: 146px;
  margin: 0 auto 56px auto;
}
@media only screen and (max-width: 769px) {
  .md-page-content .page-logo {
    display: none;
  }
}
.md-page-content .page-logo img {
  width: 100%;
  height: auto;
}
.md-page-content .mv-img {
  margin-bottom: 30px;
}
.md-page-content .mv-img img {
  width: 100%;
  height: auto;
}
.md-page-content .philosopy-inner {
  max-width: 645px;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .md-page-content .philosopy-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.md-page-content .philosopy-lede {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-bottom: 320px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .philosopy-lede {
    margin-bottom: 160px;
  }
}
.md-page-content .page-philosophy {
  max-width: 746px;
  margin: 0 auto;
}
.md-page-content .philosopy-profile {
  margin-bottom: 160px;
}
.md-page-content .philosopy-profile h2 {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 80px;
  letter-spacing: 0.05em;
  line-height: 32px;
}
.md-page-content .philosopy-profile figure {
  display: block;
}
.md-page-content .philosopy-profile figure img {
  width: 100%;
  height: auto;
}
.md-page-content .philosopy-profile figcaption {
  text-align: right;
  font-size: 1.4rem;
  padding-top: 8px;
}
.md-page-content .philosopy-profile .txt {
  padding-top: 18px;
  font-size: 1.6rem;
  margin-bottom: 80px;
  letter-spacing: 0.05em;
  line-height: 32px;
}
.md-page-content .philosopy-handmade {
  background-image: url("./bg-philosophy.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.md-page-content .handmade-inner {
  max-width: 645px;
  margin: 0 auto;
  padding-top: 160px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .handmade-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.md-page-content .handmade-inner .imgs {
  margin-bottom: 150px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .handmade-inner .imgs {
    width: 200px;
    margin: 0 auto 100px auto;
  }
}
.md-page-content .handmade-inner .imgs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 769px) {
  .md-page-content .handmade-inner .imgs ul {
    display: block;
  }
}
.md-page-content .handmade-inner .imgs li {
  width: 49.1472868217%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .handmade-inner .imgs li {
    width: 100%;
  }
}
.md-page-content .handmade-inner .imgs li img {
  width: 100%;
  height: auto;
}
.md-page-content .handmade-inner .catch {
  font-size: 1.6rem;
  line-height: 32px;
  letter-spacing: 0.05em;
  color: #F7F7F7;
  margin-bottom: 160px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .handmade-inner .catch {
    margin-bottom: 100px;
  }
}
.md-page-content .process {
  max-width: 1274px;
  margin: 0 auto;
  padding-bottom: 374px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .process {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 208px;
  }
}
.md-page-content .process .process-img {
  margin-bottom: 56px;
}
.md-page-content .process .process-img ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  .md-page-content .process .process-img ul {
    display: block;
  }
}
.md-page-content .process .process-img li {
  width: 24.4113029827%;
}
@media only screen and (max-width: 769px) {
  .md-page-content .process .process-img li {
    width: 100%;
    margin-bottom: 10px;
  }
}
.md-page-content .process .process-img li img {
  width: 100%;
  height: auto;
}
.md-page-content .process .catch {
  font-size: 1.6rem;
  line-height: 32px;
  letter-spacing: 0.05em;
  color: #F7F7F7;
  margin-bottom: 1em;
}
.md-page-content .process .notes {
  font-size: 1rem;
  color: #F7F7F7;
}
.md-page-content .process-inner {
  max-width: 645px;
  margin: 0 auto;
}
.md-page-content .philosopy-main {
  max-width: 645px;
  margin: 0 auto;
  margin-top: -215px;
  margin-bottom: 320px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .philosopy-main {
    margin-top: -105px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 240px;
  }
}
.md-page-content .philosopy-main .img {
  margin-bottom: 56px;
}
.md-page-content .philosopy-main .img img {
  width: 100%;
  height: auto;
}
.md-page-content .philosopy-main p {
  font-size: 1.6rem;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.md-page-content .philosopy-main p.lede {
  margin-bottom: 160px;
}
@media only screen and (max-width: 769px) {
  .md-page-content .philosopy-main p.lede {
    margin-bottom: 100px;
  }
}
.md-page-content .philosopy-main p.catch {
  text-align: center;
}

.index .md-page-content {
  padding-top: 0;
}

.md-product-wrap {
  margin-bottom: 320px;
}
@media only screen and (max-width: 769px) {
  .md-product-wrap {
    margin-bottom: 160px;
  }
}
.md-product-wrap h2 {
  font-size: 1.6rem;
  text-align: center;
  line-height: 32px;
  letter-spacing: 0.08em;
  margin-bottom: 80px;
}
@media only screen and (max-width: 769px) {
  .md-product-wrap h2 {
    margin-bottom: 40px;
  }
}
.md-product-wrap .frames {
  position: relative;
  background: #FFFFFF;
}
.md-product-wrap .frames::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f7), to(#fff));
  background: -webkit-linear-gradient(#f9f8f7 0%, #fff 100%);
  background: linear-gradient(#f9f8f7 0%, #fff 100%);
  top: 0;
  left: 0;
  z-index: 0;
}
@media only screen and (max-width: 769px) {
  .md-product-wrap .desc {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 769px) {
  .md-product-wrap .scroll-frame {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.md-product-wrap .frame-inner {
  max-width: 1290px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1;
  padding-top: 160px;
}
@media only screen and (max-width: 769px) {
  .md-product-wrap .frame-inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.md-product-wrap .frame-inner li {
  width: 23%;
  margin-left: 0.7751937984%;
  margin-right: 0.7751937984%;
  margin-bottom: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-product-wrap .frame-inner li {
    min-width: 302px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 30px;
    width: 100%;
    margin-bottom: 0px;
  }
}
.md-product-wrap .frame-inner .frame-img {
  text-align: center;
  margin-bottom: 2em;
  position: relative;
}
.md-product-wrap .frame-inner .frame-img::before {
  content: "";
  display: block;
  padding-top: 20%;
}
.md-product-wrap .frame-inner .frame-img img {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.md-product-wrap .frame-inner .frame-title {
  font-size: 1.2rem;
  color: #212121;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
  line-height: 1.7;
  text-align: center;
  position: relative;
}
.md-product-wrap .frame-inner .frame-title::before {
  content: "";
  display: block;
  padding-top: 4em;
}
.md-product-wrap .frame-inner .frame-title span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md-product-wrap .frame-inner .release {
  font-size: 1.3rem;
  color: #7D7D7D;
  letter-spacing: 0.05em;
}
.md-product-wrap .frame-inner .desc {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
}

.md-poster-wrap {
  margin-bottom: 480px;
}
@media only screen and (max-width: 769px) {
  .md-poster-wrap {
    margin-bottom: 160px;
  }
}
.md-poster-wrap h2 {
  font-size: 1.6rem;
  text-align: center;
  line-height: 32px;
  letter-spacing: 0.08em;
  margin-bottom: 80px;
}
@media only screen and (max-width: 769px) {
  .md-poster-wrap h2 {
    margin-bottom: 40px;
  }
}
.md-poster-wrap .posters {
  position: relative;
  background: #FFFFFF;
}
.md-poster-wrap .posters::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f7), to(#fff));
  background: -webkit-linear-gradient(#f9f8f7 0%, #fff 100%);
  background: linear-gradient(#f9f8f7 0%, #fff 100%);
  top: 0;
  left: 0;
  z-index: 0;
}
.md-poster-wrap .poster-inner {
  max-width: 1304px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1;
  padding-top: 160px;
}
@media only screen and (max-width: 769px) {
  .md-poster-wrap .poster-inner {
    padding-top: 124px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-left: 50px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.md-poster-wrap .poster-inner li {
  width: 30.6748466258%;
  margin-left: 1.3036809816%;
  margin-right: 1.3036809816%;
  margin-bottom: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 769px) {
  .md-poster-wrap .poster-inner li {
    margin-right: 10px;
    min-width: 280px;
  }
}
@media only screen and (max-width: 769px) {
  .md-poster-wrap .poster-inner li:last-of-type {
    margin-right: 50px;
  }
}
.md-poster-wrap .poster-inner li img {
  width: 100%;
  height: auto;
}

.md-collection-menu {
  margin-bottom: 30px;
  position: relative;
}
.md-collection-menu .nav {
  position: relative;
}
.md-collection-menu .view-all-link {
  position: absolute;
  top: 10px;
  right: 48px;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .view-all-link {
    position: static;
  }
}
.md-collection-menu .view-all-link a {
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 23px;
  text-align: right;
  color: #212121;
}
.md-collection-menu .text-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .text-menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.md-collection-menu .text-menu li {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 23px;
  color: #7d7d7d;
  padding: 10px;
  cursor: pointer;
}
.md-collection-menu .text-menu li.is-active {
  color: #212121;
}
.md-collection-menu .hide-menu {
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 10;
  -webkit-transform: translateY(105%);
          transform: translateY(105%);
  visibility: hidden;
  opacity: 0;
  background: #F9F8F7;
}
.md-collection-menu .hide-menu.is-show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu li {
    position: relative;
    width: 100%;
  }
  .md-collection-menu .hide-menu li a {
    overflow: hidden;
    display: block;
    position: relative;
  }
  .md-collection-menu .hide-menu li a::before {
    content: "";
    display: block;
    padding-top: 46.6666%;
  }
}
.md-collection-menu .hide-menu .img-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu .img-index {
    display: block;
  }
}
.md-collection-menu .hide-menu .img-index li a {
  position: relative;
  display: block;
  color: #F7F7F7;
  font-size: 1.3rem;
  line-height: 28px;
  letter-spacing: 0.05em;
  text-align: center;
}
.md-collection-menu .hide-menu .img-index li a:hover {
  color: #212121;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu .img-index li a:hover {
    color: #F7F7F7;
  }
}
.md-collection-menu .hide-menu .img-index li a:hover .index-img {
  opacity: 0.1;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu .img-index li a:hover .index-img {
    opacity: 1;
  }
}
.md-collection-menu .hide-menu .txt-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu .txt-index {
    display: block;
    padding-top: 20px;
  }
}
.md-collection-menu .hide-menu .txt-index li a {
  position: relative;
  display: block;
  color: #7D7D7D;
  font-size: 1.3rem;
  line-height: 28px;
  letter-spacing: 0.05em;
  padding: 50px;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu .txt-index li a {
    padding: 20px 0;
    text-align: center;
  }
  .md-collection-menu .hide-menu .txt-index li a::before {
    display: none;
  }
}
.md-collection-menu .hide-menu .txt-index li a:hover {
  color: #7D7D7D;
}
.md-collection-menu .hide-menu .index-img {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu .index-img {
    position: absolute;
    top: -22%;
    left: 0;
    width: 100%;
  }
}
.md-collection-menu .hide-menu .index-img img {
  width: 100%;
  height: auto;
}
.md-collection-menu .hide-menu .index-txt {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu .index-txt {
    text-align: right;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.md-collection-menu .hide-menu.originals li {
  width: 33.3333%;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu.originals li {
    width: 100%;
  }
}
.md-collection-menu .hide-menu.collabos .img-index li {
  width: 20%;
}
@media only screen and (max-width: 769px) {
  .md-collection-menu .hide-menu.collabos .img-index li {
    width: 100%;
  }
}

.md-item-list-wrap {
  margin-bottom: 436px;
}
.md-item-list-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.md-item-list-wrap li {
  width: 33.3333%;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-item-list-wrap li {
    width: 50%;
  }
}
.md-item-list-wrap li a {
  display: block;
  position: relative;
}
.md-item-list-wrap li a:hover .item-detail {
  opacity: 1;
}
@media only screen and (max-width: 769px) {
  .md-item-list-wrap li a:hover .item-detail {
    opacity: 0;
  }
}
.md-item-list-wrap .top-product-list {
  overflow: hidden;
}
.md-item-list-wrap .item-img {
  position: relative;
  z-index: 0;
}
.md-item-list-wrap .item-img img {
  width: 100%;
  height: auto;
}
.md-item-list-wrap .item-detail {
  opacity: 0;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(249, 248, 247, 0.9);
  z-index: 1;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #212121;
}
.md-item-list-wrap .new-tag {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: #212121;
  color: #fff;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  padding: 6px 24px;
  z-index: 2;
}
.md-item-list-wrap .new-tag + .coming-soon-tag {
  left: 81px;
}
.md-item-list-wrap .coming-soon-tag {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: #212121;
  color: #fff;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  padding: 6px 24px;
  z-index: 2;
}
.md-item-list-wrap .coming-soon-tag + .new-tag {
  left: 131px;
}
.md-item-list-wrap .item-collection-name {
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.08em;
  font-size: 1.2rem;
  font-weight: 500;
}
.md-item-list-wrap .item-name {
  font-size: 1.6rem;
  line-height: 23px;
}
.md-item-list-wrap .item-price {
  font-size: 1.4rem;
  line-height: 23px;
}

.product__media-wrapper {
  width: 50%;
}

.product-main-img {
  margin-bottom: 4px;
}
.product-main-img img {
  width: 100%;
  height: auto;
}

.item-detail-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1270px;
  margin: 0 auto 160px auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  .item-detail-main {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.md-product-img {
  width: 49.3700787402%;
}
@media only screen and (max-width: 769px) {
  .md-product-img {
    width: auto;
    width: 100%;
    margin-bottom: 23px;
  }
}

.md-thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.md-product-thumbnail {
  cursor: pointer;
  position: relative;
  width: 25%;
  overflow: hidden;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media only screen and (max-width: 769px) {
  .md-product-thumbnail {
    width: 79px;
    height: 70px;
  }
}
.md-product-thumbnail:before {
  content: "";
  display: block;
  padding-top: 100%;
  position: relative;
  z-index: 0;
}
.md-product-thumbnail:hover {
  opacity: 0.6;
}
.md-product-thumbnail.is-active {
  border: 1px solid #000;
}
.md-product-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.md-product-detail {
  width: 49.3700787402%;
}
@media only screen and (max-width: 769px) {
  .md-product-detail {
    width: auto;
  }
}
.md-product-detail .md-product-single__description {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 24px;
  margin-bottom: 48px;
}
.md-product-detail .price {
  margin-bottom: calc(15 / var(--width) * 100vw);
  padding-bottom: calc(14 / var(--width) * 100vw);
}
.md-product-detail .price li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: calc(5 / var(--width) * 100vw) 0;
}
.md-product-detail .price li p {
  font-weight: bold;
}
.md-product-detail .price li p.price-name {
  font-size: calc(10 / var(--width) * 100vw);
  background: #707071;
  color: #fff;
  min-width: calc(67 / var(--width) * 100vw);
  text-align: center;
  margin-right: calc(12 / var(--width) * 100vw);
}
.md-product-detail .price li p.price {
  font-size: calc(16 / var(--width) * 100vw);
}
.legal-link {
  padding-top: 48px;
}
.legal-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  .legal-link ul {
    display: block;
  }
}
.legal-link li {
  border-left: 1px solid #000;
}
@media only screen and (max-width: 769px) {
  .legal-link li {
    border-left: none;
  }
}
.legal-link li:first-child {
  border: none;
}
.legal-link li:nth-of-type(4) {
  display: none;
}
.legal-link li a {
  padding: 0 16px;
  font-size: 1.4rem;
  display: block;
}
@media only screen and (max-width: 769px) {
  .legal-link li a {
    padding: 8px 0;
  }
}

.product-recommendations__heading {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 23px;
  color: #212121;
}

#shopify-section-template--14622104453257__image-with-text {
  display: none;
}

#shopify-section-template--14622104453257__multicolumn {
  display: none;
}

.md-news-menu {
  position: relative;
  margin-bottom: 82px;
}
@media only screen and (max-width: 769px) {
  .md-news-menu {
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.md-news-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-news-menu ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 769px) {
  .md-news-menu li {
    margin-bottom: 9px;
  }
}
.md-news-menu a, .md-news-menu span {
  padding: 9px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 23px;
  color: #7D7D7D;
  font-weight: 600;
}
.md-news-menu span {
  color: #212121;
}
.md-news-menu .all-link {
  position: absolute;
  top: 0;
  right: 11.2737920937%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media only screen and (max-width: 769px) {
  .md-news-menu .all-link {
    bottom: 0;
    top: auto;
  }
}

.md-article-list-wrap {
  max-width: 645px;
  margin: 0 auto 240px auto;
}
@media only screen and (max-width: 769px) {
  .md-article-list-wrap {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 160px;
  }
}

.md-news-list li {
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.md-news-list li a {
  display: block;
}
.md-news-list .article-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: #7D7D7D;
  letter-spacing: 0.08em;
  line-height: 23px;
}
.md-news-list .article-title {
  font-size: 1.6rem;
  line-height: 32px;
}
.pagination__item {
  color: #7D7D7D;
}
.pagination__item--current {
  color: #212121;
}
.pagination__item--current,
.pagination__item {
  font-size: 1.3rem;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.08em;
  line-height: 23px;
}
.pagination__item--current::after,
.pagination__item:hover::after {
  display: none !important;
}
@media only screen and (max-width: 769px) {
  .article-template__content {
    padding: 0;
  }
}

.article-body {
  max-width: 645px;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .article-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.article-body img {
  max-width: 100%;
  height: auto;
  margin-bottom: 2em !important;
}
@media only screen and (max-width: 769px) {
  .article-header {
    padding: 0;
  }
}
.article-header span {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  color: #7D7D7D;
  line-height: 23px;
}
.article-template__title {
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 32px;
  color: #212121;
}
.md-blog-footer {
  position: relative;
  text-align: center;
  max-width: 645px;
  margin: 80px auto 415px auto;
}
@media only screen and (max-width: 769px) {
  .md-blog-footer {
    margin-bottom: 160px;
  }
}
.md-blog-footer .blog-top {
  display: inline-block;
}
.md-blog-footer .blog-top a {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  color: #7D7D7D;
  line-height: 23px;
}
.md-blog-footer .blog-prev {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md-blog-footer .blog-prev a {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  color: #7D7D7D;
  line-height: 23px;
}
.md-blog-footer .blog-prev a span {
  display: inline-block;
  position: relative;
  padding-left: 16px;
}
.md-blog-footer .blog-prev a span::before {
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
  border-top: 1px solid #7D7D7D;
  border-right: 1px solid #7D7D7D;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  position: absolute;
  top: 50%;
  left: 0;
}
.md-blog-footer .blog-next {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md-blog-footer .blog-next a {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  color: #7D7D7D;
  line-height: 23px;
}
.md-blog-footer .blog-next a span {
  display: inline-block;
  position: relative;
  padding-right: 16px;
}
.md-blog-footer .blog-next a span::before {
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
  border-top: 1px solid #7D7D7D;
  border-right: 1px solid #7D7D7D;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
}
.lookbook-detail-wrap {
  max-width: 1270px;
  margin: 0 auto 80px auto;
}
.lookbook-detail-wrap h2 {
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 23px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  .lookbook-detail-wrap h2 {
    text-align: center;
    margin-bottom: 24px;
  }
}
.lookbook-detail-wrap .lookbook-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lookbook-detail-wrap .lookbook-detail li {
  width: 33.3070866142%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .lookbook-detail-wrap .lookbook-detail li {
    width: 50%;
    cursor: pointer;
  }
}
.lookbook-detail-wrap .lookbook-detail li:hover .lookbook-desc {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (max-width: 769px) {
  .lookbook-detail-wrap .lookbook-detail li:hover .lookbook-desc {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.lookbook-detail-wrap .lookbook-img {
  position: relative;
  z-index: 0;
}
.lookbook-detail-wrap .lookbook-img img {
  width: 100%;
  height: auto;
}
.lookbook-detail-wrap .lookbook-desc {
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: rgba(249, 248, 247, 0.8);
}
.lookbook-detail-wrap .lookbook-desc .inner {
  padding: 40px 14.1843971631% 80px 14.1843971631%;
}
.lookbook-detail-wrap .lookbook-desc h3 {
  font-size: 1.3rem;
  line-height: 24px;
  color: #7D7D7D;
}
.lookbook-detail-wrap .lookbook-desc p {
  font-size: 1.3rem;
  line-height: 24px;
}

.store-link {
  position: absolute;
  width: 100%;
  bottom: 38px;
  left: 0;
  text-align: center;
}
.store-link a {
  display: inline-block;
  position: relative;
  font-family: "Barlow Semi Condensed", sans-serif;
  letter-spacing: 0.08em;
  line-height: 23px;
  font-weight: 600;
  font-size: 1.6rem;
}
.store-link a span {
  padding-right: 15px;
  display: inline-block;
}
.store-link a span::before {
  content: "";
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.lookbook-index-slider {
  position: relative;
  max-width: 1150px;
  margin: 0 auto 321px auto;
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider {
    margin-bottom: 160px;
    overflow: hidden;
  }
}
.lookbook-index-slider h2 {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  line-height: 23px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
}
.lookbook-index-slider .look-ttl {
  position: static;
  color: #7D7D7D;
  margin: 7px;
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider .look-ttl {
    position: absolute;
    color: #F7F7F7;
  }
}
.lookbook-index-slider .btn-view-all {
  padding-top: 0;
}
.lookbook-index-slider .md-lookbook-index {
  margin-bottom: 88px;
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider .md-lookbook-index {
    padding-left: 20px;
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
.lookbook-index-slider .index-slider {
  max-width: 1050px;
  margin: 0 auto;
}
.lookbook-index-slider .md-lookbook-index .lookbook-item {
  margin: 0;
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider .md-lookbook-index .lookbook-item {
    min-width: 280px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider .look-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.lookbook-index-slider .look-img {
  margin: 7px;
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider .look-img {
    margin: 0;
  }
}
.lookbook-index-slider .look-img img {
  width: 100%;
  height: auto;
}
.lookbook-index-slider .carousel-prev,
.lookbook-index-slider .carousel-next {
  position: absolute;
  cursor: pointer;
  width: 40px;
  height: 100%;
  top: 0;
  z-index: 200;
  display: block;
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider .carousel-prev,
.lookbook-index-slider .carousel-next {
    display: none;
  }
}
.lookbook-index-slider .carousel-prev::before,
.lookbook-index-slider .carousel-next::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  position: absolute;
  top: 43%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lookbook-index-slider .slide-wrap {
  position: relative;
}
@media only screen and (max-width: 769px) {
  .lookbook-index-slider .slide-wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.lookbook-index-slider .carousel-prev {
  left: 0;
}
.lookbook-index-slider .carousel-prev::before {
  -webkit-transform: translateX(-50%) rotate(-135deg);
          transform: translateX(-50%) rotate(-135deg);
  left: 0;
}
.lookbook-index-slider .carousel-next {
  right: 0;
}
.lookbook-index-slider .carousel-next::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  right: 0;
}
.page-nav {
  max-width: 1270px;
  margin: 0 auto 140px auto;
}
@media only screen and (max-width: 769px) {
  .page-nav {
    margin: 0;
  }
}
.page-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  .page-nav ul {
    display: block;
  }
}
.page-nav li {
  width: 31.4960629921%;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
}
@media only screen and (max-width: 769px) {
  .page-nav li {
    width: 100%;
    margin-bottom: 0px;
  }
}
.page-nav li .img img {
  width: 100%;
  height: auto;
}
.page-nav li a {
  display: block;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 1.6rem;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .page-nav li a {
    overflow: hidden;
  }
}
.page-nav li a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 769px) {
  .page-nav li a:hover {
    opacity: 1;
  }
}
.page-nav li a:hover .page-nav-ttl {
  color: #212121;
}
@media only screen and (max-width: 769px) {
  .page-nav li a:hover .page-nav-ttl {
    color: #fff;
  }
}
.page-nav .page-nav-ttl {
  position: absolute;
  top: 26px;
  left: 24px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  color: #fff;
  z-index: 1;
  letter-spacing: 0.08em;
}
.page-nav .img {
  position: relative;
  z-index: 0;
}
.page-nav .img img {
  width: 100%;
  height: auto;
}

.index .page-nav {
  max-width: 1270px;
  margin: 0 auto 140px auto;
}
@media only screen and (max-width: 769px) {
  .index .page-nav {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto 107px auto;
  }
}
.index .page-nav li {
  width: 31.4960629921%;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .index .page-nav li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.index .page-nav li a {
  display: block;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 1.6rem;
}
.index .page-nav li a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 769px) {
  .index .page-nav li a:hover {
    opacity: 1;
  }
}
.index .page-nav .page-nav-ttl {
  position: absolute;
  top: 26px;
  left: 24px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  color: #fff;
  z-index: 1;
  letter-spacing: 0.08em;
}
.index .page-nav .img {
  position: relative;
  z-index: 0;
}
.index .page-nav .img img {
  width: 100%;
  height: auto;
}

.md-modal {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  display: block !important;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(33, 33, 33, 0.9);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.md-modal.is-show {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}
.md-modal .modal-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md-modal .modal-inner::before, .md-modal .modal-inner::after {
  content: "";
  width: 30px;
  border-top: 2px solid #F7F7F7;
  position: absolute;
  top: -30px;
  right: 30px;
}
.md-modal .modal-inner::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.md-modal .modal-inner::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.md-modal .lookbook-img {
  position: relative;
  z-index: 0;
}
.md-modal .lookbook-img img {
  width: 100%;
  height: auto;
}
.md-modal .lookbook-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: rgba(249, 248, 247, 0.8);
}
.md-modal .lookbook-desc .inner {
  padding: 40px 30px 108px 30px;
}
.md-modal .lookbook-desc h3 {
  font-size: 1.3rem;
  line-height: 24px;
  color: #7D7D7D;
}
.md-modal .lookbook-desc p {
  font-size: 1.3rem;
  line-height: 24px;
}
.md-modal .store-link {
  text-align: left;
  bottom: 40px;
  padding-left: 30px;
}

a img {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
a:hover img {
  opacity: 0.6;
}

.md-page-stockist {
  margin-bottom: 290px;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist {
    margin-bottom: 160px;
  }
}
.md-page-stockist .stockist-type {
  font-size: 2rem;
  text-align: center;
  line-height: 23px;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
}
.md-page-stockist .stockist-type a {
  color: #212121;
}
.md-page-stockist .stockist-area {
  color: #7D7D7D;
  font-size: 1.6rem;
  text-align: center;
  line-height: 23px;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
.md-page-stockist .stockist-representative-wrap {
  max-width: 1140px;
  margin: 0 auto 160px auto;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .stockist-representative-wrap {
    margin-bottom: 40px;
  }
}
.md-page-stockist .stockist-representative-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .stockist-representative-wrap ul {
    display: block;
  }
}
.md-page-stockist .stockist-representative-wrap ul:nth-of-type(2) {
  margin-bottom: 160px;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .stockist-representative-wrap ul:nth-of-type(2) {
    margin-bottom: 80px;
  }
}
.md-page-stockist .stockist-representative-wrap li {
  width: 35.0877192982%;
  max-width: 400px;
  background: #FCFBFB;
  margin: 0 5px;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .stockist-representative-wrap li {
    width: 100%;
    margin: 5px 0;
  }
}
.md-page-stockist .stockist-representative-wrap .store-container {
  padding: 40px;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .stockist-representative-wrap .store-container {
    padding: 40px 30px;
  }
}
.md-page-stockist .stockist-representative-wrap .store-img {
  margin-bottom: 30px;
}
.md-page-stockist .stockist-representative-wrap .store-img img {
  width: 100%;
  height: auto;
}
.md-page-stockist .stockist-representative-wrap .store-name {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-bottom: 20px;
}
.md-page-stockist .stockist-representative-wrap .store-name a {
  color: #212121;
}
.md-page-stockist .stockist-representative-wrap .store-detail {
  font-size: 1.3rem;
}
.md-page-stockist .stockist-representative-wrap .btn-view-all {
  text-align: left;
}
.md-page-stockist .stockist-representative-wrap .btn-view-all a {
  font-size: 1.6rem;
}
.md-page-stockist .stockist-list-wrap {
  max-width: 644px;
  margin: 0 auto 160px auto;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .stockist-list-wrap {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 80px;
  }
}
.md-page-stockist .stockist-list-wrap dl {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EFEFEF;
}
.md-page-stockist .stockist-list-wrap dt {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 27.6px;
  color: #7D7D7D;
  margin-bottom: 0.3em;
}
.md-page-stockist .stockist-list-wrap dd {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 32px;
  color: #212121;
}
.md-page-stockist .stockist-list-wrap dd p {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 32px;
  color: #212121;
}
.md-page-stockist .stockist-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .stockist-list {
    display: block;
  }
}
.md-page-stockist .col {
  width: 46.5838509317%;
}
@media only screen and (max-width: 769px) {
  .md-page-stockist .col {
    width: 100%;
  }
}

.md-bread-crumbs {
  max-width: 1270px;
  margin: 0 auto 16px auto;
}
@media only screen and (max-width: 769px) {
  .md-bread-crumbs {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.md-bread-crumbs a,
.md-bread-crumbs span {
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 32px;
}
.md-bread-crumbs .separater {
  margin: 0 0.2em;
}
.header__icon:not(.header__icon--summary),
.header__icon span {
  display: block;
}

.btn-coming-soon {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  background: #7D7D7D;
  outline: none;
  border: 1px solid #7D7D7D;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin-bottom: calc(9 / var(--width) * 100vw);
}
.btn-coming-soon span {
  font-size: 1.8rem;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  letter-spacing: 0.08em;
}

.login-wrap {
  margin-bottom: 10em;
}
.login-wrap h1 {
  font-size: 2rem;
}

.journal-wrap {
  max-width: 1100px;
  margin: 0 auto;
}

.link-more {
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #2F2725;
  letter-spacing: 0.1em;
}
.link-more span {
  display: inline-block;
  position: relative;
  padding-right: 22px;
}
.link-more span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #707070;
  border-right: 2px solid #707070;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.item-list {
  padding: 0 38px;
}
@media only screen and (max-width: 769px) {
  .item-list {
    padding: 0;
  }
}
.item-list .series-img {
  border-radius: 4px;
  overflow: hidden;
}
.item-list .series-img img {
  width: 100%;
  height: auto;
}
.item-list .series-header {
  padding-bottom: 140px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 769px) {
  .item-list .series-header {
    padding-bottom: 40px;
    margin-bottom: 0px;
  }
}
.item-list .item-all-list-header {
  max-width: 1106px;
  margin: 0 auto 80px auto;
  padding-top: 100px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E8EBEC;
}
@media only screen and (max-width: 769px) {
  .item-list .item-all-list-header {
    padding-top: 50px;
    margin: 0 auto 40px auto;
  }
}
.item-list .item-all-list-header h1 {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.2rem;
}
.item-list .item-all-list-header h1 small {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.5rem;
  display: block;
  padding-top: 1.5em;
}
.item-list .item-all-list-header p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.4rem;
  line-height: 3;
  color: #3F3E3B;
}
@media only screen and (max-width: 769px) {
  .item-list .item-all-list-header p {
    line-height: 3;
  }
}
.item-list .item-list-header {
  background: #F7F6ED;
  max-width: 1106px;
  margin: 0 auto 140px auto;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-right: 140px;
  padding-left: 140px;
}
@media only screen and (max-width: 769px) {
  .item-list .item-list-header {
    padding: 32px 28px 28px 28px;
    margin: 0 28px 28px 28px;
  }
}
.item-list .item-list-header h1 {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 100px;
  font-size: 3.2rem;
}
@media only screen and (max-width: 769px) {
  .item-list .item-list-header h1 {
    margin-bottom: 1em;
    font-size: 2.4rem;
  }
}
.item-list .item-list-header h1 small {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.5rem;
  display: block;
  padding-top: 1.5em;
}
.item-list .item-list-header p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.4rem;
  line-height: 2;
  color: #3F3E3B;
}
@media only screen and (max-width: 769px) {
  .item-list .item-list-header p {
    font-size: 1.3rem;
  }
}
.item-list .size-table {
  padding-top: 30px;
}
@media only screen and (max-width: 769px) {
  .item-list .size-table {
    padding-top: 0px;
  }
}
.item-list .series-detail {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #E8EBEC;
  padding-top: 40px;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail {
    display: block;
    padding-top: 30px;
    padding-right: 28px;
    padding-left: 28px;
  }
}
.item-list .series-detail .inner {
  max-width: 966px;
  margin: 0 auto;
  padding-bottom: 5px;
}
.item-list .series-detail .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail .flex-wrap {
    display: block;
  }
}
.item-list .series-detail h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  color: #3F3E3B;
  line-height: 1.5;
  margin-bottom: 2em;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail h2 {
    margin-bottom: 0.4em;
  }
}
.item-list .series-detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.item-list .series-detail dl dt, .item-list .series-detail dl dd {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1.8;
  font-size: 1.2rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail dl dt, .item-list .series-detail dl dd {
    padding-top: 1px;
    padding-bottom: 1px;
  }
}
.item-list .series-detail dl dt {
  width: 22%;
}
.item-list .series-detail dl dd {
  width: 78%;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail dl dd {
    padding-left: 1em;
  }
}
.item-list .series-detail .color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail .color-list {
    margin-bottom: 10px;
  }
}
.item-list .series-detail .color-list li {
  margin-left: 5px;
}
.item-list .series-detail .color-list li:first-child {
  margin-left: 0;
}
.item-list .series-detail .color-sample {
  display: block;
  width: 32px;
  height: 25px;
  border-radius: 5px;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail .color-sample {
    width: 28px;
    height: 22px;
  }
}
.item-list .series-detail .color-sample[title=shiro] {
  background: #fff;
  border: 1px solid #707070;
}
.item-list .series-detail .color-sample[title=silver] {
  background: #D3D3D3;
}
.item-list .series-detail .color-sample[title=smoke] {
  background: #4E4E4E;
}
.item-list .series-detail .color-sample[title=cheek] {
  background: #FAB4A1;
}
.item-list .series-detail .color-sample[title=moss] {
  background: #006125;
}
.item-list .series-detail .color-sample[title=honey] {
  background: #FFB72D;
}
.item-list .series-detail .color-sample[title=sea] {
  background: #496B96;
}
.item-list .series-detail .color-sample[title=lip] {
  background: #FF4F52;
}
.item-list .series-detail .color-sample[title=romance] {
  background: #FF7695;
}
.item-list .series-detail .color-sample[data-color=mint] {
  background: #5DD7B0;
}
.item-list .series-detail .color-sample[data-color=stone] {
  background: #7D7E83;
}
.item-list .series-detail .color-sample[data-color=powder] {
  background: #FDFAC1;
  }
.item-list .series-detail .color-sample[data-color=etoile] {
  background: #ECA9EB;
}
.item-list .series-detail .color-sample[data-color=ice] {
  background: #CEE3F6;
}
.item-list .series-detail .color-sample[data-color=nightblue] {
  background: #2E3771;
}

.item-list .series-detail .color-sample[data-color=smokypink] {
  background: #bf8fab;
}


/* plage */
.item-list .series-detail .color-sample[data-color=white-p] {
  background: #fff;
  border: 1px solid #707070;
}
.item-list .series-detail .color-sample[data-color=pink-p] {
  background: #F781BE;
}
.item-list .series-detail .color-sample[data-color=brown-p] {
  background: #B18904;
}
.item-list .series-detail .color-sample[data-color=sun-p] {
  background: #FE2E2E;
}
.item-list .series-detail .color-sample[data-color=ocean-p] {
  background: #0B4C5F;
}

/* plageここまで */


.item-list .series-detail .color-sample[data-color=marron] {
  background: #a87932;
}
.item-list .series-detail .color-sample[data-color=taupe] {
  background: #ABA294;
}
.item-list .series-detail .color-sample[data-color=tail] {
  background: #68330E;
}

.item-list .series-detail .color-sample[title=white] {
  background: #fff;
  border: 1px solid #707070;
}
.item-list .series-detail .color-sample[title=silver] {
  background: #D3D3D3;
}
.item-list .series-detail .color-sample[title=navy] {
  background: #142554;
}
.item-list .series-detail .color-sample[title=beige] {
  background: #E7D3BA;
}
.item-list .series-detail .color-sample[title=bordeaux] {
  background: #BD1026;
}
.item-list .series-detail .color-sample[title=aqua-blue] {
  background: #0098A4;
}
.item-list .series-detail .color-sample[title=rose] {
  background: #CF5872;
}
.item-list .series-detail .color-sample[title=khaki] {
  background: #55622C;
}
.item-list .series-detail .color-sample[title=Soda] {
  background: #00C9A2;
}
.item-list .series-detail .color-sample[data-color="#01"]:before {
  background: #005622;
}
.item-list .series-detail .color-sample[data-color="#01"]:after {
  background: #FEB4B5;
}
.item-list .series-detail .color-sample[data-color="#02"]:before {
  background: #A2164F;
}
.item-list .series-detail .color-sample[data-color="#02"]:after {
  background: #230B7B;
}
.item-list .series-detail .color-sample[data-color="#03"]:before {
  background: #3B0C36;
}
.item-list .series-detail .color-sample[data-color="#03"]:after {
  background: #E55F20;
}
.item-list .series-detail .color-sample[data-color="#04"]:before {
  background: #2BBDA6;
}
.item-list .series-detail .color-sample[data-color="#04"]:after {
  background: #64175F;
}
.item-list .series-detail .color-sample[data-color="#05"]:before {
  background: #69E1E9;
}
.item-list .series-detail .color-sample[data-color="#05"]:after {
  background: #FEB4B5;
}
.item-list .series-detail .color-sample[data-color="#06"]:before {
  background: #004679;
}
.item-list .series-detail .color-sample[data-color="#06"]:after {
  background: #639CBE;
}
.item-list .series-detail .color-sample[data-color="#07"]:before {
  background: #FF3471;
}
.item-list .series-detail .color-sample[data-color="#07"]:after {
  background: #C6BBA0;
}
.item-list .series-detail .color-sample[data-color="#08"]:before {
  background: #F0D432;
}
.item-list .series-detail .color-sample[data-color="#08"]:after {
  background: #6C4728;
}
.item-list .series-detail .color-sample[data-color="#09"]:before {
  background: #3C3C3D;
}
.item-list .series-detail .color-sample[data-color="#09"]:after {
  background: #E1E1E1;
}
.item-list .series-detail .color-sample[data-color="#10"]:before {
  background: #AC2828;
}
.item-list .series-detail .color-sample[data-color="#10"]:after {
  background: #30A3E5;
}
.item-list .series-detail .color-sample[data-color="#11"]:before {
  background: #FBBCBC;
}
.item-list .series-detail .color-sample[data-color="#11"]:after {
  background: #5C4C77;
}
.item-list .series-detail .color-sample[data-color="#13"]:before {
  background: #D991E0;
}
.item-list .series-detail .color-sample[data-color="#13"]:after {
  background: #5B4645;
}
.item-list .series-detail .color-sample[data-color="#14"]:before {
  background: #BC6E07;
}
.item-list .series-detail .color-sample[data-color="#14"]:after {
  background: #F93F9C;
}
.item-list .series-detail .color-sample[data-color="#15"]:before {
  background: #5AB9DC;
}
.item-list .series-detail .color-sample[data-color="#15"]:after {
  background: #0A2A22;
}
.item-list .series-detail .color-sample[data-color="#16"]:before {
  background: #94D8BA;
}
.item-list .series-detail .color-sample[data-color="#16"]:after {
  background: #1F7D38;
}
.item-list .series-detail .color-sample[data-color="#17"]:before {
  background: #e92b32;
}
.item-list .series-detail .color-sample[data-color="#17"]:after {
  background: #e5a997;
}

.item-list .series-detail .color-sample-2 {
  display: block;
  width: 32px;
  height: 25px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail .color-sample-2 {
    width: 28px;
    height: 22px;
  }
}
.item-list .series-detail .color-sample-2::before, .item-list .series-detail .color-sample-2:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
}
.item-list .series-detail .color-sample-2:before {
  left: 0;
}
.item-list .series-detail .color-sample-2:after {
  right: 0;
}
.item-list .series-detail .color-sample-2[data-color="#01"]:before {
  background: #005622;
}
.item-list .series-detail .color-sample-2[data-color="#01"]:after {
  background: #FEB4B5;
}
.item-list .series-detail .color-sample-2[data-color="#02"]:before {
  background: #A2164F;
}
.item-list .series-detail .color-sample-2[data-color="#02"]:after {
  background: #230B7B;
}
.item-list .series-detail .color-sample-2[data-color="#03"]:before {
  background: #3B0C36;
}
.item-list .series-detail .color-sample-2[data-color="#03"]:after {
  background: #E55F20;
}
.item-list .series-detail .color-sample-2[data-color="#04"]:before {
  background: #2BBDA6;
}
.item-list .series-detail .color-sample-2[data-color="#04"]:after {
  background: #64175F;
}
.item-list .series-detail .color-sample-2[data-color="#05"]:before {
  background: #69E1E9;
}
.item-list .series-detail .color-sample-2[data-color="#05"]:after {
  background: #FEB4B5;
}
.item-list .series-detail .color-sample-2[data-color="#06"]:before {
  background: #004679;
}
.item-list .series-detail .color-sample-2[data-color="#06"]:after {
  background: #639CBE;
}
.item-list .series-detail .color-sample-2[data-color="#07"]:before {
  background: #FF3471;
}
.item-list .series-detail .color-sample-2[data-color="#07"]:after {
  background: #C6BBA0;
}
.item-list .series-detail .color-sample-2[data-color="#08"]:before {
  background: #F0D432;
}
.item-list .series-detail .color-sample-2[data-color="#08"]:after {
  background: #6C4728;
}
.item-list .series-detail .color-sample-2[data-color="#09"]:before {
  background: #3C3C3D;
}
.item-list .series-detail .color-sample-2[data-color="#09"]:after {
  background: #E1E1E1;
}
.item-list .series-detail .color-sample-2[data-color="#10"]:before {
  background: #AC2828;
}
.item-list .series-detail .color-sample-2[data-color="#10"]:after {
  background: #30A3E5;
}
.item-list .series-detail .color-sample-2[data-color="#11"]:before {
  background: #FBBCBC;
}
.item-list .series-detail .color-sample-2[data-color="#11"]:after {
  background: #5C4C77;
}
.item-list .series-detail .color-sample-2[data-color="#13"]:before {
  background: #D991E0;
}
.item-list .series-detail .color-sample-2[data-color="#13"]:after {
  background: #5B4645;
}
.item-list .series-detail .color-sample-2[data-color="#14"]:before {
  background: #BC6E07;
}
.item-list .series-detail .color-sample-2[data-color="#14"]:after {
  background: #F93F9C;
}
.item-list .series-detail .color-sample-2[data-color="#15"]:before {
  background: #5AB9DC;
}
.item-list .series-detail .color-sample-2[data-color="#15"]:after {
  background: #0A2A22;
}
.item-list .series-detail .color-sample-2[data-color="#16"]:before {
  background: #94D8BA;
}
.item-list .series-detail .color-sample-2[data-color="#16"]:after {
  background: #1F7D38;
}
.item-list .series-detail .color-sample-2[data-color="#18"]:before {
  background: #e92b32;
}
.item-list .series-detail .color-sample-2[data-color="#18"]:after {
  background: #e5a997;
}

.item-list .series-detail .note {
  font-size: 1.2rem;
  color: #3F3E3B;
}
.item-list .series-detail .detail {
  width: 50%;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail .detail {
    width: 100%;
    margin-bottom: 10px;
  }
}
.item-list .series-detail .colors {
  width: 50%;
}
@media only screen and (max-width: 769px) {
  .item-list .series-detail .colors {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* 辻さんカラーセット */
.item-list .series-detail .color-sample-2[data-color=ブラック×ネイビー]:before {
  background: #1C1C1C;
}

.item-list .series-detail .color-sample-2[data-color=ブラック×ネイビー]:after {
  background: #151131;
}

.item-list .series-detail .color-sample-2[data-color=ブラック×パープル]:before {
  background: #1C1C1C;
}

.item-list .series-detail .color-sample-2[data-color=ブラック×パープル]:after {
  background: #40093F;
}

.item-list .series-detail .color-sample-2[data-color=ブラック×ブルー]:before {
  background: #1C1C1C;
}

.item-list .series-detail .color-sample-2[data-color=ブラック×ブルー]:after {
  background: #195087;
}

.item-list .series-detail .color-sample-2[data-color=ブラック×グリーン]:before {
  background: #1C1C1C;
}

.item-list .series-detail .color-sample-2[data-color=ブラック×グリーン]:after {
  background: #0B6121;
}

.item-list .series-detail .color-sample-2[data-color=ブラウン×ネイビー]:before {
  background: #644934;
}

.item-list .series-detail .color-sample-2[data-color=ブラウン×ネイビー]:after {
  background: #151131;
}

.item-list .series-detail .color-sample-2[data-color=ブラウン×パープル]:before {
  background: #644934;
}

.item-list .series-detail .color-sample-2[data-color=ブラウン×パープル]:after {
  background: #40093F;
}

.item-list .series-detail .color-sample-2[data-color=ブラウン×オレンジ]:before {
  background: #644934;
}

.item-list .series-detail .color-sample-2[data-color=ブラウン×オレンジ]:after {
  background: #E06A0A;
}

.md-category-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 70px;
}
@media only screen and (max-width: 769px) {
  .md-category-size {
    display: block;
    margin-bottom: 30px;
  }
}
.md-category-size .fig {
  width: 62.1686746988%;
  padding-top: 26.6356%;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-category-size .fig {
    width: 100%;
    height: auto;
    padding-top: 0;
    margin-bottom: 20px;
  }
}
.md-category-size .fig::before {
  content: "";
  display: none;
}
@media only screen and (max-width: 769px) {
  .md-category-size .fig::before {
    display: block;
    padding-top: 47.6356%;
  }
}
.md-category-size .fig-sample {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #A5A49E;
  overflow: hidden;
  font-size: 0;
}
.md-category-size .fig-sample::before {
  content: "";
  display: block;
}
.md-category-size .fig-sample.is-active {
  background: #fff;
  z-index: 10;
}


.md-category-size .premium-cotton-bath-seat {
  width: 90.1162790698%;
  z-index: 0;
}
@media only screen and (max-width: 769px) {
  .md-category-size .premium-cotton-bath-seat {
    width: 100%;
  }
}
.md-category-size .premium-cotton-bath-seat::before {
  padding-top: 47.3118%;
}



.md-category-size .premium-cotton-bath-seat-m {
  width: 90.1163%;
  z-index: 0;
}
.md-category-size .premium-cotton-bath-seat-m::before {
  padding-top: 38.771%;
}

.md-category-size .premium-cotton-bath-seat-p {
  width: 78.5899%;
  z-index: 0;
}
.md-category-size .premium-cotton-bath-seat-p::before {
  padding-top: 36.6753%;
}


.md-category-size .premium-cotton-bath-towel {
  width: 72.0930232558%;
  z-index: 1;
}
.md-category-size .premium-cotton-bath-towel::before {
  padding-top: 51.2129%;
}

.md-category-size .premium-cotton-conpact-bath-towel {
  width: 57.3643410853%;
  z-index: 2;
}
.md-category-size .premium-cotton-conpact-bath-towel::before {
  padding-top: 45.6081%;
}


.md-category-size .premium-cotton-face-towel {
  width: 51.1627906977%;
  z-index: 3;
}
.md-category-size .premium-cotton-face-towel::before {
  padding-top: 40.1515%;
}
.md-category-size .premium-cotton-wash-towel {
  width: 26.35%;
  z-index: 5;
}
.md-category-size .premium-cotton-wash-towel::before {
  padding-top: 100%;
}

.md-category-size .premium-cotton-handkerchief-towel {
  width: 15.503875969%;
  z-index: 4;
}
.md-category-size .premium-cotton-handkerchief-towel::before {
  padding-top: 100%;
}

.md-category-size .deux-couleurs-bath-seat {
  width: 84.1085271318%;
  z-index: 0;
}
.md-category-size .deux-couleurs-bath-seat::before {
  padding-top: 50.6912442396%;
}
.md-category-size .deux-couleurs-bath-towel {
  width: 67.2480620155%;
  z-index: 1;
}
.md-category-size .deux-couleurs-bath-towel::before {
  padding-top: 50.144092219%;
}
.md-category-size .deux-couleurs-face-towel {
  width: 41.6666666667%;
  z-index: 2;
}
.md-category-size .deux-couleurs-face-towel::before {
  padding-top: 54.8837209302%;
}
.md-category-size .deux-couleurs-wash-towel {
  width: 19.3798449612%;
  z-index: 3;
}
.md-category-size .deux-couleurs-wash-towel::before {
  padding-top: 100%;
}
.md-category-size .deux-couleurs-handkerchief-towel {
  width: 14.3410852713%;
  z-index: 4;
}
.md-category-size .deux-couleurs-handkerchief-towel::before {
  padding-top: 100%;
}
.md-category-size .deux-couleurs-half-handkerchief-towel {
  width: 14.3410852713%;
  z-index: 5;
}
.md-category-size .deux-couleurs-half-handkerchief-towel::before {
  padding-top: 50%;
}
.md-category-size .city-bath-towel {
  width: 84.1085271318%;
  z-index: 0;
}
.md-category-size .city-bath-towel::before {
  padding-top: 50.6912%;
}
.md-category-size .city-face-towel {
  width: 59.6899224806%;
  z-index: 1;
}
.md-category-size .city-face-towel::before {
  padding-top: 41.2337662338%;
}
.md-category-size .city-handkerchief-towel {
  width: 14.5348837209%;
  z-index: 2;
}
.md-category-size .city-handkerchief-towel::before {
  padding-top: 100%;
}
.md-category-size .size-text {
  width: calc(100% - 516px);
}
@media only screen and (max-width: 769px) {
  .md-category-size .size-text {
    width: 100%;
  }
}
.md-category-size .size-text li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 769px) {
  .md-category-size .size-text li {
    padding-left: 25px;
  }
}
.md-category-size .size-text li.is-active {
  background: #fff;
  padding-left: 20px;
}
.md-category-size .size-text h2 {
  font-size: 1.4rem;
  width: 56%;
  margin-bottom: 0;
}
.md-category-size .size-text p {
  font-size: 1.4rem;
  width: 44%;
}
.md-select-category .fig-sample.is-active {
  background: #F7F6ED;
}
.md-select-category .size-text li.is-active {
  background: #F7F6ED;
}

#cc-main-note-context {
  font-size: 1.4rem;
  line-height: 1.8;
}

.facets-container {
  padding-top: 100px !important;
  padding-bottom: 50px !important;
}
@media only screen and (max-width: 769px) {
  .facets-container {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

.mv-bnr-btn {
  text-align: center;
  margin-top: 80px;
}
@media only screen and (max-width: 769px) {
  .mv-bnr-btn {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.mv-bnr-btn a,
.mv-bnr-btn span {
  color: #fff;
}
.mv-bnr-btn a {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  background: #9AA58F;
  line-height: 50px;
  width: 200px;
  height: 50px;
  text-align: center;
  display: inline-block;
}
.mv-bnr-btn a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 769px) {
  .mv-bnr-btn a:hover {
    opacity: 1;
  }
}

.hover-is-opacity a {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.hover-is-opacity a:hover img {
  opacity: 0.6 !important;
}

.md-breadcrumb-wrap {
  margin-bottom: 2em;
}
.md-breadcrumb-wrap ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.md-breadcrumb-wrap li {
  padding-right: 1em;
  margin-right: 1em;
  position: relative;
}
.md-breadcrumb-wrap li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
}
.md-breadcrumb-wrap li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.md-breadcrumb-wrap li:last-child::after {
  display: none;
}
.md-breadcrumb-wrap a,
.md-breadcrumb-wrap span {
  font-size: 1.2rem;
  line-height: 1.7;
  white-space: nowrap;
}

.card-information > .price {
  margin-top: 0 !important;
}

.price__regular .price-item--regular {
  font-size: 1.3rem !important;
  color: #999 !important;
}

.g-recaptcha {
  padding: 30px 0;
}

.form__message {
  text-align: center !important;
}

.slider.slider--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider.slider--mobile.thumb-nail-carousel {
  display: grid;
}
.page-section {
  margin-bottom: 6em;
}
@media only screen and (max-width: 769px) {
  .page-section {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.page-section h1,
.page-section h2,
.page-section h3,
.page-section h4 {
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.5;
}
.page-section h1 {
  font-size: 2.4rem !important;
}
.page-section h2 {
  font-size: 2rem !important;
}
.page-section h3 {
  font-size: 1.8rem !important;
}
.page-section h4 {
  font-size: 1.4rem !important;
}
.page-section p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 2em;
}
.page-section dt,
.page-section dd {
  font-size: 1.4rem;
  line-height: 2;
}
.page-section dt {
  font-weight: 600;
}
.page-section dd {
  padding-left: 1em;
  margin-bottom: 1em;
}
.page-section .c-section__heading--title {
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 1em;
}
.page-section .c-section__content {
  font-size: 1.4rem;
  line-height: 2;
}
.page-section img {
  margin: 20px 0;
  max-width: 100%;
  height: auto;
}
.page-section .img {
  margin-bottom: 3em;
}
.page-section .img img {
  margin: 0;
}
.page-section .postage {
  padding: 2em 0;
}
.page-section .note {
  margin-bottom: 3em;
}
.page-section .note p {
  font-size: 1.2rem;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.4em;
}

.md-sub-nav {
  position: fixed;
  top: 94px;
  left: 0;
  z-index: 900;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 769px) {
  .md-sub-nav {
    height: calc(100vh - 82px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    top: 72px;
    z-index: 900;
    background: #F7F6ED;
  }
}
.md-sub-nav .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .flex-col {
    padding-top: 40px;
    width: 50%;
    padding-right: 3.7333333333%;
    padding-left: 3.7333333333%;
  }
}
.md-sub-nav .menus {
  width: 79.7950219619%;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .menus {
    padding-top: 20px;
    padding-bottom: 140px;
    width: 100%;
    padding-right: 4.8%;
    padding-left: 4.8%;
  }
}
.md-sub-nav .nv-ttl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2rem;
  color: #2F2725;
  margin-bottom: 1em;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .nv-ttl {
    padding-bottom: 13px;
    margin-bottom: 0;
    border-bottom: 1px solid #E8EBEC;
    position: relative;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .nv-ttl span {
    display: none;
  }
}
.md-sub-nav .nv-ttl small {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.2rem;
  color: #3F3E3B;
  display: inline-block;
  margin-left: 1em;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .nv-ttl small {
    margin-left: 0;
    font-size: 1.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
}
.md-sub-nav p {
  padding-top: 1em;
  font-size: 1.2rem;
}
.md-sub-nav .menu-list.sp-menu {
  padding-top: 40px;
  text-align: center;
}
.md-sub-nav .menu-list li a,
.md-sub-nav .menu-list li span {
  font-size: 1.2rem;
  display: block;
  padding: 10px;
  color: #3F3E3B;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .menu-list li a,
.md-sub-nav .menu-list li span {
    font-size: 1.3rem;
    padding: 15px 0;
    color: #919C8E;
  }
}
.md-sub-nav .menu-list .toggle-menu-title {
  position: relative;
  display: inline-block;
  padding-right: 34px;
}
.md-sub-nav .menu-list .toggle-menu-title .icon-toggle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #E8EBEC;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md-sub-nav .menu-list .toggle-menu-title .icon-toggle::before, .md-sub-nav .menu-list .toggle-menu-title .icon-toggle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.md-sub-nav .menu-list .toggle-menu-title .icon-toggle::before {
  width: 10px;
  border-top: 1px solid #3F3E3B;
}
.md-sub-nav .menu-list .toggle-menu-title .icon-toggle::after {
  height: 10px;
  border-left: 1px solid #3F3E3B;
}
.md-sub-nav .menu-list .toggle-menu-title.is-open .icon-toggle::after {
  display: none;
}
.md-sub-nav .menu-list .sub-menu li {
  display: none;
}
.md-sub-nav .menu-list .sub-menu li a {
  color: #3F3E3B;
  font-size: 1.2rem;
}
.md-sub-nav .menu-index {
  padding-top: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .menu-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10.6666666667%;
    padding-left: 3.7333333333%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.md-sub-nav .menu-index .index {
  font-size: 1.6rem;
  font-size: "Shippori Antique", sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  position: relative;
  background: rgb(154, 165, 143);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(154, 165, 143)), to(rgb(129, 141, 117)));
  background: -webkit-linear-gradient(top, rgb(154, 165, 143) 0%, rgb(129, 141, 117) 100%);
  background: linear-gradient(180deg, rgb(154, 165, 143) 0%, rgb(129, 141, 117) 100%);
  border-radius: 5px;
  width: 140px;
  display: block;
  text-align: center;
}
.md-sub-nav .menu-index .index a {
  color: #fff;
}
.md-sub-nav .menu-index .index span {
  display: block;
  padding: 14px;
}
.md-sub-nav .menu-index .index span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #3F3E3B;
  border-right: 1px solid #3F3E3B;
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.md-sub-nav .menu-index .index small {
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.05em;
  margin-left: 0.6em;
}
.md-sub-nav .menu-index .nav-close {
  cursor: pointer;
}
.md-sub-nav .menu-index .nav-close span {
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.md-sub-nav .menu-index .nav-close span::before, .md-sub-nav .menu-index .nav-close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.md-sub-nav .menu-index .nav-close span::before {
  width: 32px;
  border-top: 1px solid #3F3E3B;
}
.md-sub-nav .menu-index .nav-close span::after {
  height: 32px;
  border-left: 1px solid #3F3E3B;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .nav-all {
    padding-top: 30px;
    padding-right: 3.7333333333%;
    padding-left: 3.7333333333%;
  }
}
.md-sub-nav .nav-all a {
  display: inline-block;
  color: #3F3E3B;
  font-size: 1.3rem;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav .nav-btn-all {
    width: 100%;
    padding-top: 20px;
    text-align: center;
  }
}
.md-sub-nav .nav-btn-all a {
  display: inline-block;
  width: 287px;
  height: 60px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e8ebec;
  color: #3F3E3B;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2rem;
  position: relative;
  padding-left: 0;
  display: inline-block;
}
.md-sub-nav .nav-btn-all a span {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md-sub-nav .nav-btn-all a span small {
  font-size: 1.2rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav.is-sp {
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
            transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 0;
    visibility: hidden;
    padding-top: 40px;
  }
}
.md-sub-nav.nav-gift {
  opacity: 0;
  visibility: hidden;
}
.md-sub-nav.nav-gift .flex-col {
  width: 25%;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav.nav-gift .flex-col {
    width: 50%;
  }
}
.md-sub-nav.nav-select {
  opacity: 0;
  visibility: hidden;
}
.md-sub-nav.nav-select .flex-col {
  width: 25%;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav.nav-select .flex-col {
    width: 50%;
  }
}
.md-sub-nav.nav-original {
  opacity: 0;
  visibility: hidden;
}
.md-sub-nav.nav-original .nv-ttl {
  margin-bottom: 0;
}
.md-sub-nav.nav-original .flex-col:nth-of-type(1) {
  width: 28%;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav.nav-original .flex-col:nth-of-type(1) {
    width: 50%;
  }
}
.md-sub-nav.nav-original .flex-col:nth-of-type(2) {
  width: 37%;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav.nav-original .flex-col:nth-of-type(2) {
    width: 50%;
  }
}
.md-sub-nav.nav-original .flex-col:nth-of-type(3) {
  width: 35%;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav.nav-original .flex-col:nth-of-type(3) {
    width: 50%;
  }
}
.md-sub-nav.nav-olsia {
  opacity: 0;
  visibility: hidden;
}
.md-sub-nav.nav-olsia .nv-ttl {
  margin-bottom: 0;
}
.md-sub-nav.nav-olsia .flex-col {
  width: 25%;
}
@media only screen and (max-width: 769px) {
  .md-sub-nav.nav-olsia .flex-col {
    width: 50%;
  }
}
.md-sub-nav.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.md-support-nav {
  position: fixed;
  top: 94px;
  left: 0;
  z-index: 900;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 769px) {
  .md-support-nav {
    height: calc(100vh - 82px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    top: 72px;
    z-index: 900;
  }
}
.md-support-nav .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .md-support-nav .flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 769px) {
  .md-support-nav .flex-col {
    padding-top: 40px;
    width: 50%;
  }
}
.md-support-nav .menus {
  width: 79.7950219619%;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 769px) {
  .md-support-nav .menus {
    padding-top: 20px;
    padding-bottom: 140px;
  }
}
.md-support-nav .nv-ttl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2rem;
  color: #2F2725;
  margin-bottom: 1em;
}
.md-support-nav .nv-ttl small {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.2rem;
  color: #3F3E3B;
  display: inline-block;
  margin-left: 1em;
}
@media only screen and (max-width: 769px) {
  .md-support-nav .nv-ttl small {
    display: none;
  }
}
.md-support-nav p {
  padding-top: 1em;
  font-size: 1.2rem;
}
.md-support-nav .menu-list.sp-menu {
  padding-top: 40px;
  text-align: center;
}
.md-support-nav .menu-list li a {
  font-size: 1.2rem;
  display: block;
  padding: 15px 10px;
  color: #3F3E3B;
}
@media only screen and (max-width: 769px) {
  .md-support-nav .menu-list li a {
    font-size: 1.4rem;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 769px) {
  .md-support-nav .nav-btn-all {
    width: 100%;
    padding-top: 20px;
    text-align: center;
  }
}
.md-support-nav .nav-btn-all a {
  display: inline-block;
  width: 287px;
  height: 60px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e8ebec;
  color: #3F3E3B;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2rem;
  position: relative;
  padding-left: 0;
  display: inline-block;
}
.md-support-nav .nav-btn-all a span {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md-support-nav .nav-btn-all a span small {
  font-size: 1.2rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media only screen and (max-width: 769px) {
  .md-support-nav.is-sp {
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
            transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 0;
    visibility: hidden;
    padding-top: 40px;
  }
}
.md-support-nav.nav-gift {
  opacity: 0;
  visibility: hidden;
}
.md-support-nav.nav-gift .flex-col {
  width: 25%;
}
@media only screen and (max-width: 769px) {
  .md-support-nav.nav-gift .flex-col {
    width: 50%;
  }
}
.md-support-nav.nav-select {
  opacity: 0;
  visibility: hidden;
}
.md-support-nav.nav-select .flex-col {
  width: 25%;
}
@media only screen and (max-width: 769px) {
  .md-support-nav.nav-select .flex-col {
    width: 50%;
  }
}
.md-support-nav.nav-original {
  opacity: 0;
  visibility: hidden;
}
.md-support-nav.nav-original .nv-ttl {
  margin-bottom: 0;
}
.md-support-nav.nav-original .flex-col:nth-of-type(1) {
  width: 28%;
}
@media only screen and (max-width: 769px) {
  .md-support-nav.nav-original .flex-col:nth-of-type(1) {
    width: 50%;
  }
}
.md-support-nav.nav-original .flex-col:nth-of-type(2) {
  width: 37%;
}
@media only screen and (max-width: 769px) {
  .md-support-nav.nav-original .flex-col:nth-of-type(2) {
    width: 50%;
  }
}
.md-support-nav.nav-original .flex-col:nth-of-type(3) {
  width: 35%;
}
@media only screen and (max-width: 769px) {
  .md-support-nav.nav-original .flex-col:nth-of-type(3) {
    width: 50%;
  }
}
.md-support-nav.nav-olsia {
  opacity: 0;
  visibility: hidden;
}
.md-support-nav.nav-olsia .nv-ttl {
  margin-bottom: 0;
}
.md-support-nav.nav-olsia .flex-col {
  width: 25%;
}
@media only screen and (max-width: 769px) {
  .md-support-nav.nav-olsia .flex-col {
    width: 50%;
  }
}
.md-support-nav.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.md-nav {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
@media only screen and (max-width: 769px) {
  .md-nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 2px;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}
.md-nav .f-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.md-nav .nav-logo {
  position: absolute;
  top: 50%;
  left: 80px;
  width: 141px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 769px) {
  .md-nav .nav-logo {
    width: 109px;
    position: static;
    margin-left: 30px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.md-nav .nav-logo a {
  display: block;
}
.md-nav .nav-logo img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 769px) {
  .md-nav .nav-menu {
    display: none;
  }
}
.md-nav .nav-function {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .md-nav .nav-function {
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.md-nav .nav-function li {
  position: relative;
  margin: 0 14px;
}
@media only screen and (max-width: 769px) {
  .md-nav .nav-function li {
    margin: 4px;
  }
}
.md-nav .nav-function i {
  width: 40px;
  height: 40px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
}
.md-nav .nav-function .icon-login {
  background-image: url(icon-login.svg);
}
.md-nav .nav-function .icon-cart {
  background-image: url(icon-cart.svg);
}
.md-nav .nav-function .icon-support {
  background-image: url(icon-support.svg);
}
.md-nav .nav-function span {
  color: #2F2725;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (max-width: 769px) {
  .md-nav .nav-function span {
    display: none;
  }
}
.md-nav .f-menu {
  cursor: pointer;
  font-size: 1.8rem;
  text-align: center;
  font-family: "Shippori Antique", sans-serif;
  letter-spacing: 0.1em;
  padding: 0 40px;
  position: relative;
}
.md-nav .f-menu a, .md-nav .f-menu span {
  font-family: "Shippori Antique", sans-serif;
  color: #9AA58F;
}
.md-nav .f-menu.is-active a {
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: #3F3E3B;
}
.md-nav .f-menu.is-active a small {
  color: #9AA58F;
}
.md-nav .f-menu::before {
  content: "";
  height: 26px;
  border-left: 1px solid #E8EBEC;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}
.md-nav .f-menu:last-child::before {
  display: none;
}
.md-nav .f-menu small {
  padding-top: 6px;
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  color: #707070;
  font-weight: 500;
}

.md-fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1111;
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 769px) {
  .md-fixed-nav.is-up {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .md-fixed-nav.is-down {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.md-fixed-nav .md-nav {
  position: static;
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .md-fixed-nav .md-nav {
    position: relative;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 2px;
  }
}

.index .md-nav {
  position: absolute;
  padding: 0;
  bottom: 50px;
  top: auto;
  left: 0;
}
@media only screen and (max-width: 769px) {
  .index .md-nav {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}
.index .md-fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media only screen and (max-width: 769px) {
  .index .md-fixed-nav {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .index .md-fixed-nav.is-up {
    -webkit-transform: translateY(-100%) !important;
            transform: translateY(-100%) !important;
  }
  .index .md-fixed-nav.is-down {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
}
.index .md-fixed-nav .md-nav {
  position: static;
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .index .md-fixed-nav .md-nav {
    position: relative;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 2px;
  }
}
.index.is-nav-fixed .md-fixed-nav {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media only screen and (max-width: 769px) {
  .md-top-mv-nav {
    display: none;
  }
}
.md-top-mv-nav .md-nav {
  position: absolute;
  padding: 0;
  bottom: 50px;
  top: auto;
  left: 0;
}
@media only screen and (max-width: 769px) {
  .md-top-mv-nav .md-nav .nav-logo {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  .md-top-mv-nav .md-nav .nav-menu {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .md-top-mv-nav .md-nav .nav-function {
    display: none;
  }
}
.md-top-mv-nav .md-nav .btn-menu-trigger {
  display: none;
}
.md-top-mv-nav .md-nav .f-nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  .md-top-mv-nav .md-nav .f-menu {
    padding: 0 20px;
  }
}
.md-top-mv-nav .md-fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1111;
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media only screen and (max-width: 769px) {
  .md-top-mv-nav .md-fixed-nav {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.md-top-mv-nav .md-fixed-nav .md-nav {
  position: static;
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .md-top-mv-nav .md-fixed-nav .md-nav {
    position: relative;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 2px;
  }
}
.md-top-mv-nav.is-nav-fixed .md-fixed-nav {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.btn-menu-trigger {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
}
.btn-menu-trigger::before, .btn-menu-trigger::after {
  content: "";
  width: 100%;
  border-top: 1px solid #3F3E3B;
  display: block;
  position: absolute;
  -webkit-transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, -webkit-transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left;
  transition-property: opacity, visibility, transform top right bottom left, -webkit-transform top right bottom left;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.btn-menu-trigger::before {
  top: 11px;
}
.btn-menu-trigger::after {
  bottom: 11px;
}

.is-menu-open .btn-menu i {
  opacity: 0;
}
.is-menu-open .btn-menu-trigger::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  opacity: 1;
  visibility: visible;
}
.is-menu-open .btn-menu-trigger::after {
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  opacity: 1;
  visibility: visible;
}

.md-fixed-window-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  display: none;
}
@media only screen and (max-width: 769px) {
  .md-fixed-window-bottom-nav {
    display: block;
  }
}
.md-fixed-window-bottom-nav .md-nav {
  position: relative;
  background: #fff;
  padding: 13px 0 34px 0;
  z-index: 2000;
}
@media only screen and (max-width: 769px) {
  .md-fixed-window-bottom-nav .md-nav {
    padding: 13px 0 14px 0;
  }
}
.md-fixed-window-bottom-nav .md-nav .nav-menu {
  display: block;
  width: 100%;
}
.md-fixed-window-bottom-nav .md-nav .f-menu {
  padding: 0 23px;
}
.md-fixed-window-bottom-nav .nav-logo,
.md-fixed-window-bottom-nav .nav-function {
  display: none;
}

.g-footer {
  background: #fff;
  color: #3F3E3B;
  padding-bottom: 80px;
}
.g-footer .f-mid-section,
.g-footer .f-under-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-mid-section,
.g-footer .f-under-section {
    display: block;
  }
}
.g-footer .f-mid-section .section-col,
.g-footer .f-under-section .section-col {
  width: 50%;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-mid-section .section-col,
.g-footer .f-under-section .section-col {
    width: 100%;
  }
}
.g-footer .f-mid-section .section-col.menu,
.g-footer .f-under-section .section-col.menu {
  width: 39.0909090909%;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-mid-section .section-col.menu,
.g-footer .f-under-section .section-col.menu {
    width: 100%;
    margin-bottom: 80px;
  }
}
.g-footer .f-top-section {
  position: relative;
  background: #F7F6ED;
  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;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-top-section {
    display: block;
  }
}
.g-footer .f-mid-section {
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 80px;
  padding-bottom: 90px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.g-footer .f-under-section {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.g-footer .f-under-section p.copy {
  text-align: center;
  margin-left: 3em;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #707070;
}
.g-footer .f-page-top {
  position: absolute;
  width: 125px;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 50px;
  height: 50px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  background: #3F3E3B;
  cursor: pointer;
}
.g-footer .f-logo {
  height: 80px;
  padding-top: 22px;
  padding-right: 60px;
  padding-bottom: 20px;
  padding-left: 60px;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-logo {
    text-align: center;
  }
}
.g-footer .f-copy .copy {
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
  color: #999999;
  letter-spacing: 0.1em;
  padding-left: 130px;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-copy .copy {
    padding-left: 0;
    text-align: center;
    padding-bottom: 1.3em;
  }
}
.g-footer .f-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-menu {
    width: 96%;
    margin: 0 auto;
    padding-left: 2em;
  }
}
.g-footer .f-menu ul {
  width: 50%;
}
.g-footer .f-menu ul li {
  margin-bottom: 38px;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-menu ul li {
    text-align: left;
  }
}
.g-footer .f-menu ul li a {
  font-size: 1.4rem;
  display: block;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-menu ul li a {
    font-size: 1.3rem;
  }
}
.g-footer .f-cal {
  font-size: 1.2rem;
}
.g-footer .f-cal p.hours {
  font-size: 1.2rem;
  color: #707070;
  text-align: center;
}
.g-footer .f-cal .ui-datepicker-inline {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3em;
  border: none;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-cal .ui-datepicker-inline {
    display: block !important;
  }
}
.g-footer .f-cal .ui-datepicker-group {
  width: 42.6168224299%;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-cal .ui-datepicker-group {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.g-footer .f-cal .ui-datepicker-title {
  font-size: 1.4rem;
  color: #9AA58F;
  text-align: center;
  margin-bottom: 2em;
  background: transparent !important;
}
@media only screen and (max-width: 769px) {
  .g-footer .ui-datepicker-calendar {
    width: 60.8%;
    margin: 0 auto 40px auto;
  }
}
.g-footer .ui-datepicker-calendar th,
.g-footer .ui-datepicker-calendar td {
  text-align: center;
  padding: 6px 5px;
}
.g-footer .ui-datepicker-calendar th a,
.g-footer .ui-datepicker-calendar td a {
  border-radius: 5px;
  padding: 0.4em;
  display: block;
  pointer-events: none;
}
.g-footer .ui-datepicker-prev {
  display: none;
}
.g-footer .ui-datepicker-next {
  display: none;
}
@media only screen and (max-width: 769px) {
  .g-footer .f-mailmagazine {
    padding-top: 40px;
  }
}
.g-footer .footer-block__newsletter {
  text-align: left;
}
@media only screen and (max-width: 769px) {
  .g-footer .footer-block__newsletter {
    text-align: center;
    padding-right: 38px;
    padding-left: 38px;
  }
}
.g-footer .footer-block__heading {
  font-size: 1.4rem;
  color: #9AA58F;
  font-weight: 600;
}
.g-footer .newsletter-form {
  margin: 0;
  max-width: 100% !important;
}
.g-footer .newsletter-form__field-wrapper {
  border: none;
  max-width: 100% !important;
}
.g-footer .newsletter-form__field-wrapper .field__input {
  border: 1px solid #9AA58F;
  border-radius: 5px;
}
@media only screen and (max-width: 769px) {
  .g-footer .newsletter-form__field-wrapper .field__input {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 769px) {
  .g-footer .newsletter-form__field-wrapper .field {
    display: block;
  }
}
.g-footer .newsletter-form__field-wrapper .field::after {
  display: none;
}
.g-footer .field__label {
  font-size: 1.4rem;
  color: #707070;
}
.g-footer .newsletter-form__button {
  position: static;
  display: block;
  background: #9AA58F !important;
  width: 118px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  margin-left: 10px;
}
@media only screen and (max-width: 769px) {
  .g-footer .newsletter-form__button {
    margin: 0 auto;
  }
}
.g-footer .set-calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  .g-footer .set-calendar {
    display: block;
  }
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar th a {
  pointer-events: none !important;
}

.g-footer .ui-datepicker-calendar th a,
.g-footer .ui-datepicker-calendar td a {
  background: transparent !important;
  pointer-events: none !important;
  border: none !important;
}

.ui-datepicker-header,
.ui-widget-header {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.hasDatepicker {
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .hasDatepicker {
    width: 60.8%;
  }
}
.hasDatepicker::before {
  content: "";
  display: display;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ui-datepicker-week-end .ui-state-default {
  background: #F7F6ED !important;
}
.ui-datepicker-week-end a {
  background: #F7F6ED !important;
}

.day-holiday a,
.day-sunday a,
.day-saturday a {
  display: block;
  background: #F7F6ED !important;
}

.g-footer .ui-datepicker-calendar a {
  display: block;
  text-align: center;
}

.g-footer .ui-datepicker-calendar .day-holiday a,
.g-footer .ui-datepicker-calendar .day-sunday a,
.g-footer .ui-datepicker-calendar .day-saturday a {
  display: block;
  background: #F7F6ED !important;
}

.fc-toolbar-title {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #9AA58F;
  margin-bottom: 1em;
}

.fc-view {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 3em;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .fc-view {
    max-width: 60%;
    margin: 0 auto 3em auto;
    text-align: center;
  }
}
.fc-view thead th {
  padding-bottom: 1em;
}

.fc-daygrid-day-frame {
  padding: 0.4em;
  margin: 5px;
}

.fc-toolbar-chunk button {
  display: none !important;
}

.fc-daygrid-day-events {
  display: none;
}

.fc-day-sat .fc-daygrid-day-frame,
.fc-day-sun .fc-daygrid-day-frame,
.fc-hol .fc-daygrid-day-frame {
  border-radius: 5px;
  background: #F7F6ED !important;
}

.fc-day-other {
  opacity: 0;
}

#shopify-section-top-mv {
  position: relative;
}

.md-mv {
  position: relative;
  padding: 37px 37px 127px 37px;
}
@media only screen and (max-width: 769px) {
  .md-mv {
    padding: 86px 13px 70px 13px;
  }
}
.md-mv::before {
  content: "";
  display: none;
  padding-top: 89.3333%;
}
.md-mv h2 {
  color: #fff;
  font-size: 1.9rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.016em;
  line-height: 1.6;
  position: absolute;
  top: 75px;
  left: 76px;
  z-index: 1000;
  pointer-events: none;
}
@media only screen and (max-width: 769px) {
  .md-mv h2 {
    font-size: 1.7rem;
    top: 44%;
    left: 28px;
  }
}
.md-mv .slick-slide .is-pc {
  display: block;
}
@media only screen and (max-width: 769px) {
  .md-mv .slick-slide .is-pc {
    display: none;
  }
}
.md-mv .slick-slide .is-sp {
  display: none;
}
@media only screen and (max-width: 769px) {
  .md-mv .slick-slide .is-sp {
    display: block;
  }
}
.md-mv .top-mainvisual {
  border-radius: 5px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  font-size: 0;
}
@media only screen and (max-width: 769px) {
  .md-mv .top-mainvisual {
    height: 100%;
  }
}
.md-mv .top-mainvisual::before {
  content: "";
  display: none;
  padding-top: 100%;
}
.md-mv .top-mainvisual img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 769px) {
  .md-mv .top-mainvisual.is-sp-none::before {
    display: block;
  }
}
@media only screen and (max-width: 769px) {
  .md-mv .top-mainvisual.is-sp-none img {
    display: none;
  }
}
.md-mv .slick-dots {
  position: absolute;
  width: 100%;
  bottom: 25px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.md-mv .slick-dots li {
  padding: 0 8px;
}
.md-mv .slick-dots button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  text-indent: 108%;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 769px) {
  .md-mv .slick-dots button {
    width: 8px;
    height: 8px;
  }
}
.md-mv .slick-dots .slick-active button {
  background-color: #939393;
}

.btn-more-list {
  display: none;
  width: 200px;
  height: 50px;
  background: #9AA58F;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  font-size: 1.6rem;
  line-height: 50px;
  text-align: center;
  font-weight: 500;
  margin: 20px auto 0 auto;
  cursor: pointer;
}
.btn-more-list a {
  display: block;
  color: #fff;
}
@media only screen and (max-width: 769px) {
  .btn-more-list {
    display: block;
  }
}

.md-top-pickup {
  margin-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup {
    background-image: url(bg-top-pickup-sp.jpg);
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
.md-top-pickup .pickup-header {
  background-image: url(bg-top-pickup.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 47%;
  position: relative;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-header {
    background-image: none;
    padding-top: 37.6425855513%;
  }
}
.md-top-pickup .pickup-header .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 80.2342606149%;
  max-width: 1096px;
  position: absolute;
  top: 36%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-header .txt {
    display: block;
    position: static;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    padding-left: 26px;
    padding-right: 26px;
    width: 100%;
  }
}
.md-top-pickup .pickup-header .txt h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 4rem;
  color: #F7F6ED;
  margin-bottom: 0.5em;
  line-height: 1.2;
  text-shadow: 0px 1px 6px rgba(63, 62, 59, 0.8);
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-header .txt h2 {
    font-size: 3.2rem;
  }
}
.md-top-pickup .pickup-header .txt p {
  font-family: "Shippori Antique", sans-serif;
  font-size: 1.5rem;
  color: #F7F6ED;
  margin-bottom: 2em;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-shadow: 0px 1px 6px rgba(63, 62, 59, 0.8);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-header .txt p {
    font-size: 1.3rem;
  }
}
.md-top-pickup .pickup-header .txt h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.2rem;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.016em;
  padding-bottom: 1em;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-header .txt h3 {
    display: none;
  }
}
.md-top-pickup .pickup-container {
  z-index: 1;
  position: relative;
  max-width: 1290px;
  margin: -270px auto 0 auto;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container {
    margin: 0 auto;
    padding-top: 10px;
    padding-right: 9px;
    padding-left: 9px;
  }
}
.md-top-pickup .pickup-container .section-ttl {
  text-align: left;
  color: #fff;
  margin-bottom: 1em;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .section-ttl {
    color: #3F3E3B;
    text-align: center;
  }
}
.md-top-pickup .pickup-container .scene-list {
  position: relative;
  width: 100%;
  padding-top: 116.875%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .scene-list {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.md-top-pickup .pickup-container .tag {
  position: absolute;
  top: -1px;
  left: 16px;
  z-index: 10;
  width: 64px;
  background: rgb(154, 165, 143);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(154, 165, 143)), to(rgb(129, 141, 117)));
  background: -webkit-linear-gradient(top, rgb(154, 165, 143) 0%, rgb(129, 141, 117) 100%);
  background: linear-gradient(180deg, rgb(154, 165, 143) 0%, rgb(129, 141, 117) 100%);
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .tag {
    left: 8px;
  }
}
.md-top-pickup .pickup-container .tag h2 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  color: #E8EBEC;
  text-align: center;
  padding-top: 26px;
  padding-bottom: 25px;
  margin-bottom: 0;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .tag h2 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.md-top-pickup .pickup-container .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
}
.md-top-pickup .pickup-container .img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(63, 62, 59, 0.24);
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .img::before {
    opacity: 0;
    visibility: hidden;
  }
}
.md-top-pickup .pickup-container .img .hover-txt {
  font-size: 2rem;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 3;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .img .hover-txt {
    font-size: 1.3rem;
    opacity: 1;
    visibility: visible;
  }
}
.md-top-pickup .pickup-container .img img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
.md-top-pickup .pickup-container .img img.is-on {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.md-top-pickup .pickup-container .pickup-txt {
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container .pickup-txt {
    font-size: 1.3rem;
    padding-top: 4px;
    padding-bottom: 10px;
  }
}
.md-top-pickup .pickup-container li {
  position: absolute;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li {
    position: static;
    margin: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
  }
}
.md-top-pickup .pickup-container li a {
  display: block;
}
.md-top-pickup .pickup-container li .pickup-box {
  display: block;
  position: relative;
}
.md-top-pickup .pickup-container li .pickup-box:hover {
  opacity: 1;
}
.md-top-pickup .pickup-container li .pickup-box:hover .img::before,
.md-top-pickup .pickup-container li .pickup-box:hover .img .hover-txt {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li .pickup-box:hover .img::before,
.md-top-pickup .pickup-container li .pickup-box:hover .img .hover-txt {
    opacity: 0;
    visibility: hidden;
  }
}
.md-top-pickup .pickup-container li .pickup-box:hover .img img.is-on {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li .pickup-box:hover .img img.is-on {
    opacity: 0;
    visibility: hidden;
  }
}
.md-top-pickup .pickup-container li .pickup-box::before {
  content: "";
  display: block;
}
.md-top-pickup .pickup-container li:nth-of-type(1) {
  top: 0;
  left: 0;
  width: 45.1937984496%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(1) {
    width: calc(50% - 8px);
    display: block;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(1) .pickup-box::before {
  padding-top: 104.1166%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(1) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(2) {
  top: 0;
  left: 45.8914728682%;
  width: 53.7209302326%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(2) {
    width: calc(50% - 8px);
    display: block;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(2) .pickup-box::before {
  padding-top: 48.6291%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(2) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(3) {
  width: 26.511627907%;
  top: 22.9801324503%;
  left: 45.8914728682%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(3) {
    width: calc(50% - 8px);
    display: block;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(3) .pickup-box::before {
  padding-top: 95.614%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(3) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(4) {
  width: 26.511627907%;
  top: 22.9801324503%;
  left: 73.1782945736%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(4) {
    width: calc(50% - 8px);
    display: block;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(4) .pickup-box::before {
  padding-top: 95.614%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(4) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(5) {
  width: 45.1937984496%;
  top: 40.9271523179%;
  left: 0;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(5) {
    width: calc(50% - 8px);
  }
}
.md-top-pickup .pickup-container li:nth-of-type(5) .pickup-box::before {
  padding-top: 72.7272%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(5) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(6) {
  width: 53.7209302326%;
  top: 45.3642384106%;
  left: 45.8914728682%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(6) {
    width: calc(50% - 8px);
  }
}
.md-top-pickup .pickup-container li:nth-of-type(6) .pickup-box::before {
  padding-top: 51.3708%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(6) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(7) {
  width: 33.2558139535%;
  top: 69.7350993377%;
  left: 0;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(7) {
    width: calc(50% - 8px);
  }
}
.md-top-pickup .pickup-container li:nth-of-type(7) .pickup-box::before {
  padding-top: 97.2027%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(7) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(8) {
  width: 32.3255813953%;
  top: 69.7350993377%;
  left: 34.1085271318%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(8) {
    width: calc(50% - 8px);
  }
}
.md-top-pickup .pickup-container li:nth-of-type(8) .pickup-box::before {
  padding-top: 100%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(8) .pickup-box::before {
    padding-top: 100%;
  }
}
.md-top-pickup .pickup-container li:nth-of-type(9) {
  width: 32.3255813953%;
  top: 69.7350993377%;
  left: 67.2868217054%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(9) {
    width: calc(50% - 8px);
  }
}
.md-top-pickup .pickup-container li:nth-of-type(9) .pickup-box::before {
  padding-top: 100%;
}
@media only screen and (max-width: 769px) {
  .md-top-pickup .pickup-container li:nth-of-type(9) .pickup-box::before {
    padding-top: 100%;
  }
}

.md-top-recommend-item {
  max-width: 1104px;
  margin: 0 auto 120px auto;
}
@media only screen and (max-width: 769px) {
  .md-top-recommend-item {
    margin: 0 auto 80px auto;
  }
}
.md-top-recommend-item .product-list li:nth-of-type(4) {
  display: none;
}
@media only screen and (max-width: 769px) {
  .md-top-recommend-item .product-list li:nth-of-type(4) {
    display: block;
  }
}

.md-top-ranking {
  max-width: 1104px;
  margin: 0 auto 120px auto;
}
@media only screen and (max-width: 769px) {
  .md-top-ranking {
    margin: 0 auto 80px auto;
  }
}
.md-top-ranking .product-list li:nth-of-type(4) {
  display: none;
}
@media only screen and (max-width: 769px) {
  .md-top-ranking .product-list li:nth-of-type(4) {
    display: block;
  }
}

.md-top-series {
  padding: 0 38px;
  max-width: 1366px;
  margin: 0 auto 180px auto;
}
@media only screen and (max-width: 769px) {
  .md-top-series {
    padding: 0 13px;
    margin-bottom: 80px;
  }
}
.md-top-series .img {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  height: 600px;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .md-top-series .img {
    height: auto;
  }
}
.md-top-series .img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(63, 62, 59, 0.8);
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 769px) {
  .md-top-series .img::before {
    background: rgba(63, 62, 59, 0.24);
    opacity: 1;
    visibility: visible;
  }
}
.md-top-series .img::after {
  content: "";
  display: block;
  padding-top: 46.9116%;
}
@media only screen and (max-width: 769px) {
  .md-top-series .img::after {
    display: none;
  }
}
.md-top-series .img .hover-txt {
  font-size: 2rem;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 3;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 769px) {
  .md-top-series .img .hover-txt {
    font-size: 1.3rem;
    opacity: 1;
    visibility: visible;
  }
}
.md-top-series .img img {
  position: absolute !important;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  height: auto;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 769px) {
  .md-top-series .img img {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    position: static !important;
  }
}
.md-top-series li {
  margin-bottom: 10px;
}
.md-top-series li a {
  display: block;
}
.md-top-series li a:hover .img::before {
  opacity: 1;
  visibility: visible;
}
.md-top-series li a:hover .hover-txt {
  opacity: 1;
  visibility: visible;
}
.md-journal {
  max-width: 1134px;
  margin: 0 auto 120px auto;
}
@media only screen and (max-width: 769px) {
  .md-journal {
    margin-bottom: 80px;
  }
}
.md-journal .journal-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .md-journal .journal-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 9px;
    padding-left: 9px;
  }
}
.md-journal .journal-list li {
  width: 31.5217391304%;
  margin: 0 1.3586956522%;
}
@media only screen and (max-width: 769px) {
  .md-journal .journal-list li {
    width: calc(50% - 8px);
    margin: 0 4px;
    margin-bottom: 32px;
  }
}
.md-journal .journal-list li:nth-of-type(4) {
  display: none;
}
@media only screen and (max-width: 769px) {
  .md-journal .journal-list li:nth-of-type(4) {
    display: block;
  }
}
.md-journal .journal-list li a {
  display: block;
}
.md-journal .img img {
  width: 100%;
  height: auto;
}
.md-journal .tags {
  font-size: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}
.md-journal .tags span {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #333333;
  background: #E5E3D3;
  text-align: center;
  padding: 4px 24px;
  margin: 4px;
}
.md-journal .article-title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.5;
  font-size: 1.6rem;
  margin-bottom: 1.6em;
  color: #3F3E3B;
}
.md-journal .article-excerpt {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #3F3E3B;
  margin-bottom: 2em;
}
.md-journal .journal-top-link {
  text-align: center;
  padding-top: 80px;
}
@media only screen and (max-width: 769px) {
  .md-journal .journal-top-link {
    padding-top: 10px;
  }
}
.md-journal .journal-top-link a {
  background: #9AA58F;
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.md-journal .journal-top-link a:hover {
  opacity: 0.6;
}

.product-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .product-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 9px;
    padding-left: 9px;
  }
}
.product-list li {
  width: 31.5217391304%;
  margin: 0 1.3586956522%;
}
@media only screen and (max-width: 769px) {
  .product-list li {
    width: calc(50% - 40px);
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 40px;
  }
}
.product-list li a {
  display: block;
}
.product-list .item-img {
  margin-bottom: 16px;
}
.product-list .item-img img {
  width: 100%;
  height: auto;
}
.product-list .item-name {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #3F3E3B;
}
@media only screen and (max-width: 769px) {
  .product-list .item-name {
    min-height: auto;
  }
}
.product-list .item-price {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8;
  color: #999;
  margin-bottom: 2em;
}

.journal-bg {
  background-image: url(bg-journal.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  width: 100%;
  padding-top: 60.2489%;
  margin-bottom: 180px;
}
.journal-bg:empty {
  display: block;
}

.md-top-instagram {
  margin-bottom: 180px;
}
@media only screen and (max-width: 769px) {
  .md-top-instagram .page-width {
    max-width: 100% !important;
    padding: 0 !important;
  }
}
.md-top-instagram .btn {
  padding-top: 20px;
}
.md-top-instagram .btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  .md-top-instagram .btn ul {
    display: block;
  }
}
.md-top-instagram .btn li {
  margin: 0 5px;
}
@media only screen and (max-width: 769px) {
  .md-top-instagram .btn li {
    text-align: center;
  }
}
.md-top-instagram .btn li a {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  display: inline-block;
  color: #fff;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
}
@media only screen and (max-width: 769px) {
  .md-top-instagram .btn li a {
    margin-bottom: 10px;
  }
}
.md-top-instagram .btn li a:hover {
  opacity: 0.6;
}
.md-top-instagram .btn li:first-of-type a {
  background: #3F3E3B;
}
.md-top-instagram .btn li:last-of-type a {
  background: #9AA58F;
}

#insta-feed {
  z-index: 1 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
@media only screen and (max-width: 769px) {
  #insta-feed {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    padding-right: 10px;
    padding-left: 10px;
  }
}
#insta-feed a {
  display: block !important;
  width: calc(33.3333% - 6px) !important;
  margin: 3px;
}
@media only screen and (max-width: 769px) {
  #insta-feed a {
    margin: 3px;
  }
}
#insta-feed .instafeed-container {
  width: 100% !important;
  padding-top: 100% !important;
}
#insta-feed .instafeed-container div {
  width: 100% !important;
  height: 100% !important;
}
#insta-feed .instafeed-container img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.md-top-banner {
  margin-top: 80px;
  margin-bottom: 40px;
  padding-right: 32px;
  padding-left: 32px;
  max-width: 1182px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 769px) {
  .md-top-banner {
    margin-top: 0;
    padding-right: 28px;
    padding-left: 28px;
  }
}
.md-top-banner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 769px) {
  .md-top-banner ul {
    display: block;
  }
}
.md-top-banner ul li {
  width: calc(50% - 10px);
  margin: 5px;
}
@media only screen and (max-width: 769px) {
  .md-top-banner ul li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
}
.md-top-banner ul li img {
  width: 100%;
  height: auto;
}
.md-top-banner ul a, .md-top-banner ul span {
  display: block;
}

.md-top-banner-col-1 {
  padding-top: 80px;
  padding-bottom: 40px;
  padding-right: 32px;
  padding-left: 32px;
  max-width: 1182px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 769px) {
  .md-top-banner-col-1 {
    margin-top: 0;
    padding-right: 28px;
    padding-left: 28px;
  }
}
.md-top-banner-col-1 ul li {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .md-top-banner-col-1 ul li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
}
.md-top-banner-col-1 ul li img {
  width: 100%;
  height: auto;
}
.md-top-banner-col-1 ul a,
.md-top-banner-col-1 ul span {
  display: block;
}
.md-top-banner-col-1 ul a:hover img,
.md-top-banner-col-1 ul span:hover img {
  opacity: 1 !important;
}

.journal-article-wrap {
  max-width: 1100px;
  margin-bottom: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .journal-article-wrap {
    display: block;
  }
}
.journal-article-wrap .journal-main {
  width: calc(100% - 406px);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (max-width: 769px) {
  .journal-article-wrap .journal-main {
    width: 100%;
  }
}
.journal-article-wrap .md-journal-sidebar {
  width: 287px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 769px) {
  .journal-article-wrap .md-journal-sidebar {
    margin: 0 auto;
  }
}
.journal-article-wrap .blog-select-wrap {
  margin-bottom: 45px;
}
.journal-article-wrap .blog-select-wrap select {
  width: 287px;
  height: 60px;
  font-size: 2rem;
  text-align: center;
  color: #3F3E3B;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-radius: 4px;
  border: 1px solid #E8EBEC;
}
.journal-article-wrap .journal-article-header {
  margin-top: 0 !important;
}
@media only screen and (max-width: 769px) {
  .journal-article-wrap .journal-article-header {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.journal-article-wrap .journal-article-date {
  font-size: 1.2rem;
  margin-bottom: 2em;
}
.journal-article-wrap .article-template__title {
  font-size: 2.6rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 120px !important;
}
@media only screen and (max-width: 769px) {
  .journal-article-wrap .journal-article-body {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.journal-article-wrap .journal-article-body img {
  max-width: 100%;
  height: auto;
  margin: 120px 0;
}
.journal-article-wrap .journal-article-body a {
  text-decoration: underline;
}
.journal-article-wrap .journal-article-body a:hover {
  text-decoration: none;
}
.journal-article-wrap .journal-article-body p {
  font-size: 1.4rem;
  line-height: 2.4;
}
.journal-article-wrap .journal-article-next-prev {
  position: relative;
  height: 60px;
}
@media only screen and (max-width: 769px) {
  .journal-article-wrap .journal-article-next-prev {
    margin-right: 28px;
    margin-left: 28px;
  }
}
.journal-article-wrap .journal-article-next-prev a {
  width: 60px;
  height: 60px;
  border: 1px solid #E8EBEC;
  border-radius: 5px;
  background: #fff;
  display: block;
  font-size: 0;
  position: absolute;
  top: 0;
}
.journal-article-wrap .journal-article-next-prev a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.journal-article-wrap .journal-article-next-prev .prev-btn {
  left: 0;
}
.journal-article-wrap .journal-article-next-prev .prev-btn::before {
  border-top: 2px solid #707070;
  border-left: 2px solid #707070;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.journal-article-wrap .journal-article-next-prev .next-btn {
  right: 0;
}
.journal-article-wrap .journal-article-next-prev .next-btn::before {
  border-top: 2px solid #707070;
  border-right: 2px solid #707070;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

@media only screen and (max-width: 769px) {
  .newer-journal {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.newer-journal a {
  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;
}
@media only screen and (max-width: 769px) {
  .newer-journal a {
    display: block;
  }
}
.newer-journal .img {
  width: 54.5454545455%;
  border-radius: 4px;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .newer-journal .img {
    width: 100%;
    margin-bottom: 40px;
  }
}
.newer-journal .img img {
  width: 100%;
  height: auto;
}
.newer-journal .txt {
  width: 36.9090909091%;
}
@media only screen and (max-width: 769px) {
  .newer-journal .txt {
    width: 100%;
  }
}
.newer-journal .txt h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
  color: #3F3E3B;
  line-height: 1.6;
  margin-bottom: 1.4em;
}
.newer-journal .txt p {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  color: #3F3E3B;
  margin-bottom: 2em;
}
.md-article-function {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  .md-article-function {
    display: block;
    text-align: center;
  }
}
.md-article-function .blog-select-wrap {
  margin: 0 40px;
}
@media only screen and (max-width: 769px) {
  .md-article-function .blog-select-wrap {
    margin: 0 0 40px 0;
  }
}
.md-article-function .blog-select-wrap select {
  width: 287px;
  height: 60px;
  font-size: 2rem;
  text-align: center;
  color: #3F3E3B;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-radius: 4px;
  border: 1px solid #E8EBEC;
}

.post-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 769px) {
  .post-list {
    margin: 0;
    padding-right: 9px;
    padding-left: 9px;
  }
}
.post-list .journal-post {
  width: calc(33.3333% - 30px);
  margin: 0 15px;
}
@media only screen and (max-width: 769.9px) {
  .post-list .journal-post {
    width: calc(50% - 8px);
    margin: 0 4px;
    margin-bottom: 50px;
  }
}
/* PC用のジャーナルの下側余白 */
@media screen and (min-width: 770px) {
  .post-list .journal-post {
    width: calc(50% - 8px);
    margin: 0 4px;
    margin-bottom: 50px;
  }
}
.post-list .img {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}
.post-list .img img {
  width: 100%;
  height: auto;
}
.post-list .txt h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #3F3E3B;
  margin-bottom: 1em;
}
.post-list .txt p {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.4rem;
  color: #3F3E3B;
  margin-bottom: 2em;
}

.pagination-wrapper {
  margin-top: 10em !important;
  margin-bottom: 100px;
}

.article-template__content {
  font-size: 1.4rem;
  color: #3F3E3B;
  line-height: 2;
}
.article-template__content a {
  text-decoration: underline;
}
.article-template__content a:hover {
  text-decoration: none;
}
.article-template__content img {
  max-width: 100%;
  margin: 1em 0;
}

.form-row {
  width: calc(753 / var(--width) * 100vw);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: calc(20 / var(--width) * 100vw) 0;
}
@media only screen and (max-width: 769px) {
  .form-row {
    width: auto;
    display: block;
  }
}
.form-row.align-item-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-row input {
  border: 1px solid #707070;
  outline: none;
  vertical-align: middle;
}
.form-row input[type=email],
.form-row input[type=text],
.form-row textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font-size: calc(16 / var(--width) * 100vw);
  padding: 5px 10px;
  border-radius: 4px;
}
.form-row textarea {
  border-radius: 4px;
  border: 1px solid #707070;
  outline: none;
}
.form-row label {
  display: block;
  font-size: calc(13 / var(--width) * 100vw);
  line-height: 2;
}
.form-row label span {
  display: inline-block;
  vertical-align: middle;
}
.form-row .form-name {
  width: calc(222 / var(--width) * 100vw);
  text-align: right;
  font-size: calc(16 / var(--width) * 100vw);
  padding-right: calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .form-row .form-name {
    width: auto;
    text-align: left;
    font-size: calc(14 / var(--width) * 100vw);
    margin-bottom: 10px;
  }
}
.form-row .form-input {
  width: calc(530 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .form-row .form-input {
    width: auto;
  }
}

.privacy-txt {
  margin-top: calc(93 / var(--width) * 100vw);
  background: #EDEDED;
  border: 5px;
  height: 20em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: calc(28 / var(--width) * 100vw) calc(60 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .privacy-txt {
    margin-top: calc(20 / var(--width) * 100vw);
    padding: calc(20 / var(--width) * 100vw);
  }
}
.privacy-txt h4 {
  text-align: center;
  font-size: calc(16 / var(--width) * 100vw);
  font-weight: bold;
  margin-bottom: calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .privacy-txt h4 {
    font-size: calc(14 / var(--width) * 100vw);
    margin-bottom: calc(10 / var(--width) * 100vw);
  }
}
.privacy-txt p {
  font-size: calc(14 / var(--width) * 100vw);
  margin-bottom: 2em;
}
@media only screen and (max-width: 769px) {
  .privacy-txt p {
    font-size: calc(12 / var(--width) * 100vw);
  }
}
.privacy-txt p strong {
  margin-bottom: 10px;
}
.privacy-txt ol {
  list-style: decimal;
  list-style-position: inside;
}
.privacy-txt ol li {
  margin-bottom: 2em;
  margin-left: 1.2em;
  text-indent: -1.2em;
}
.privacy-txt li {
  line-height: 1.8;
  font-size: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .privacy-txt li {
    font-size: calc(12 / var(--width) * 100vw);
  }
}
.privacy-txt div {
  line-height: 1.8;
  font-size: calc(14 / var(--width) * 100vw);
  margin-bottom: 1em;
}
.privacy-txt div + p {
  margin-top: 5em;
}

.privacy-check {
  text-align: center;
  padding-top: calc(24 / var(--width) * 100vw);
  padding-bottom: calc(65 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .privacy-check {
    padding-bottom: calc(24 / var(--width) * 100vw);
  }
}
.privacy-check input {
  width: calc(35 / var(--width) * 100vw);
  height: calc(35 / var(--width) * 100vw);
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (max-width: 769px) {
  .privacy-check input {
    width: calc(15 / var(--width) * 100vw);
    height: calc(15 / var(--width) * 100vw);
  }
}
.privacy-check label {
  font-size: calc(16 / var(--width) * 100vw);
  line-height: calc(35 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .privacy-check label {
    font-size: calc(12 / var(--width) * 100vw);
  }
}
.privacy-check label span {
  vertical-align: middle;
  display: inline-block;
  margin-left: calc(25 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .privacy-check label span {
    margin-left: calc(10 / var(--width) * 100vw);
  }
}

.form-submit {
  text-align: center;
}
.form-submit input {
  background: #000;
  color: #fff;
  font-size: calc(27 / var(--width) * 100vw);
  font-weight: bold;
  width: calc(520 / var(--width) * 100vw);
  height: calc(80 / var(--width) * 100vw);
  line-height: calc(70 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .form-submit input {
    width: 100%;
    height: auto;
    font-size: calc(18 / var(--width) * 100vw);
    line-height: 1;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.contact .body {
  width: calc(926 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .contact .body {
    width: auto;
  }
}

.product-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: calc(80 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .product-header {
    display: block;
    padding-right: calc(20 / var(--width) * 100vw);
    padding-left: calc(20 / var(--width) * 100vw);
  }
}

.social-product-sharing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 25px;
}
.social-product-sharing li {
  margin: 0 5px;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.social-product-sharing li:hover {
  opacity: 0.6;
}

.product-single__title {
  position: relative;
  font-size: calc(21 / var(--width) * 100vw);
  line-height: 1.6;
  padding-bottom: calc(25 / var(--width) * 100vw);
  margin-bottom: calc(25 / var(--width) * 100vw);
  color: #000;
  font-weight: bold;
}
@media only screen and (max-width: 769px) {
  .product-single__title {
    font-size: calc(18 / var(--width) * 100vw);
    padding-bottom: calc(20 / var(--width) * 100vw);
    margin-bottom: calc(20 / var(--width) * 100vw);
  }
}

.shopify-product-reviews-badge {
  margin-bottom: calc(22 / var(--width) * 100vw);
}

.spr-badge {
  display: block;
  margin-bottom: calc(22 / var(--width) * 100vw);
}

.form-part {
  margin-bottom: calc(98 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
  .form-part {
    margin-bottom: calc(40 / var(--width) * 100vw);
  }
}
.form-part input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.form-part input[type=number]::-webkit-inner-spin-button,
.form-part input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.form-part .number-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-part .number-input .quantity {
  width: calc(37 / var(--width) * 100vw);
  height: calc(37 / var(--width) * 100vw);
  background: #D5D5D5;
  border: 1px solid #656565;
  font-size: calc(16 / var(--width) * 100vw);
  text-align: center;
}
.form-part .number-input input.quantity {
  padding: 0;
}
.form-part .number-input .num-btn {
  width: calc(37 / var(--width) * 100vw);
  height: calc(37 / var(--width) * 100vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}
.form-part .number-input .num-btn.minus {
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
}
.form-part .number-input .num-btn.minus::before {
  content: "";
  border-top: 1px solid #000;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.form-part .number-input .num-btn.plus {
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
}
.form-part .number-input .num-btn.plus::before {
  content: "";
  border-top: 1px solid #000;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.form-part .number-input .num-btn.plus::after {
  content: "";
  border-left: 1px solid #000;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-part .number-input,
.form-part .number-input * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-part .form-group {
  width: 100%;
  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;
}
.form-part .form-quantity {
  font-size: calc(14 / var(--width) * 100vw);
  font-weight: bold;
  color: #000;
}

.btn-add-cart {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  background: #7D7D7D;
  outline: none;
  border: 1px solid #7D7D7D;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin-bottom: calc(9 / var(--width) * 100vw);
  cursor: pointer;
}
.btn-add-cart span {
  font-size: 1.8rem;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  padding-left: 45px;
  letter-spacing: 0.08em;
  background-image: url("./icon-add-cart.svg");
  background-repeat: no-repeat;
  background-position: left center;
}
.btn-add-cart:hover {
  opacity: 0.6;
}

.btn-add-favorite {
  background: #8FBF94;
  outline: none;
  border: 1px solid #8FBF94;
  color: #fff;
  font-size: calc(14 / var(--width) * 100vw);
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding-top: calc(17 / var(--width) * 100vw);
  padding-bottom: calc(17 / var(--width) * 100vw);
  cursor: pointer;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.btn-add-favorite:hover {
  opacity: 0.6;
}

.product-form__variants {
  display: none;
}

.product-form__input input[type=radio] + label {
  width: 28px !important;
  height: 28px !important;
  border: none !important;
  padding: 0 !important;
}
.product-form__input input[type=radio]:checked + label {
  padding: 0 !important;
}
.product-form__input input[type=radio]:checked + label::before {
  width: 36px;
  height: 36px;
  content: "";
  background: #fff !important;
  border: 1px solid #707070 !important;
  top: -4px;
  left: -4px;
}

.product__title h1 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 2rem;
  line-height: 1.4;
  color: #333;
}
@media only screen and (max-width: 769px) {
  .product__title h1 {
    font-size: 1.6rem;
  }
}

.price .price-item {
  font-size: 1.6rem;
  color: #333;
}

.product__description p {
  font-size: 1.4rem;
  color: #333;
}

.form__label {
  font-size: 1.3rem;
}

.option-row {
  margin-bottom: 2em;
}
.option-row p {
  font-size: 1.3rem;
}
.option-row input[type=checkbox] {
  outline: none;
  border: 1px solid #E3E3E3 !important;
}
.option-row input[type=text],
.option-row textarea,
.option-row select {
  width: 100%;
  font-size: 1.6rem;
  border: 1px solid #E3E3E3 !important;
}

.sample-img {
  padding-top: 14px;
  margin-bottom: 1em;
}
.sample-img ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sample-img li {
  margin-left: 15px;
}
.sample-img li:first-child {
  margin-left: 0;
}
.sample-img p {
  font-size: 1.1rem;
}

.line-item-property__field {
  margin-bottom: 0.4em;
}

.spb-productoptionswatchwrapper {
  font-size: 0;
}

.spb-productoptionswatch {
  border-radius: 50% !important;
}

.spb-productoptionswatchwrapper {
  position: relative;
}
.spb-productoptionswatchwrapper input[type=radio]:checked .spb-productoptionswatch {
  border: 1px solid #fff !important;
  -webkit-box-shadow: 0px 0px 0px 1px #707070 !important;
          box-shadow: 0px 0px 0px 1px #707070 !important;
}

.spb-productoptionswatchwrapper input[type=radio]:checked + .spb-productoptionswatch {
  border: 2px solid #fff !important;
  -webkit-box-shadow: 0px 0px 0px 1px #707070 !important;
          box-shadow: 0px 0px 0px 1px #707070 !important;
}

.spb-label-tooltip label {
  font-size: 1.3rem !important;
  line-height: 1.8 !important;
}
.spb-label-tooltip fieldset {
  font-size: 1.3rem !important;
}

.product-options-field-name {
  font-size: 1.3rem !important;
  margin-bottom: 0.6em !important;
}

.product-options-checkbox {
  width: 13px;
  height: 13px;
}
.product-options-checkbox + span {
  font-size: 1.3rem;
  cursor: pointer;
}

.product-options-control-container {
  margin-bottom: 30px !important;
}
.product-options-control-container textarea,
.product-options-control-container select,
.product-options-control-container input[type=text] {
  width: 100%;
  font-size: 1.2rem;
  padding: 1em;
}

.nontitle-options .product-options-field-name {
  font-size: 0 !important;
}
.nontitle-options .product-options-field-name span {
  cursor: pointer;
}
.nontitle-options label {
  font-size: 1.3rem !important;
  line-height: 1.8 !important;
}
.nontitle-options input[type=checkbox] {
  outline: none;
  border: 1px solid #E3E3E3 !important;
}
.nontitle-options input[type=text],
.nontitle-options textarea,
.nontitle-options select {
  width: 100%;
  font-size: 1.6rem;
  border: 1px solid #E3E3E3 !important;
}

.spb-select input,
.spb-select textarea,
.spb-select select {
  width: 100% !important;
  font-size: 1.2rem !important;
  border: 1px solid #E3E3E3 !important;
  padding: 1em;
}

#infiniteoptions-container {
  margin-bottom: 50px;
}
#infiniteoptions-container div {
  margin-bottom: 1em;
}
#infiniteoptions-container input[type=text],
#infiniteoptions-container textarea,
#infiniteoptions-container select {
  width: 100% !important;
  font-size: 1.2rem !important;
  border: 1px solid #E3E3E3 !important;
  padding: 1em;
}

.product {
  padding-bottom: 120px;
}

label {
  cursor: pointer;
}

.color-tip {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -130%);
          transform: translate(-50%, -130%);
  font-size: 1.2rem;
  width: auto;
  padding: 6px 12px;
  background: #000;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
}

.spb-productoptionswatch:hover .color-tip {
  opacity: 1;
  visibility: visible;
}

.product-options-colorpicker-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap;
}
.product-options-colorpicker-container .product-options-colorpicker {
  width: 34px !important;
  height: 34px !important;
  margin-right: 4px !important;
  margin-bottom: 4px !important;
  display: inline-block !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  overflow: hidden;
}
.product-options-colorpicker-container .product-options-colorpicker.colorpicker-selected {
  border: 1px solid #707070 !important;
}
.product-options-colorpicker-container .product-options-colorpicker .product-options-color-span {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  overflow: hidden;
}
.product-options-colorpicker-container .product-options-colorpicker .product-options-color-span::before, .product-options-colorpicker-container .product-options-colorpicker .product-options-color-span:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
}
.product-options-colorpicker-container .product-options-colorpicker .product-options-color-span:before {
  left: 0;
}
.product-options-colorpicker-container .product-options-colorpicker .product-options-color-span:after {
  right: 0;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#01 Mum & Dad"] .product-options-color-span:before {
  background: #005622;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#01 Mum & Dad"] .product-options-color-span:after {
  background: #FEB4B5;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#02 Tango des deux"] .product-options-color-span:before {
  background: #A2164F;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#02 Tango des deux"] .product-options-color-span:after {
  background: #230B7B;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#03 jour et nuit"] .product-options-color-span:before {
  background: #3B0C36;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#03 jour et nuit"] .product-options-color-span:after {
  background: #E55F20;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#04 mermaid story"] .product-options-color-span:before {
  background: #2BBDA6;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#04 mermaid story"] .product-options-color-span:after {
  background: #64175F;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#05 élan & allure"] .product-options-color-span:before {
  background: #69E1E9;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#05 élan & allure"] .product-options-color-span:after {
  background: #FEB4B5;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#06 Cozy Beach"] .product-options-color-span:before {
  background: #004679;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#06 Cozy Beach"] .product-options-color-span:after {
  background: #639CBE;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#07 Femme Fatale"] .product-options-color-span:before {
  background: #FF3471;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#07 Femme Fatale"] .product-options-color-span:after {
  background: #C6BBA0;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#08 Remember Me"] .product-options-color-span:before {
  background: #F0D432;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#08 Remember Me"] .product-options-color-span:after {
  background: #6C4728;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#09 Midnight in Paris"] .product-options-color-span:before {
  background: #3C3C3D;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#09 Midnight in Paris"] .product-options-color-span:after {
  background: #E1E1E1;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#10 Pool"] .product-options-color-span:before {
  background: #AC2828;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#10 Pool"] .product-options-color-span:after {
  background: #30A3E5;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#11 Calling You"] .product-options-color-span:before {
  background: #FBBCBC;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#11 Calling You"] .product-options-color-span:after {
  background: #5C4C77;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#13 Magic"] .product-options-color-span:before {
  background: #D991E0;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#13 Magic"] .product-options-color-span:after {
  background: #5B4645;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#14 Passion"] .product-options-color-span:before {
  background: #BC6E07;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#14 Passion"] .product-options-color-span:after {
  background: #F93F9C;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#15 Promise"] .product-options-color-span:before {
  background: #5AB9DC;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#15 Promise"] .product-options-color-span:after {
  background: #0A2A22;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#16 Secret"] .product-options-color-span:before {
  background: #94D8BA;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#16 Secret"] .product-options-color-span:after {
  background: #1F7D38;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#18 True Love"] .product-options-color-span:before {
  background: #e92b32;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#18 True Love"] .product-options-color-span:after {
  background: #e5a997;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ネイビー] .product-options-color-span:before {
  background: #1C1C1C;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ネイビー] .product-options-color-span:after {
  background: #151131;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×パープル] .product-options-color-span:before {
  background: #1C1C1C;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×パープル] .product-options-color-span:after {
  background: #40093F;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ブルー] .product-options-color-span:before {
  background: #1C1C1C;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ブルー] .product-options-color-span:after {
  background: #195087;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×グリーン] .product-options-color-span:before {
  background: #1C1C1C;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×グリーン] .product-options-color-span:after {
  background: #0B6121;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×ネイビー] .product-options-color-span:before {
  background: #644934;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×ネイビー] .product-options-color-span:after {
  background: #151131;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×パープル] .product-options-color-span:before {
  background: #644934;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×パープル] .product-options-color-span:after {
  background: #40093F;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×オレンジ] .product-options-color-span:before {
  background: #644934;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×オレンジ] .product-options-color-span:after {
  background: #E06A0A;
}

.product__description {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.8;
}

.product-form__input label:hover .color-tip {
  opacity: 1;
  visibility: visible;
}
.product-form__input input[type=radio] + label[title=シロ], .product-form__input input[type=radio] + label[title=ホワイト], .product-form__input input[type=radio]:checked + label[title=シロ], .product-form__input input[type=radio]:checked + label[title=ホワイト] {
  background-color: #fff;
}
.product-form__input input[type=radio] + label[title=シルバー], .product-form__input input[type=radio]:checked + label[title=シルバー] {
  background-color: #D3D3D3;
}
.product-form__input input[type=radio] + label[title=スモーク], .product-form__input input[type=radio]:checked + label[title=スモーク] {
  background-color: #4E4E4E;
}
.product-form__input input[type=radio] + label[title=チーク], .product-form__input input[type=radio]:checked + label[title=チーク] {
  background-color: #FAB4A1;
}
.product-form__input input[type=radio] + label[title=モス], .product-form__input input[type=radio]:checked + label[title=モス] {
  background-color: #006125;
}
.product-form__input input[type=radio] + label[title=ハニー], .product-form__input input[type=radio]:checked + label[title=ハニー] {
  background-color: #FFB72D;
}
.product-form__input input[type=radio] + label[title=シー], .product-form__input input[type=radio]:checked + label[title=シー] {
  background-color: #496B96;
}
.product-form__input input[type=radio] + label[title=リップ], .product-form__input input[type=radio]:checked + label[title=リップ] {
  background-color: #FF4F52;
}
.product-form__input input[type=radio] + label[title=ロマンス], .product-form__input input[type=radio]:checked + label[title=ロマンス] {
  background-color: #FF7695;
}
.product-form__input input[type=radio] + label[title=ミント], .product-form__input input[type=radio]:checked + label[title=ミント] {
  background-color: #5DD7B0;
}
.product-form__input input[type=radio] + label[title=ストーン], .product-form__input input[type=radio]:checked + label[title=ストーン] {
  background-color: #7D7E83;
}
.product-form__input input[type=radio] + label[title=フォレスト], .product-form__input input[type=radio]:checked + label[title=フォレスト] {
  background-color: #0C7874;
}
.product-form__input input[type=radio] + label[title=パウダー], .product-form__input input[type=radio]:checked + label[title=パウダー] {
  background-color: #FDFAC1;
  }
.product-form__input input[type=radio] + label[title=エトワール], .product-form__input input[type=radio]:checked + label[title=エトワール] {
  background-color: #ECA9EB;
}
.product-form__input input[type=radio] + label[title=マロン], .product-form__input input[type=radio]:checked + label[title=マロン] {
  background-color: #a87932;
}
.product-form__input input[type=radio] + label[title=アイス], .product-form__input input[type=radio]:checked + label[title=アイス] {
  background-color: #CEE3F6;
}
.product-form__input input[type=radio] + label[title=ナイトブルー], .product-form__input input[type=radio]:checked + label[title=ナイトブルー] {
  background-color: #2E3771;
}
.product-form__input input[type=radio] + label[title=スモーキーピンク], .product-form__input input[type=radio]:checked + label[title=スモーキーピンク] {
  background-color: #bf8fab;
}


/* plage */


.product-form__input input[type=radio] + label[title=white（プリント）], .product-form__input input[type=radio]:checked + label[title=white（プリント）] {
  background-color: #fff;
}
.product-form__input input[type=radio] + label[title=pink（プリント）], .product-form__input input[type=radio]:checked + label[title=pink（プリント）] {
  background-color: #F781BE
}
.product-form__input input[type=radio] + label[title=brown（プリント）], .product-form__input input[type=radio]:checked + label[title=brown（プリント）] {
  background-color: #B18904
}
.product-form__input input[type=radio] + label[title=sun（レッド）], .product-form__input input[type=radio]:checked + label[title=sun（レッド）] {
  background-color: #FE2E2E
}
.product-form__input input[type=radio] + label[title=ocean（ブルーグリーン） ], .product-form__input input[type=radio]:checked + label[title=ocean（ブルーグリーン） ] {
  background-color: #0B4C5F
}

/* plageここまで */


.product-form__input input[type=radio] + label[title=トープ], .product-form__input input[type=radio]:checked + label[title=トープ] {
  background-color: #ABA294;
}
.product-form__input input[type=radio] + label[title=テール], .product-form__input input[type=radio]:checked + label[title=テール] {
  background-color: #68330E;
}
.product-form__input input[type=radio] + label[title=ナイトグリーン], .product-form__input input[type=radio]:checked + label[title=ナイトグリーン] {
  background-color: #29531E;
}
.product-form__input input[type=radio] + label[title=ネイビー], .product-form__input input[type=radio]:checked + label[title=ネイビー] {
  background-color: #192961;
}
.product-form__input input[type=radio] + label[title=ベージュ], .product-form__input input[type=radio]:checked + label[title=ベージュ] {
  background-color: #E8D8C0;
}
.product-form__input input[type=radio] + label[title=ボルドー], .product-form__input input[type=radio]:checked + label[title=ボルドー] {
  background-color: #BC0B26;
}
.product-form__input input[type=radio] + label[title=アクアブルー], .product-form__input input[type=radio]:checked + label[title=アクアブルー] {
  background-color: #2DA2AF;
}
.product-form__input input[type=radio] + label[title=ローズ], .product-form__input input[type=radio]:checked + label[title=ローズ] {
  background-color: #CF5872;
}
.product-form__input input[type=radio] + label[title=カーキ], .product-form__input input[type=radio]:checked + label[title=カーキ] {
  background-color: #606D2D;
}
.product-form__input input[type=radio] + label[title=ソーダ], .product-form__input input[type=radio]:checked + label[title=ソーダ] {
  background-color: #3DD0AB;
}
.product-form__input input[type=radio] + label[title=ローズ×ホワイト], .product-form__input input[type=radio]:checked + label[title=ローズ×ホワイト] {
  background-color: #CF5872;
}
.product-form__input input[type=radio] + label[title=カーキ×ホワイト], .product-form__input input[type=radio]:checked + label[title=カーキ×ホワイト] {
  background-color: #606D2D;
}


.product-form__input input[type=radio] + label[title="#01 Mum & Dad"], .product-form__input input[type=radio]:checked + label[title="#01 Mum & Dad"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background-color: #005622;
}
.product-form__input input[type=radio] + label[title="#01 Mum & Dad"]:after, .product-form__input input[type=radio]:checked + label[title="#01 Mum & Dad"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #FEB4B5;
}
.product-form__input input[type=radio] + label[title="#02 Tango des deux"], .product-form__input input[type=radio]:checked + label[title="#02 Tango des deux"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #A2164F;
}
.product-form__input input[type=radio] + label[title="#02 Tango des deux"]:after, .product-form__input input[type=radio]:checked + label[title="#02 Tango des deux"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #230B7B;
}
.product-form__input input[type=radio] + label[title="#03 jour et nuit"], .product-form__input input[type=radio]:checked + label[title="#03 jour et nuit"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #3B0C36;
}
.product-form__input input[type=radio] + label[title="#03 jour et nuit"]:after, .product-form__input input[type=radio]:checked + label[title="#03 jour et nuit"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #E55F20;
}
.product-form__input input[type=radio] + label[title="#04 mermaid story"], .product-form__input input[type=radio]:checked + label[title="#04 mermaid story"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #2BBDA6;
}
.product-form__input input[type=radio] + label[title="#04 mermaid story"]:after, .product-form__input input[type=radio]:checked + label[title="#04 mermaid story"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #64175F;
}
.product-form__input input[type=radio] + label[title="#05 élan & allure"], .product-form__input input[type=radio]:checked + label[title="#05 élan & allure"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #69E1E9;
}
.product-form__input input[type=radio] + label[title="#05 élan & allure"]:after, .product-form__input input[type=radio]:checked + label[title="#05 élan & allure"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #FEB4B5;
}
.product-form__input input[type=radio] + label[title="#06 Cozy Beach"], .product-form__input input[type=radio]:checked + label[title="#06 Cozy Beach"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #004679;
}
.product-form__input input[type=radio] + label[title="#06 Cozy Beach"]:after, .product-form__input input[type=radio]:checked + label[title="#06 Cozy Beach"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #639CBE;
}
.product-form__input input[type=radio] + label[title="#07 Femme Fatale"], .product-form__input input[type=radio]:checked + label[title="#07 Femme Fatale"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #FF3471;
}
.product-form__input input[type=radio] + label[title="#07 Femme Fatale"]:after, .product-form__input input[type=radio]:checked + label[title="#07 Femme Fatale"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #C6BBA0;
}
.product-form__input input[type=radio] + label[title="#08 Remember Me"], .product-form__input input[type=radio]:checked + label[title="#08 Remember Me"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #F0D432;
}
.product-form__input input[type=radio] + label[title="#08 Remember Me"]:after, .product-form__input input[type=radio]:checked + label[title="#08 Remember Me"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #6C4728;
}
.product-form__input input[type=radio] + label[title="#09 Midnight in Paris"], .product-form__input input[type=radio]:checked + label[title="#09 Midnight in Paris"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #3C3C3D;
}
.product-form__input input[type=radio] + label[title="#09 Midnight in Paris"]:after, .product-form__input input[type=radio]:checked + label[title="#09 Midnight in Paris"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #E1E1E1;
}
.product-form__input input[type=radio] + label[title="#10 Pool"], .product-form__input input[type=radio]:checked + label[title="#10 Pool"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #AC2828;
}
.product-form__input input[type=radio] + label[title="#10 Pool"]:after, .product-form__input input[type=radio]:checked + label[title="#10 Pool"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #30A3E5;
}
.product-form__input input[type=radio] + label[title="#11 Calling You"], .product-form__input input[type=radio]:checked + label[title="#11 Calling You"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #FBBCBC;
}
.product-form__input input[type=radio] + label[title="#11 Calling You"]:after, .product-form__input input[type=radio]:checked + label[title="#11 Calling You"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #5C4C77;
}
.product-form__input input[type=radio] + label[title="#13 Magic"], .product-form__input input[type=radio]:checked + label[title="#13 Magic"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #D991E0;
}
.product-form__input input[type=radio] + label[title="#13 Magic"]:after, .product-form__input input[type=radio]:checked + label[title="#13 Magic"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #5B4645;
}
.product-form__input input[type=radio] + label[title="#14 Passion"], .product-form__input input[type=radio]:checked + label[title="#14 Passion"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #BC6E07;
}
.product-form__input input[type=radio] + label[title="#14 Passion"]:after, .product-form__input input[type=radio]:checked + label[title="#14 Passion"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #F93F9C;
}
.product-form__input input[type=radio] + label[title="#15 Promise"], .product-form__input input[type=radio]:checked + label[title="#15 Promise"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #5AB9DC;
}
.product-form__input input[type=radio] + label[title="#15 Promise"]:after, .product-form__input input[type=radio]:checked + label[title="#15 Promise"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #0A2A22;
}
.product-form__input input[type=radio] + label[title="#16 Secret"], .product-form__input input[type=radio]:checked + label[title="#16 Secret"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #94D8BA;
}
.product-form__input input[type=radio] + label[title="#16 Secret"]:after, .product-form__input input[type=radio]:checked + label[title="#16 Secret"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #1F7D38;
}
.product-form__input input[type=radio] + label[title="#18 True Love"], .product-form__input input[type=radio]:checked + label[title="#18 True Love"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #e92b32;
}
.product-form__input input[type=radio] + label[title="#18 True Love"]:after, .product-form__input input[type=radio]:checked + label[title="#18 True Love"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #e5a997;
}

.product-form__input input[type=radio] + label::before, .product-form__input input[type=radio]:checked + label::before {
  display: none;
}
.product-form__input input[type=radio] + label[title=L], .product-form__input input[type=radio] + label[title=M], .product-form__input input[type=radio]:checked + label[title=L], .product-form__input input[type=radio]:checked + label[title=M] {
  width: auto !important;
  height: auto !important;
}
.product-form__input input[type=radio] + label[title=L] .color-tip, .product-form__input input[type=radio] + label[title=M] .color-tip, .product-form__input input[type=radio]:checked + label[title=L] .color-tip, .product-form__input input[type=radio]:checked + label[title=M] .color-tip {
  opacity: 1;
  visibility: visible;
  position: static;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  color: #000;
  border: 1px solid #111;
  background: #fff;
}
.product-form__input input[type=radio]:checked + label[title=L] .color-tip, .product-form__input input[type=radio]:checked + label[title=M] .color-tip {
  color: #fff;
  background: #000;
}

/* And extra */

.product-form__input input[type=radio] + label[title="チーク×シー"], .product-form__input input[type=radio]:checked + label[title="チーク×シー"] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background-color: #FAB4A1;
}
.product-form__input input[type=radio] + label[title="チーク×シー"]:after, .product-form__input input[type=radio]:checked + label[title="チーク×シー"]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #496B96;
}


.product-form__input input[type=radio] + label[title="ベージュ×ピンク"], .product-form__input input[type=radio]:checked + label[title="ベージュ×ピンク"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#F2A2CF 0deg 180deg,#E8D8C0 180deg 360deg);
}


.product-form__input input[type=radio] + label[title="ベージュ×ピンク&オレンジ"], .product-form__input input[type=radio]:checked + label[title="ベージュ×ピンク&オレンジ"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#F2A2CF 0deg 90deg, #FA742B 90deg 180deg, #E8D8C0 180deg 360deg);
}

.product-form__input input[type=radio] + label[title="ベージュ×ピンク&ベージュ"], .product-form__input input[type=radio]:checked + label[title="ベージュ×ピンク&ベージュ"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#F2A2CF 0deg 90deg, #E8D8C0 90deg 180deg, #E8D8C0 180deg 360deg);
}

.product-form__input input[type=radio] + label[title="カーキ×ブラウン"], .product-form__input input[type=radio]:checked + label[title="カーキ×ブラウン"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#B37C41 0deg 180deg, #606D2D 180deg 360deg);
}

.product-form__input input[type=radio] + label[title="カーキ×ピンク&ブラウン"], .product-form__input input[type=radio]:checked + label[title="カーキ×ピンク&ブラウン"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#F2A2CF 0deg 90deg, #B37C41 90deg 180deg, #606D2D 180deg 360deg);
}

.product-form__input input[type=radio] + label[title="ローズ×ピンク"], .product-form__input input[type=radio]:checked + label[title="ローズ×ピンク"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#F2A2CF 0deg 180deg, #CF5872 180deg 360deg);
}

.product-form__input input[type=radio] + label[title="ローズ×ピンク&ベージュ"], .product-form__input input[type=radio]:checked + label[title="ローズ×ピンク&ベージュ"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#E8D8C0 0deg 90deg, #F2A2CF 90deg 180deg, #CF5872 180deg 360deg);
}

.product-form__input input[type=radio] + label[title="グリーン×グレー＋ダークグレイ"], .product-form__input input[type=radio]:checked + label[title="グリーン×グレー＋ダークグレイ"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#51585F 0deg 180deg, #B9B8AE 180deg 270deg, #51BBA7 270deg 360deg);
}

.product-form__input input[type=radio] + label[title="グリーン×ホワイト＋ネーブル"], .product-form__input input[type=radio]:checked + label[title="グリーン×ホワイト＋ネーブル"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#EE7745 0deg 180deg, #fff 180deg 270deg, #51BBA7 270deg 360deg);
}

.product-form__input input[type=radio] + label[title="イエロー×ホワイト＋ゴールド"], .product-form__input input[type=radio]:checked + label[title="イエロー×ホワイト＋ゴールド"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#FAC12D 0deg 180deg, #fff 180deg 270deg, #F4E500 270deg 360deg);
}

.product-form__input input[type=radio] + label[title="イエロー×グレー＋イエロー"], .product-form__input input[type=radio]:checked + label[title="イエロー×グレー＋イエロー"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#FFFF28 0deg 180deg, #B9B8AE 180deg 270deg, #F4E500 270deg 360deg);
}

.product-form__input input[type=radio] + label[title="イエロー×グレー＋コートオリーブ"], .product-form__input input[type=radio]:checked + label[title="イエロー×グレー＋コートオリーブ"] {
position: relative;
display: inline-block;
width: 28px; !important;
height: 28px; !important;
border-radius: 50%; !important;
background-image: conic-gradient(#50542D 0deg 180deg, #B9B8AE 180deg 270deg, #F4E500 270deg 360deg);
}



/* 辻さんカラーセット */
.product-form__input input[type=radio] + label[title=ブラック×ネイビー],
.product-form__input input[type=radio]:checked + label[title=ブラック×ネイビー] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #1C1C1C;
}

.product-form__input input[type=radio] + label[title=ブラック×ネイビー]:after,
.product-form__input input[type=radio]:checked + label[title=ブラック×ネイビー]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #151131;
}

.product-form__input input[type=radio] + label[title=ブラック×パープル],
.product-form__input input[type=radio]:checked + label[title=ブラック×パープル] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #1C1C1C;
}

.product-form__input input[type=radio] + label[title=ブラック×パープル]:after,
.product-form__input input[type=radio]:checked + label[title=ブラック×パープル]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #40093F;
}

.product-form__input input[type=radio] + label[title=ブラック×ブルー],
.product-form__input input[type=radio]:checked + label[title=ブラック×ブルー] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #1C1C1C;
}

.product-form__input input[type=radio] + label[title=ブラック×ブルー]:after,
.product-form__input input[type=radio]:checked + label[title=ブラック×ブルー]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #195087;
}

.product-form__input input[type=radio] + label[title=ブラック×グリーン],
.product-form__input input[type=radio]:checked + label[title=ブラック×グリーン] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #1C1C1C;
}

.product-form__input input[type=radio] + label[title=ブラック×グリーン]:after,
.product-form__input input[type=radio]:checked + label[title=ブラック×グリーン]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #0B6121;
}

.product-form__input input[type=radio] + label[title=ブラウン×ネイビー],
.product-form__input input[type=radio]:checked + label[title=ブラウン×ネイビー] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #644934;
}

.product-form__input input[type=radio] + label[title=ブラウン×ネイビー]:after,
.product-form__input input[type=radio]:checked + label[title=ブラウン×ネイビー]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #151131;
}

.product-form__input input[type=radio] + label[title=ブラウン×パープル],
.product-form__input input[type=radio]:checked + label[title=ブラウン×パープル] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #644934;
}

.product-form__input input[type=radio] + label[title=ブラウン×パープル]:after,
.product-form__input input[type=radio]:checked + label[title=ブラウン×パープル]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #40093F;
}

.product-form__input input[type=radio] + label[title=ブラウン×オレンジ],
.product-form__input input[type=radio]:checked + label[title=ブラウン×オレンジ] {
  position: relative;
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #644934;
}

.product-form__input input[type=radio] + label[title=ブラウン×オレンジ]:after,
.product-form__input input[type=radio]:checked + label[title=ブラウン×オレンジ]:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  border-radius: 0 100% 100% 0%/0 50% 50% 0;
  background: #E06A0A;
}

@media only screen and (max-width: 769px) {
  .product__media-icon {
    display: none !important;
  }
}

@media only screen and (max-width: 769px) {
  .product__media-toggle {
    pointer-events: none !important;
  }
}

img.mfp-img {
  padding: 0 0 40px 0 !important;
}

@media only screen and (max-width: 769px) {
  .mfp-content {
    max-width: 70% !important;
  }
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  right: 0 !important;
  font-size: 5rem;
}

.w3-product-options input[type=radio] + span {
  display: inline-block;
  padding: 10px 2px;
  font-size: 1.3rem;
  vertical-align: baseline;
}

@media only screen and (max-width: 769px) {
  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }
}

.slider-mobile-gutter {
  position: relative;
}

.main-product-slider-buttons {
  position: absolute;
  bottom: 30px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .main-product-slider-buttons {
    display: none;
  }
}
.main-product-slider-buttons button {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #9AA58F;
  outline: none;
}
.main-product-slider-buttons button path {
  fill: #9AA58F;
}
.product-options-colorpicker-container .product-options-colorpicker[data-tip="#10 Pool"] .product-options-color-span:before {
  background: #AC2828;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip="#10 Pool"] .product-options-color-span:after {
  background: #30A3E5;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip="#11 Calling You"] .product-options-color-span:before {
  background: #FBBCBC;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip="#11 Calling You"] .product-options-color-span:after {
  background: #5C4C77;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ネイビー] .product-options-color-span:before {
  background: #1C1C1C;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ネイビー] .product-options-color-span:after {
  background: #151131;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×パープル] .product-options-color-span:before {
  background: #1C1C1C;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×パープル] .product-options-color-span:after {
  background: #40093F;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ブルー] .product-options-color-span:before {
  background: #1C1C1C;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×ブルー] .product-options-color-span:after {
  background: #195087;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×グリーン] .product-options-color-span:before {
  background: #1C1C1C;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラック×グリーン] .product-options-color-span:after {
  background: #0B6121;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×ネイビー] .product-options-color-span:before {
  background: #644934;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×ネイビー] .product-options-color-span:after {
  background: #151131;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×パープル] .product-options-color-span:before {
  background: #644934;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×パープル] .product-options-color-span:after {
  background: #40093F;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×オレンジ] .product-options-color-span:before {
  background: #644934;
}

.product-options-colorpicker-container .product-options-colorpicker[data-tip=ブラウン×オレンジ] .product-options-color-span:after {
  background: #E06A0A;
}

.pre-order-notes {
  padding-top: 1em;
  padding-bottom: 2em;
  font-size: 1.5rem;
}

.md-page-olsia {
  background: #F7F6ED;
}
.md-page-olsia .olsia-index-wrap {
  padding: 38px 38px 120px 38px;
}
@media only screen and (max-width: 769px) {
  .md-page-olsia .olsia-index-wrap {
    padding: 20px 9px 120px 9px;
  }
}
.md-page-olsia .olsia-index-grid {
  display: grid;
  gap: 20px;
  grid-template-rows: 400px 400px 400px;
  grid-template-rows: 400px 400px 400px;
}
@media only screen and (max-width: 769px) {
  .md-page-olsia .olsia-index-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.md-page-olsia .index-box {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 769px) {
  .md-page-olsia .index-box {
    margin-bottom: 0px;
    width: calc(50% - 10px);
    padding-right: 4px;
    padding-left: 4px;
  }
}
.md-page-olsia .index-box a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-page-olsia .index-box a::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
.md-page-olsia .index-box .index-ttl {
  position: absolute;
  top: 44%;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
  color: #fff;
  font-size: 2rem;
}
@media only screen and (max-width: 769px) {
  .md-page-olsia .index-box .index-ttl {
    font-size: 1.3rem;
  }
}
.md-page-olsia .index-box .index-ttl small {
  display: block;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.016em;
}
@media only screen and (max-width: 769px) {
  .md-page-olsia .index-box .index-ttl small {
    font-size: 1.3rem;
  }
}
.md-page-olsia .index-box .img {
  position: relative;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
}
.md-page-olsia .index-box .img img {
  width: 100%;
  height: auto;
}
.md-page-olsia .index-box:nth-of-type(1) {
  grid-column: 1/4;
  grid-row: 1/2;
  background-image: url(img-olsia-index-1.jpg);
}
.md-page-olsia .index-box:nth-of-type(2) {
  grid-column: 1/2;
  grid-row: 2/4;
  background-image: url(img-olsia-index-2.jpg);
}
.md-page-olsia .index-box:nth-of-type(3) {
  grid-column: 2/4;
  grid-row: 2/3;
  background-image: url(img-olsia-index-3.jpg);
}
.md-page-olsia .index-box:nth-of-type(4) {
  grid-column: 2/3;
  grid-row: 3/4;
  background-image: url(img-olsia-index-4.jpg);
}
.md-page-olsia .index-box:nth-of-type(5) {
  grid-column: 3/4;
  grid-row: 3/4;
  background-image: url(img-olsia-index-6.jpg);
}

.md-page-header {
  background: #fff;
  position: relative;
  padding-left: 38px;
  padding-bottom: 38px;
  padding-right: 38px;
}
@media only screen and (max-width: 769px) {
  .md-page-header {
    padding-left: 0px;
    padding-bottom: 38px;
    padding-right: 0px;
  }
}
.md-page-header .tag {
  position: absolute;
  top: -1px;
  left: 143px;
  z-index: 10;
  width: 64px;
  background: rgb(154, 165, 143);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(154, 165, 143)), to(rgb(129, 141, 117)));
  background: -webkit-linear-gradient(top, rgb(154, 165, 143) 0%, rgb(129, 141, 117) 100%);
  background: linear-gradient(180deg, rgb(154, 165, 143) 0%, rgb(129, 141, 117) 100%);
}
@media only screen and (max-width: 769px) {
  .md-page-header .tag {
    left: 20px;
  }
}
.md-page-header .tag h1 {
  font-family: "Shippori Antique", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  color: #3F3E3B;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 20px;
  margin-bottom: 0;
}
@media only screen and (max-width: 769px) {
  .md-page-header .tag h1 {
    padding-top: 12px;
    padding-bottom: 10px;
  }
}
.md-page-header .tag small {
  padding-top: 10px;
  font-family: "Inter", sans-serif;
  display: block;
  color: #E8EBEC;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
}
.md-page-header .img {
  position: relative;
  z-index: 0;
  border-radius: 5px;
  overflow: hidden;
}
.md-page-header .img img {
  width: 100%;
  height: auto;
}

.md-local-nav {
  margin-bottom: 100px;
}
@media only screen and (max-width: 769px) {
  .md-local-nav {
    margin-bottom: 0;
  }
}
.md-local-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  .md-local-nav ul {
    padding-bottom: 20px;
  }
}
.md-local-nav li {
  text-align: center;
  width: 16%;
}
@media only screen and (max-width: 769px) {
  .md-local-nav li {
    width: auto;
    margin-bottom: 2em;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
  }
  .md-local-nav li::before {
    content: "";
    height: 100%;
    border-left: 1px solid #E8EBEC;
    position: absolute;
    top: 0;
    left: 0;
  }
  .md-local-nav li:first-child::before, .md-local-nav li:last-child::before {
    display: none;
  }
  .md-local-nav li:last-child a {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid #3F3E3B;
  }
}
.md-local-nav li a {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  color: #3F3E3B;
  letter-spacing: 0.05em;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-local-nav li a {
    padding-bottom: 10px;
  }
  .md-local-nav li a::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #9aa58f transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.md-local-nav li a small {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  display: block;
  padding-top: 4px;
  font-size: 1.1rem;
  letter-spacing: 0em;
  color: #A0AA96;
}
@media only screen and (max-width: 769px) {
  .md-local-nav li a small {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #2F2725;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 769px) {
  .md-local-nav li:last-child {
    width: 100%;
  }
  .md-local-nav li:last-child a small {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  }
  .md-local-nav li:last-child a::before {
    display: none;
  }
}

.section-title {
  font-size: 2.6rem;
  font-family: "Inter", sans-serif;
  text-align: center;
  margin-bottom: 2em;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.section-sub {
  font-size: 2rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  text-align: center;
  margin-bottom: 2em;
  font-weight: 500;
}

.md-gift-scene {
  padding-right: 38px;
  padding-left: 38px;
  margin-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene {
    padding-right: 9px;
    padding-left: 9px;
  }
}
.md-gift-scene .scene-list {
  position: relative;
  width: 100%;
  padding-top: 80.155%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene .scene-list {
    padding-top: 0;
  }
}
.md-gift-scene h3 {
  font-size: 2rem;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 3;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene h3 {
    font-size: 1.3rem;
  }
}
.md-gift-scene .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
}
.md-gift-scene .img img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.md-gift-scene .img img.is-on {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.md-gift-scene li {
  position: absolute;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li {
    position: static;
    margin: 4px;
  }
}
.md-gift-scene li a {
  display: block;
  position: relative;
}
.md-gift-scene li a::before {
  content: "";
  display: block;
}
.md-gift-scene li:nth-of-type(1) {
  top: 0;
  left: 0;
  width: 45.5813953488%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(1) {
    width: calc(50% - 8px);
  }
}
.md-gift-scene li:nth-of-type(1) a::before {
  padding-top: 103.2312%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(1) a::before {
    padding-top: 100%;
  }
}
.md-gift-scene li:nth-of-type(2) {
  top: 0;
  left: 46.3565891473%;
  width: 53.7209302326%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(2) {
    width: calc(50% - 8px);
  }
}
.md-gift-scene li:nth-of-type(2) a::before {
  padding-top: 48.6291%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(2) a::before {
    padding-top: 100%;
  }
}
.md-gift-scene li:nth-of-type(3) {
  width: 26.6666666667%;
  top: 33.6557059961%;
  left: 46.3565891473%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(3) {
    width: calc(50% - 8px);
  }
}
.md-gift-scene li:nth-of-type(3) a::before {
  padding-top: 75%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(3) a::before {
    padding-top: 100%;
  }
}
.md-gift-scene li:nth-of-type(4) {
  width: 26.2790697674%;
  top: 33.6557059961%;
  left: 73.7984496124%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(4) {
    width: calc(50% - 8px);
  }
}
.md-gift-scene li:nth-of-type(4) a::before {
  padding-top: 76.1061%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(4) a::before {
    padding-top: 100%;
  }
}
.md-gift-scene li:nth-of-type(5) {
  width: 33%;
  top: 59.6711798839%;
  left: 0;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(5) {
    width: calc(50% - 8px);
  }
}
.md-gift-scene li:nth-of-type(5) a::before {
  padding-top: 97.2027%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(5) a::before {
    padding-top: 100%;
  }
}
.md-gift-scene li:nth-of-type(6) {
  width: 32.3255813953%;
  top: 59.6711798839%;
  left: 34.1085271318%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(6) {
    width: calc(50% - 8px);
  }
}
.md-gift-scene li:nth-of-type(6) a::before {
  padding-top: 99.2857%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(6) a::before {
    padding-top: 100%;
  }
}
.md-gift-scene li:nth-of-type(7) {
  width: 32.3255813953%;
  top: 59.6711798839%;
  left: 67.2868217054%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(7) {
    width: calc(50% - 8px);
  }
}
.md-gift-scene li:nth-of-type(7) a::before {
  padding-top: 99.2857%;
}
@media only screen and (max-width: 769px) {
  .md-gift-scene li:nth-of-type(7) a::before {
    padding-top: 100%;
  }
}

.md-gift-category {
  padding-top: 110px;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  background: #F7F6ED;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-gift-category {
    padding-right: 13px;
    padding-left: 13px;
  }
}
.md-gift-category .sizes {
  max-width: 830px;
  margin: 0 auto;
}
.md-gift-category .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px;
}
@media only screen and (max-width: 769px) {
  .md-gift-category .category-list {
    margin: 0;
    margin-bottom: 50px;
  }
}
.md-gift-category .category-list li {
  position: relative;
  width: 33.1007751938%;
  padding: 5px;
}
@media only screen and (max-width: 769px) {
  .md-gift-category .category-list li {
    width: 50%;
  }
}
.md-gift-category .category-list li .img {
  border-radius: 5px;
  overflow: hidden;
  padding-top: 53.3333%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.md-gift-category .category-list li:nth-of-type(1) {
  width: 49.6124031008%;
}
@media only screen and (max-width: 769px) {
  .md-gift-category .category-list li:nth-of-type(1) {
    width: 50%;
  }
}
.md-gift-category .category-list li:nth-of-type(1) .img {
  padding-top: 52.6562%;
}
.md-gift-category .category-list li:nth-of-type(2) {
  width: 49.6124031008%;
}
@media only screen and (max-width: 769px) {
  .md-gift-category .category-list li:nth-of-type(2) {
    width: 50%;
  }
}
.md-gift-category .category-list li:nth-of-type(2) .img {
  padding-top: 52.6562%;
}
.md-gift-category .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 2rem;
  color: #fff;
  line-height: 1.6;
}
@media only screen and (max-width: 769px) {
  .md-gift-category .category-list li h3 {
    font-size: 1.3rem;
  }
}
.md-gift-category .category-list li h3 small {
  font-size: 1.5rem;
}
@media only screen and (max-width: 769px) {
  .md-gift-category .category-list li h3 small {
    font-size: 1.3rem;
    display: block;
  }
}
.md-gift-category .category-list .img img {
  width: 100%;
  height: auto;
}

.md-gift-series {
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-gift-series {
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 40px;
    margin-bottom: 0px;
  }
}
.md-gift-series .category-list li {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.md-gift-series .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  font-size: 2rem;
  color: #fff;
  padding: 0 98px;
  text-align: right;
}
@media only screen and (max-width: 769px) {
  .md-gift-series .category-list li h3 {
    text-align: center;
    font-size: 1.3rem;
  }
}
.md-gift-series .category-list li:nth-child(2n) h3 {
  text-align: left;
}
@media only screen and (max-width: 769px) {
  .md-gift-series .category-list li:nth-child(2n) h3 {
    text-align: center;
  }
}
.md-gift-series .category-list .img img {
  width: 100%;
  height: auto;
}

.md-gift-all {
  padding-top: 110px;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  background: #F7F6ED;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-gift-all {
    padding-top: 40px;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.md-gift-all .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
@media only screen and (max-width: 769px) {
  .md-gift-all .category-list {
    margin: 0;
  }
}
.md-gift-all .category-list li {
  position: relative;
  width: 100%;
  margin: 0 5px;
}
@media only screen and (max-width: 769px) {
  .md-gift-all .category-list li {
    margin: 0;
    margin-bottom: 13px;
  }
}
.md-gift-all .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 2rem;
  color: #fff;
}
@media only screen and (max-width: 769px) {
  .md-gift-all .category-list li h3 {
    font-size: 1.3rem;
  }
}
.md-gift-all .category-list .img img {
  width: 100%;
  height: auto;
}

.md-gift-about-gift {
  padding-top: 110px;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-gift-about-gift {
    padding-top: 40px;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 40px;
    margin-bottom: 200px;
  }
}
.md-gift-about-gift .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
@media only screen and (max-width: 769px) {
  .md-gift-about-gift .category-list {
    margin: 0;
  }
}
.md-gift-about-gift .category-list li {
  position: relative;
  width: 100%;
  margin: 0 5px;
}
@media only screen and (max-width: 769px) {
  .md-gift-about-gift .category-list li {
    margin: 0;
  }
}
.md-gift-about-gift .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 2rem;
  color: #fff;
}
@media only screen and (max-width: 769px) {
  .md-gift-about-gift .category-list li h3 {
    font-size: 1.3rem;
  }
}
.md-gift-about-gift .category-list .img img {
  width: 100%;
  height: auto;
}

.md-select-category {
  padding-top: 110px;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-select-category {
    padding-right: 13px;
    padding-left: 13px;
  }
}
.md-select-category .sizes {
  max-width: 830px;
  margin: 0 auto;
}
.md-select-category .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px;
}
@media only screen and (max-width: 769px) {
  .md-select-category .category-list {
    margin: 0 0 50px 0;
  }
}
.md-select-category .category-list li {
  position: relative;
  width: 33.1007751938%;
  padding: 5px;
}
@media only screen and (max-width: 769px) {
  .md-select-category .category-list li {
    width: 50%;
  }
}
.md-select-category .category-list li .img {
  border-radius: 5px;
  overflow: hidden;
  padding-top: 53.3333%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.md-select-category .category-list li:nth-of-type(1) {
  width: 49.6124031008%;
}
@media only screen and (max-width: 769px) {
  .md-select-category .category-list li:nth-of-type(1) {
    width: 50%;
  }
}
.md-select-category .category-list li:nth-of-type(1) .img {
  padding-top: 52.6562%;
}
.md-select-category .category-list li:nth-of-type(2) {
  width: 49.6124031008%;
}
@media only screen and (max-width: 769px) {
  .md-select-category .category-list li:nth-of-type(2) {
    width: 50%;
  }
}
.md-select-category .category-list li:nth-of-type(2) .img {
  padding-top: 52.6562%;
}
.md-select-category .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 2rem;
  color: #fff;
  line-height: 1.6;
}
@media only screen and (max-width: 769px) {
  .md-select-category .category-list li h3 {
    font-size: 1.3rem;
  }
}
.md-select-category .category-list li h3 small {
  font-size: 1.5rem;
}
@media only screen and (max-width: 769px) {
  .md-select-category .category-list li h3 small {
    font-size: 1.3rem;
    display: block;
  }
}
.md-select-category .category-list .img img {
  width: 100%;
  height: auto;
}

.md-select-series {
  padding-top: 110px;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  background: #F7F6ED;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-select-series {
    padding-top: 50px;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }
}
.md-select-series .category-list li {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.md-select-series .category-list li a {
  display: block;
}
.md-select-series .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  font-size: 2rem;
  color: #fff;
  padding: 0 98px;
  text-align: right;
}
@media only screen and (max-width: 769px) {
  .md-select-series .category-list li h3 {
    padding: 0;
    font-size: 1.3rem;
    text-align: center;
  }
}
.md-select-series .category-list li:nth-child(2n) h3 {
  text-align: left;
}
@media only screen and (max-width: 769px) {
  .md-select-series .category-list li:nth-child(2n) h3 {
    text-align: center;
  }
}
.md-select-series .category-list .img img {
  width: 100%;
  height: auto;
}

.md-select-color-book {
  padding-top: 110px;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-select-color-book {
    padding-top: 50px;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }
}
.md-select-color-book .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
.md-select-color-book .category-list li {
  position: relative;
  width: 100%;
  margin: 0 5px;
}
.md-select-color-book .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 2rem;
  color: #fff;
}
@media only screen and (max-width: 769px) {
  .md-select-color-book .category-list li h3 {
    font-size: 1.3rem;
  }
}
.md-select-color-book .category-list .img img {
  width: 100%;
  height: auto;
}

.md-select-all {
  padding-top: 110px;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 112px;
  background: #F7F6ED;
  margin-bottom: 92px;
}
@media only screen and (max-width: 769px) {
  .md-select-all {
    padding-top: 50px;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }
}
.md-select-all .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
.md-select-all .category-list li {
  position: relative;
  width: 100%;
  margin: 0 5px;
}
.md-select-all .category-list li h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 2rem;
  color: #fff;
}
@media only screen and (max-width: 769px) {
  .md-select-all .category-list li h3 {
    font-size: 1.3rem;
  }
}
.md-select-all .category-list .img img {
  width: 100%;
  height: auto;
}

.md-page-select {
  margin-bottom: 200px;
}

.md-page-desc-hader {
  position: relative;
  padding-left: 56.5153733529%;
  padding-right: 138px;
  padding-top: 38px;
}
@media only screen and (min-width: 1366px) {
  .md-page-desc-hader {
    padding-left: 772px;
  }
}
@media only screen and (max-width: 769px) {
  .md-page-desc-hader {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.md-page-desc-hader::before {
  content: "";
  width: 100%;
  height: 70%;
  background: #F7F6ED;
  z-index: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.md-page-desc-hader .page-desc-ttl {
  margin-top: 2em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.2rem;
  letter-spacing: 0.016em;
  color: #9AA58F;
  margin-bottom: 210px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 769px) {
  .md-page-desc-hader .page-desc-ttl {
    font-size: 2.4rem;
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.md-page-desc-hader .page-desc-ttl small {
  display: block;
  padding-top: 1.5em;
  font-size: 1.5rem;
  color: #9AA58F;
  letter-spacing: 0.016em;
  letter-spacing: 0;
}
.md-page-desc-hader .page-desc {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.4rem;
  line-height: 2.4;
  position: relative;
  z-index: 1;
}
.md-page-desc-hader .note {
  font-size: 1.2rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  position: relative;
  z-index: 1;
  padding: 3em 0;
}
.md-page-desc-hader .btn {
  position: relative;
  z-index: 1;
}
.md-page-desc-hader .btn a {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  width: 230px;
  height: 48px;
  background: #9aa58f;
  line-height: 48px;
  text-align: center;
}
.md-page-desc-hader .img {
  position: absolute;
  left: 0;
  top: 38px;
  width: 49.560761347%;
  max-width: 677px;
  z-index: 1;
}
@media only screen and (max-width: 769px) {
  .md-page-desc-hader .img {
    position: relative;
    left: auto;
    top: auto;
    z-index: 10;
    width: 100%;
    margin-bottom: 30px;
  }
}
.md-page-desc-hader .img img {
  width: 100%;
  height: auto;
}
.md-page-desc-hader strong {
  text-decoration: underline;
}

.md-page-about-gift .md-page-under-content {
  padding-top: 100px;
  background: #F7F6ED;
  padding-bottom: 150px;
}
@media only screen and (max-width: 769px) {
  .md-page-about-gift .md-page-under-content {
    padding-bottom: 50px;
  }
}
.md-page-about-gift .about-delivery {
  border-radius: 4px;
  border: 1px solid #707070;
  max-width: 1106px;
  margin: 0 auto 100px auto;
  padding: 60px 80px;
}
@media only screen and (max-width: 769px) {
  .md-page-about-gift .about-delivery {
    padding: 30px 40px;
    margin: 0 28px 50px 28px;
  }
}
.md-page-about-gift .about-delivery h2 {
  font-size: 1.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.6;
  margin-bottom: 1em;
}
.md-page-about-gift .about-delivery p {
  font-size: 1.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 2.2;
}
.md-page-about-gift .about-giftbox,
.md-page-about-gift .about-wrapping,
.md-page-about-gift .about-noshi {
  border-radius: 4px;
  max-width: 1106px;
  margin: 0 auto 80px auto;
  padding: 140px 122px 40px 122px;
  background: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 769px) {
  .md-page-about-gift .about-giftbox,
.md-page-about-gift .about-wrapping,
.md-page-about-gift .about-noshi {
    padding: 40px 28px 40px 28px;
  }
}
.md-page-about-gift .about-giftbox h2,
.md-page-about-gift .about-wrapping h2,
.md-page-about-gift .about-noshi h2 {
  font-size: 3.2rem;
  color: #9AA58F;
  line-height: 1.6;
  letter-spacing: 0.016em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 769px) {
  .md-page-about-gift .about-giftbox h2,
.md-page-about-gift .about-wrapping h2,
.md-page-about-gift .about-noshi h2 {
    font-size: 2.6rem;
    margin-bottom: 0.4em;
  }
}
.md-page-about-gift .about-giftbox p,
.md-page-about-gift .about-wrapping p,
.md-page-about-gift .about-noshi p {
  font-size: 1.4rem;
  color: #3F3E3B;
}
.md-page-about-gift .about-giftbox p.note,
.md-page-about-gift .about-wrapping p.note,
.md-page-about-gift .about-noshi p.note {
  font-size: 1.2rem;
}
.md-page-about-gift .flex-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 40px;
}
@media only screen and (max-width: 769px) {
  .md-page-about-gift .flex-list {
    display: block;
    padding-top: 20px;
  }
}
.md-page-about-gift .flex-list li {
  width: 46.403712297%;
  margin-bottom: 100px;
}
@media only screen and (max-width: 769px) {
  .md-page-about-gift .flex-list li {
    width: 100%;
  }
}
.md-page-about-gift .flex-list .sample-img {
  margin-bottom: 34px;
}
.md-page-about-gift .flex-list .sample-img img {
  width: 100%;
  height: auto;
}
.md-page-about-gift .flex-list h3 {
  font-size: 1.8rem;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.md-page-about-gift .flex-list p {
  font-size: 1.4rem;
  line-height: 2.2;
}
.md-page-about-gift .flex-list .table {
  border-top: 1px solid #E8EBEC;
  padding-top: 40px;
  margin-top: 40px;
}
.md-page-about-gift .flex-list .table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.md-page-about-gift .flex-list .table dt, .md-page-about-gift .flex-list .table dd {
  line-height: 2;
  font-size: 1.2rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  padding: 0.5em 0;
}
.md-page-about-gift .flex-list .table dt a, .md-page-about-gift .flex-list .table dd a {
  font-weight: 600;
  text-decoration: underline;
}
.md-page-about-gift .flex-list .table dt a:hover, .md-page-about-gift .flex-list .table dd a:hover {
  text-decoration: none;
}
.md-page-about-gift .flex-list .table dt {
  width: 20%;
}
.md-page-about-gift .flex-list .table dd {
  width: 80%;
}
.md-page-about-gift .about-noshi .flex-list:nth-of-type(1) li {
  padding-bottom: 100px;
  border-bottom: 1px solid #E8EBEC;
}

.md-page-original .md-page-under-content {
  padding-top: 190px;
  background: #F7F6ED;
  padding-bottom: 150px;
}
@media only screen and (max-width: 769px) {
  .md-page-original .md-page-under-content {
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 200px;
  }
}
.md-page-original .md-page-under-content h2 {
  font-size: 1.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin-bottom: 1.5em;
}
.md-page-original .md-page-under-content .flex-wrap {
  max-width: 1104px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .md-page-original .md-page-under-content .flex-wrap {
    display: block;
  }
}
.md-page-original .md-page-under-content .flex-col {
  width: 50%;
}
@media only screen and (max-width: 769px) {
  .md-page-original .md-page-under-content .flex-col {
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .md-page-original .product-detail {
    margin-bottom: 60px;
  }
}
.md-page-original .product-detail .table {
  font-size: 1.2rem;
  line-height: 2;
}
.md-page-original .product-detail .table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 769px) {
  .md-page-original .product-detail .table dl {
    display: block;
  }
}
.md-page-original .product-detail .table dt {
  width: 24%;
}
@media only screen and (max-width: 769px) {
  .md-page-original .product-detail .table dt {
    width: 100%;
    font-size: 1.4rem;
  }
}
.md-page-original .product-detail .table dd {
  width: 76%;
}
@media only screen and (max-width: 769px) {
  .md-page-original .product-detail .table dd {
    width: 100%;
    padding-left: 1em;
    margin-bottom: 2em;
  }
}
.md-page-original .product-detail p.note {
  padding-top: 2em;
  font-size: 1.2rem;
}
@media only screen and (max-width: 769px) {
  .md-page-original .product-detail p.note {
    font-size: 1.2rem;
  }
}
.md-page-original .colors {
  margin-left: 14.2348754448%;
  margin-bottom: 56px;
}
@media only screen and (max-width: 769px) {
  .md-page-original .colors {
    margin-left: 0;
  }
}
.md-page-original .color-sample-img {
  padding-top: 20px;
  margin-left: -10px;
  margin-right: -10px;
}
.md-page-original .color-sample-img ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.md-page-original .color-sample-img li {
  width: calc(33.3333% - 20px);
  margin: 5px 10px;
}
.md-page-original .color-sample-img img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.md-page-original .color-sample-img p {
  font-size: 1.2rem;
}
.md-page-original .color-palette ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  margin-left: -5px;
}
.md-page-original .color-palette ul li {
  margin-left: 5px;
  margin-bottom: 5px;
}
.md-page-original .color-palette ul li span {
  display: block;
  overflow: hidden;
  text-indent: 108%;
  white-space: nowrap;
  width: 32px;
  height: 25px;
  border-radius: 5px;
}

.md-page-original .color-palette ul li:nth-of-type(1) span {
  background: #ff799a;
}
.md-page-original .color-palette ul li:nth-of-type(2) span {
  background: #b90707;
}
.md-page-original .color-palette ul li:nth-of-type(3) span {
  background: #fccc07;
}
.md-page-original .color-palette ul li:nth-of-type(4) span {
  background: #ff701a;
}
.md-page-original .color-palette ul li:nth-of-type(5) span {
  background: #dda88a;
}
.md-page-original .color-palette ul li:nth-of-type(6) span {
  background: #527E4D;
}
.md-page-original .color-palette ul li:nth-of-type(7) span {
  background: #1B8069;
}
.md-page-original .color-palette ul li:nth-of-type(8) span {
  background: #7C309B;
}
.md-page-original .color-palette ul li:nth-of-type(9) span {
  background: #2C4EAB;
}
.md-page-original .color-palette ul li:nth-of-type(10) span {
  background: #6C99D8;
}
.md-page-original .color-palette ul li:nth-of-type(11) span {
  background: #172943;
}
.md-page-original .color-palette ul li:nth-of-type(12) span {
  background: #FCFCFC;
}
.md-page-original .color-palette ul li:nth-of-type(13) span {
  background: #ECC33A;
}
.md-page-original .color-palette ul li:nth-of-type(14) span {
  background: #B4B8BE;
}

.md-page-original .color-palette p {
  font-size: 1.2rem;
}
.md-page-original .fonts {
  margin-left: 14.2348754448%;
}
@media only screen and (max-width: 769px) {
  .md-page-original .fonts {
    margin: 0;
  }
}
.md-page-original .fonts h3 {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 1em;
  margin-top: 3em;
}
@media only screen and (max-width: 769px) {
  .md-page-original .fong-img img {
    width: 100%;
    height: auto;
  }
}

.md-page-thought-and-quality .under-header {
  margin-top: 310px;
  background-image: url("./img-taq-under-header.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .under-header {
    margin-top: 100px;
    margin-bottom: 40px;
  }
}
.md-page-thought-and-quality .under-header::before {
  content: "";
  display: block;
  padding-top: 52.7818%;
}
.md-page-thought-and-quality .under-header .txt {
  position: absolute;
  top: 36.0610263523%;
  left: 61.4934114202%;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .under-header .txt {
    left: 44%;
  }
}
.md-page-thought-and-quality .under-header .txt h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  letter-spacing: 0.016em;
  color: #fff;
  margin-bottom: 0.4em;
}
.md-page-thought-and-quality .under-header .txt p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.4rem;
  letter-spacing: 0.016em;
  color: #fff;
}
.md-page-thought-and-quality .story-bord {
  max-width: 1106px;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .story-bord {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.md-page-thought-and-quality .story-bord .bord {
  margin-bottom: 50px;
}
.md-page-thought-and-quality .story-bord .bord .img {
  margin-bottom: 50px;
}
.md-page-thought-and-quality .story-bord .bord p {
  text-align: center;
  font-size: 1.4rem;
  color: #3F3E3B;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.016em;
  line-height: 3;
}
.md-page-thought-and-quality .story-bord .bord p.spcl {
  padding-top: 80px;
}
.md-page-thought-and-quality .story-bord .bord .img {
  margin-bottom: 50px;
}
.md-page-thought-and-quality .story-bord .bord .img + p {
  margin-bottom: 160px;
}
.md-page-thought-and-quality .md-page-desc-hader {
  padding-left: 71.7423133236%;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .md-page-desc-hader {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.md-page-thought-and-quality .md-page-desc-hader::before {
  height: 77%;
}
.md-page-thought-and-quality .md-page-desc-hader .img {
  border-radius: 4px;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .md-page-desc-hader .img {
    position: relative;
    z-index: 10;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }
  .md-page-thought-and-quality .md-page-desc-hader .img img {
    width: 100%;
    height: auto;
  }
}
.md-page-thought-and-quality .md-page-desc-hader .i-1 {
  width: 62.9575402635%;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .md-page-desc-hader .i-1 {
    width: 100%;
  }
}
.md-page-thought-and-quality .md-page-desc-hader .i-2 {
  width: 27.7452415813%;
  z-index: 2;
  top: 38.6054421769%;
  left: 30.0878477306%;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .md-page-desc-hader .i-2 {
    width: 100%;
  }
}
.md-page-thought-and-quality .md-page-desc-hader .i-3 {
  width: 26.6471449488%;
  z-index: 2;
  top: 70.5782312925%;
  left: 2.7086383602%;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .md-page-desc-hader .i-3 {
    width: 100%;
  }
}
.md-page-thought-and-quality .md-page-desc-hader .page-desc-sub {
  font-size: 2.2rem;
  line-height: 1.6;
  position: relative;
  z-index: 1;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.016em;
  margin-bottom: 3em;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .md-page-desc-hader .page-desc-sub {
    margin-bottom: 1em;
  }
}
.md-page-thought-and-quality .md-page-under-content .img img {
  width: 100%;
  height: auto;
}
.md-page-thought-and-quality .color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.md-page-thought-and-quality .color-list li {
  margin-left: 5px;
  position: relative;
}
.md-page-thought-and-quality .color-list li::before {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
}
.md-page-thought-and-quality .color-list li:first-child {
  margin-left: 0;
}
.md-page-thought-and-quality .sample-color-tip {
  display: block;
  width: 32px;
  height: 25px;
  border-radius: 5px;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .sample-color-tip {
    width: 28px;
    height: 22px;
  }
}
.md-page-thought-and-quality .sample-color-tip[title=shiro] {
  background: #fff;
  border: 1px solid #707070;
}
.md-page-thought-and-quality .sample-color-tip[data-color=silver] {
  background: #D3D3D3;
}
.md-page-thought-and-quality .sample-color-tip[data-color=smoke] {
  background: #4E4E4E;
}
.md-page-thought-and-quality .sample-color-tip[data-color=cheek] {
  background: #FAB4A1;
}
.md-page-thought-and-quality .sample-color-tip[data-color=moss] {
  background: #006125;
}
.md-page-thought-and-quality .sample-color-tip[data-color=honey] {
  background: #FFB72D;
}
.md-page-thought-and-quality .sample-color-tip[data-color=sea] {
  background: #496B96;
}
.md-page-thought-and-quality .sample-color-tip[data-color=lip] {
  background: #FF4F52;
}
.md-page-thought-and-quality .sample-color-tip[data-color=romance] {
  background: #FF7695;
}
.md-page-thought-and-quality .sample-color-tip[data-color=mint] {
  background: #5DD7B0;
}
.md-page-thought-and-quality .sample-color-tip[data-color=stone] {
  background: #7D7E83;
}
.md-page-thought-and-quality .sample-color-tip[data-color=powder] {
  background: #FDFAC1;
}
.md-page-thought-and-quality .sample-color-tip[data-color=etoile] {
  background: #ECA9EB;
}
.md-page-thought-and-quality .sample-color-tip[data-color=ice] {
  background: #CEE3F6;
}
.md-page-thought-and-quality .sample-color-tip[data-color=night blue] {
  background: #2E3771;
}
.md-page-thought-and-quality .sample-color-tip[data-color=smokypink] {
  background: #bf8fab;
}


.md-page-thought-and-quality .sample-color-tip2 {
  display: block;
  width: 32px;
  height: 25px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .sample-color-tip2 {
    width: 28px;
    height: 22px;
  }
}
.md-page-thought-and-quality .sample-color-tip2::before, .md-page-thought-and-quality .sample-color-tip2:after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  position: absolute;
}
.md-page-thought-and-quality .sample-color-tip2:before {
  left: 0;
}
.md-page-thought-and-quality .sample-color-tip2:after {
  right: 0;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#01"]:before {
  background: #005622;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#01"]:after {
  background: #FEB4B5;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#02"]:before {
  background: #A2164F;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#02"]:after {
  background: #230B7B;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#03"]:before {
  background: #3B0C36;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#03"]:after {
  background: #E55F20;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#04"]:before {
  background: #2BBDA6;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#04"]:after {
  background: #64175F;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#05"]:before {
  background: #69E1E9;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#05"]:after {
  background: #FEB4B5;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#06"]:before {
  background: #004679;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#06"]:after {
  background: #639CBE;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#07"]:before {
  background: #FF3471;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#07"]:after {
  background: #C6BBA0;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#08"]:before {
  background: #F0D432;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#08"]:after {
  background: #6C4728;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#09"]:before {
  background: #3C3C3D;
}
.md-page-thought-and-quality .sample-color-tip2[data-color="#09"]:after {
  background: #E1E1E1;
}
.md-page-thought-and-quality .note {
  font-size: 1.2rem;
  color: #3F3E3B;
}
.md-page-thought-and-quality .under-head-img {
  padding-top: 200px;
  background: #F7F6ED;
}
@media only screen and (max-width: 769px) {
  .md-page-thought-and-quality .under-head-img {
    padding-top: 50px;
  }
}
.md-page-thought-and-quality .under-head-img img {
  width: 100%;
  height: auto;
}

.md-about-content {
  margin-top: 300px;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .md-about-content {
    padding-right: 28px;
    padding-left: 28px;
    margin-top: 120px;
  }
}
.md-about-content h2 {
  font-size: 3.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.016em;
  color: #9AA58F;
  line-height: 1.5;
  margin-bottom: 134px;
  margin-left: 9.5168374817%;
}
@media only screen and (max-width: 769px) {
  .md-about-content h2 {
    margin-left: 0;
    text-align: center;
    margin-bottom: 40px;
  }
}
.md-about-content h2 small {
  display: block;
  padding-top: 1em;
  font-size: 1.5rem;
  color: #9AA58F;
}
.md-about-content .img {
  width: 58.4919472914%;
  max-width: 800px;
  top: 0;
  right: 0;
  z-index: 0;
  position: absolute;
}
@media only screen and (max-width: 769px) {
  .md-about-content .img {
    position: static;
    width: 100%;
    margin-bottom: 40px;
  }
}
.md-about-content .numb {
  font-size: 3.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #3F3E3B;
  margin-bottom: 38px;
}
.md-about-content .numb span {
  width: 46px;
  height: 46px;
  display: inline-block;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.md-about-content .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 9.5168374817%;
  margin-left: 9.5168374817%;
}
@media only screen and (max-width: 769px) {
  .md-about-content .flex-wrap {
    display: block;
    margin-right: 10px;
    margin-left: 10px;
  }
}
.md-about-content .flex-wrap .desc {
  width: 55.6368960469%;
  position: relative;
  z-index: 1;
  padding-bottom: 400px;
}
@media only screen and (max-width: 769px) {
  .md-about-content .flex-wrap .desc {
    width: 100%;
    padding-bottom: 120px;
  }
}
.md-about-content .flex-wrap .numb-wrap {
  background: #fff;
  padding-right: 14.3312101911%;
}
@media only screen and (max-width: 769px) {
  .md-about-content .flex-wrap .numb-wrap {
    padding-right: 0;
  }
}
.md-about-content .flex-wrap .numb-wrap h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  letter-spacing: 0.016em;
  line-height: 1.6;
  margin-bottom: 1em;
}
.md-about-content .flex-wrap .numb-wrap h3 small {
  font-size: 1.5rem;
  display: block;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.md-about-content .flex-wrap .numb-wrap p {
  font-size: 1.5rem;
  line-height: 3;
  color: #3F3E3B;
}
.md-about-content .flex-wrap .detail {
  width: 33.6749633968%;
  position: relative;
  z-index: 0;
  margin-left: 53px;
}
@media only screen and (max-width: 769px) {
  .md-about-content .flex-wrap .detail {
    width: 100%;
    margin-left: 0;
  }
}
.md-about-content .flex-wrap .detail h4 {
  font-size: 1.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.1em;
  margin-bottom: 2em;
}
.md-about-content .flex-wrap .detail .table {
  margin-bottom: 50px;
}
.md-about-content .flex-wrap .detail .table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.md-about-content .flex-wrap .detail .table dt, .md-about-content .flex-wrap .detail .table dd {
  font-size: 1.2rem;
  line-height: 2;
  padding: 5px 0;
}
.md-about-content .flex-wrap .detail .table dt {
  width: 40%;
}
.md-about-content .flex-wrap .detail .table dd {
  width: 60%;
}
.md-about-content.sec .img {
  right: auto;
  left: 0;
}
.md-about-content.sec .flex-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.md-about-content.sec .desc {
  margin-top: 230px;
  padding-bottom: 250px;
}
@media only screen and (max-width: 769px) {
  .md-about-content.sec .desc {
    margin-top: 0px;
    padding-bottom: 120px;
  }
}
.md-about-content.sec .numb-wrap {
  padding-top: 90px;
  padding-left: 14.3312101911%;
}
@media only screen and (max-width: 769px) {
  .md-about-content.sec .numb-wrap {
    padding-left: 0;
    padding-top: 0;
  }
}
.md-about-content.third .desc {
  margin-top: 206px;
  padding-bottom: 270px;
}
@media only screen and (max-width: 769px) {
  .md-about-content.third .desc {
    margin-top: 0;
    padding-bottom: 120px;
  }
}
.md-about-content.third .color-list li:nth-of-type(1) .sample-color-tip {
  background: #fff;
  border: 1px solid #707070;
}
.md-about-content.third .color-list li:nth-of-type(2) .sample-color-tip {
  background: #D3D3D3;
}
.md-about-content.third .color-list li:nth-of-type(3) .sample-color-tip {
  background: #142554;
}
.md-about-content.third .color-list li:nth-of-type(4) .sample-color-tip {
  background: #E7D3BA;
}
.md-about-content.third .color-list li:nth-of-type(5) .sample-color-tip {
  background: #BD1026;
}
.md-about-content.third .color-list li:nth-of-type(6) .sample-color-tip {
  background: #0098A4;
}
.md-about-content.third .color-list li:nth-of-type(7) .sample-color-tip {
  background: #D14E67;
}
.md-about-content.third .color-list li:nth-of-type(8) .sample-color-tip {
  background: #55622C;
}
.md-about-content.third .color-list li:nth-of-type(9) .sample-color-tip {
  background: #00C9A2;
}
.md-about-content .btn-series {
  padding-top: 80px;
}
.md-about-content .btn-series a {
  width: 230px;
  height: 48px;
  background: #9aa58f;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-size: 1.6rem;
  display: block;
}

.md-page-colorbook .md-page-header {
  padding-bottom: 0;
}
@media only screen and (max-width: 769px) {
  .md-page-colorbook .md-page-header {
    padding-right: 0;
    padding-left: 0;
  }
}
.md-page-colorbook .section-header {
  margin-bottom: 24px;
}
.md-page-colorbook .section-header img {
  width: 100%;
  height: auto;
}
.md-page-colorbook .cb-desc {
  background: #F7F6ED;
  color: #3F3E3B;
  max-width: 1106px;
  margin: 0 auto 100px auto;
  padding: 120px 140px 115px 140px;
}
@media only screen and (max-width: 769px) {
  .md-page-colorbook .cb-desc {
    padding: 32px 42px 30px 42px;
    margin: 0 28px 28px 28px;
  }
}
.md-page-colorbook .cb-desc h1 {
  font-size: 3.2rem;
  letter-spacing: 0.016em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  margin-bottom: 2em;
}
@media only screen and (max-width: 769px) {
  .md-page-colorbook .cb-desc h1 {
    font-size: 2.4rem;
    margin-bottom: 0.6em;
    margin-bottom: 1em;
  }
}
.md-page-colorbook .cb-desc h1 small {
  display: block;
  padding-top: 1em;
  font-size: 1.5rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.md-page-colorbook .cb-desc p {
  font-size: 1.4rem;
  line-height: 3;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.016em;
}
@media only screen and (max-width: 769px) {
  .md-page-colorbook .cb-desc p {
    line-height: 2;
  }
}
.md-page-colorbook .cb-list {
  max-width: 1254px;
  margin: 0 auto;
}
.md-page-colorbook .cb-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 769px) {
  .md-page-colorbook .cb-list ul {
    padding-right: 9px;
    padding-left: 9px;
  }
}
.md-page-colorbook .cb-list li {
  width: 19.9362041467%;
  padding: 0 4px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 769px) {
  .md-page-colorbook .cb-list li {
    width: 50%;
  }
}
.md-page-colorbook .cb-list li p {
  padding: 10px 22px;
  font-size: 1.3rem;
  color: #3F3E3B;
}
.md-page-colorbook .cb-list h2 {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
}
.md-page-colorbook .cb-list h2 span.ja {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.3rem;
}
.md-page-colorbook .cb-list h2 span.en {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: none;
  font-size: 1.8rem;
}
.md-page-colorbook .cb-list .cb-img {
  position: relative;
  z-index: 0;
}
.md-page-colorbook .cb-list .cb-img img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.md-page-colorbook .cb-list .cb-img img.on {
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.md-page-colorbook .cb-list a {
  display: block;
  position: relative;
}
.md-page-colorbook .cb-list a:hover h2 span.ja {
  display: none;
}
.md-page-colorbook .cb-list a:hover h2 span.en {
  display: block;
}
.md-page-colorbook .cb-list a:hover .cb-img img.on {
  opacity: 1;
  visibility: visible;
}
.md-page-colorbook .cb-section {
  margin-bottom: 170px;
}
.md-page-colorbook .cb-section .section-ttl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 2em;
  font-weight: 400;
  font-weight: normal;
}
.md-page-colorbook .cb-section .section-ttl small {
  padding-top: 0.5em;
  display: block;
  font-size: 1.4rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.md-page-colorbook .cb-section .cb-list.Couleur h2 span.ja {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
}
.md-page-colorbook .cb-section .cb-list.Couleur h2 span.en {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.3rem;
}

.md-other-page-header {
  padding-top: 80px;
  padding-bottom: 80px;
}
.md-other-page-header h1 {
  font-size: 2.6rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.1em;
  color: #90a17f;
}

.md-shop-list,
.md-gallery-shop-list {
  max-width: 860px;
  margin: 0 auto 80px auto;
}
@media only screen and (max-width: 769px) {
  .md-shop-list,
.md-gallery-shop-list {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.md-shop-list li,
.md-gallery-shop-list li {
  margin-bottom: 4em;
  line-height: 1.8;
  text-align: center;
}
.md-shop-list p,
.md-gallery-shop-list p {
  font-size: 1.6rem;
  color: #707070;
}
@media only screen and (max-width: 769px) {
  .md-shop-list p,
.md-gallery-shop-list p {
    font-size: 1.4rem;
  }
}
.md-shop-list .shop-name,
.md-gallery-shop-list .shop-name {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.4em;
  color: #9AA58F;
}
@media only screen and (max-width: 769px) {
  .md-shop-list .shop-name,
.md-gallery-shop-list .shop-name {
    font-size: 1.8rem;
  }
}
.md-shop-list .shop-img,
.md-gallery-shop-list .shop-img {
  margin: 2em 0;
}
.md-shop-list .shop-img img,
.md-gallery-shop-list .shop-img img {
  max-width: 100%;
  height: auto;
}
.md-shop-list .shop-note,
.md-gallery-shop-list .shop-note {
  font-size: 1.4rem;
}

.md-page-shop-list .section-ttl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
  font-weight: 400;
  font-weight: normal;
}
.md-page-colorbook .section-ttl small {
  padding-top: 0.5em;
  display: block;
  font-size: 1.4rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

@media only screen and (max-width: 769px) {
  .md-unique-page {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.md-unique-page h1,
.md-unique-page h2,
.md-unique-page h3,
.md-unique-page h4 {
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.5;
}
.md-unique-page h1 {
  font-size: 2.4rem !important;
}
.md-unique-page h2 {
  font-size: 2rem !important;
}
.md-unique-page h3 {
  font-size: 1.8rem !important;
}
.md-unique-page h4 {
  font-size: 1.4rem !important;
}
.md-unique-page p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 2em;
}
.md-unique-page dt, .md-unique-page dd {
  font-size: 1.4rem;
  line-height: 2;
}
.md-unique-page dt {
  font-weight: 600;
}
.md-unique-page dd {
  padding-left: 1em;
  margin-bottom: 1em;
}
.md-unique-page .c-section__heading--title {
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 1em;
}
.md-unique-page .c-section__content {
  font-size: 1.4rem;
  line-height: 2;
}
.md-unique-page img {
  margin: 20px 0;
  max-width: 100%;
  height: auto;
}
.md-unique-page .page-section {
  margin-bottom: 6em;
}
.md-unique-page .page-section .img {
  margin-bottom: 3em;
}
.md-unique-page .page-section .img img {
  margin: 0;
}
.md-unique-page .postage {
  padding: 2em 0;
}
.md-unique-page .note {
  margin-bottom: 3em;
}
.md-unique-page .note p {
  font-size: 1.2rem;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.4em;
}

.shopify-policy__title {
  font-size: 2.6rem;
  line-height: 32px;
  margin-bottom: 2em;
}
.rte > p:first-child {
  margin-top: 0;
  margin-bottom: 1em;
}
.shopify-policy__body ol {
  margin-bottom: 1em;
}
.shopify-policy__body ul {
  margin-bottom: 4em;
}
.shopify-policy__body li {
  font-size: 1.6rem;
  line-height: 1.8;
}
.shopify-policy__body table {
  width: 100%;
}
.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4 {
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.5;
}
.shopify-policy__body h1 {
  font-size: 2.4rem !important;
}
.shopify-policy__body h2 {
  font-size: 2rem !important;
}
.shopify-policy__body h3 {
  font-size: 1.8rem !important;
}
.shopify-policy__body h4 {
  font-size: 1.4rem !important;
}
.shopify-policy__body p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 2em;
}
.shopify-policy__body dt,
.shopify-policy__body dd {
  font-size: 1.4rem;
  line-height: 2;
}
.shopify-policy__body dt {
  font-weight: 600;
}
.shopify-policy__body dd {
  padding-left: 1em;
  margin-bottom: 1em;
}
.shopify-policy__body .c-section__heading--title {
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 1em;
}
.shopify-policy__body .c-section__content {
  font-size: 1.4rem;
  line-height: 2;
}
.shopify-policy__body img {
  margin: 20px 0;
  max-width: 100%;
  height: auto;
}
.shopify-policy__body .img {
  margin-bottom: 3em;
}
.shopify-policy__body .img img {
  margin: 0;
}
.shopify-policy__body .postage {
  padding: 2em 0;
}
.shopify-policy__body .note {
  margin-bottom: 3em;
}
.shopify-policy__body .note p {
  font-size: 1.2rem;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.4em;
}

.shopify-policy__container {
  max-width: 860px;
  margin: 0 auto;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 769px) {
  .shopify-policy__container {
    padding-right: 28px;
    padding-left: 28px;
  }
}

.shopify-policy__title {
  font-size: 3rem;
}

.shopify-policy__body {
  font-size: 1.4rem;
  line-height: 2;
}
@media only screen and (max-width: 769px) {
  .shopify-policy__body {
    padding-right: 28px;
    padding-left: 28px;
  }
}
.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4 {
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.5;
}
.shopify-policy__body h1 {
  font-size: 2.4rem !important;
}
.shopify-policy__body h2 {
  font-size: 2rem !important;
}
.shopify-policy__body h3 {
  font-size: 1.8rem !important;
}
.shopify-policy__body h4 {
  font-size: 1.4rem !important;
}
.shopify-policy__body p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 2em;
}
.shopify-policy__body dt,
.shopify-policy__body dd {
  font-size: 1.4rem;
  line-height: 2;
}
.shopify-policy__body dt {
  font-weight: 600;
}
.shopify-policy__body dd {
  padding-left: 1em;
  margin-bottom: 1em;
}
.shopify-policy__body .c-section__heading--title {
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 1em;
}
.shopify-policy__body .c-section__content {
  font-size: 1.4rem;
  line-height: 2;
}
.shopify-policy__body img {
  margin: 20px 0;
  max-width: 100%;
  height: auto;
}
.shopify-policy__body .img {
  margin-bottom: 3em;
}
.shopify-policy__body .img img {
  margin: 0;
}
.shopify-policy__body .postage {
  padding: 2em 0;
}
.shopify-policy__body .note {
  margin-bottom: 3em;
}
.shopify-policy__body .note p {
  font-size: 1.2rem;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.4em;
}

.md-newsletter {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 120px;
}
.md-newsletter h1 {
  font-size: 2rem;
  margin-bottom: 1em;
}
.md-newsletter .newsletter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  margin: 0 auto;
  padding-right: 28px;
  padding-left: 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.md-newsletter input[type=email] {
  width: 50%;
  padding: 5px 10px;
  font-size: 1.6rem;
}
.md-newsletter input[type=submit] {
  background: #3F3E3B;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  border: none;
  outline: none;
  padding: 0 20px;
  margin-left: 1em;
}

.md-series-carousel {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.md-series-carousel .carousel-img img {
  width: 100%;
  height: auto;
}

.qa-list dl {
  position: relative;
  margin: 0;
  padding: 28px 80px 0px 30px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

.qa-list dl:first-child {
  border-top: 1px solid #ccc;
}

.qa-list dl::before {
  position: absolute;
  top: 35px;
  right: 35px;
  display: block;
  width: 7px;
  height: 7px;
  margin: auto;
  content: "";
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-top: 2px solid #7d7d7d;
  border-right: 2px solid #7d7d7d;
}

.qa-list .open::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.qa-list .open {
  padding-bottom: 28px;
}

.qa-list dl dt {
  position: relative;
  margin: 0;
  padding: 0 0 30px 50px;
  font-weight: bold;
  font-size: 1.8rem;
}

.qa-list dl dt::before {
  font-size: 2.2rem;
  line-height: 1;
  position: absolute;
  top: 0px;
  left: 0;
  display: block;
  content: "Q.";
  font-family: "Inter", sans-serif;
  color: #9AA58F;
}

.qa-list dl dd::before {
  font-size: 2.2rem;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 2px;
  display: block;
  content: "A.";
  font-weight: bold;
  font-family: "Inter", sans-serif;
  color: #9AA58F;
}

.qa-list dl dd {
  position: relative;
  display: none;
  height: auto;
  padding: 0 0 0 50px;
  font-size: 1.6rem;
  line-height: 1.8;
}

.qa-list dl dd p:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .qa-list dl {
    position: relative;
    padding: 15px 40px 15px 10px;
  }
  .qa-list dl::before {
    top: 20px;
    right: 20px;
    width: 7px;
    height: 7px;
  }
  .qa-list dl dt {
    padding: 0 0 0 30px;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .qa-list dl dt::before {
    font-size: 1.6rem;
    top: 3px;
    left: 5px;
    content: "Q.";
  }
  .qa-list dl dd::before {
    font-size: 1.6rem;
    top: 5px;
    left: 5px;
    content: "A.";
  }
  .qa-list dl dd {
    margin: 10px 0 0;
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 1.7;
  }
  .qa-list dl dd p:first-child {
    margin-top: 0;
  }
}
.md-page-faq {
  padding-bottom: 100px;
}
@media only screen and (max-width: 769px) {
  .md-page-faq {
    padding-bottom: 50px;
  }
}
.md-page-faq .qa-list {
  max-width: 980px;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .md-page-faq .qa-list {
    padding-right: 28px;
    padding-left: 28px;
  }
}

.md-page-reset-password {
  max-width: 980px;
  margin: 0 auto;
  padding-right: 28px;
  padding-left: 28px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 769px) {
  .md-page-reset-password {
    padding-bottom: 50px;
  }
}
.md-page-reset-password h1 {
  line-height: 1.6;
  margin-bottom: 2em;
}
.md-page-reset-password .page-sub {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 1em;
  font-weight: 600;
}
.md-page-reset-password .page-desc {
  font-size: 1.6rem;
  margin-bottom: 1em;
}
@media only screen and (max-width: 769px) {
  .md-page-reset-password .page-desc {
    margin-bottom: 0;
  }
}
.md-page-reset-password .attention {
  background: #F7F6ED;
  margin-bottom: 80px;
  padding: 30px;
}
@media only screen and (max-width: 769px) {
  .md-page-reset-password .attention {
    padding: 20px;
  }
}
.md-page-reset-password .attention h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.6;
}
.md-page-reset-password .attention p {
  font-size: 1.4rem;
  line-height: 2.4;
}
.md-page-reset-password .btn-reset-link {
  padding-top: 30px;
  padding-bottom: 20px;
}
.md-page-reset-password .btn-reset-link a {
  display: inline-block;
  text-align: center;
  padding: 20px 50px;
  font-size: 1.6rem;
  font-weight: 600;
  background: #9AA58F;
  color: #fff;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.md-page-reset-password .btn-reset-link a:hover {
  opacity: 0.6;
}
.md-page-reset-password .reset-password-flow li {
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .md-page-reset-password .reset-password-flow li {
    margin-bottom: 20px;
  }
}
.md-page-reset-password .reset-password-flow h3 {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 600;
  padding: 20px 30px;
  border-radius: 5px;
  margin-bottom: 0.6em;
  background: #f3f8f0;
}
@media only screen and (max-width: 769px) {
  .md-page-reset-password .reset-password-flow h3 {
    padding: 16px 20px;
  }
}
.md-page-reset-password .reset-password-flow p {
  font-size: 1.4rem;
  line-height: 2.2;
}
.title-wrapper-with-link {
  font-size: 1.6rem;
}

.cart-items th {
  font-size: 1.4rem;
}

.ngc-note-attr-field {
  font-size: 1.4rem;
  line-height: 1.8;
  max-width: 90% !important;
  margin: 0 auto;
  padding-top: 20px;
}
.ngc-note-attr-field input {
  margin-bottom: 20px;
  padding: 10px;
}
.ngc-note-attr-field select {
  padding: 10px;
}

.customer h1 {
  font-size: 2rem;
  margin-bottom: 1em;
}
.customer h2.form__message {
  font-size: 1.8rem;
  margin-bottom: 1em;
}
.customer li {
  font-size: 1.4rem;
  line-height: 2.4;
}

/* コメントアウト */

#recommend, #ranking {
  padding-top: 100px;
  margin-top: -100px;
  display: block;
}

/* andextra */
.series-detail.ax-box dt {
  width: 90% !important;
}

.series-detail.ax-box {
  padding-bottom: 40px !important;
}

/* シーンのリスト2 */
.menu-list .layer-2 {
  padding-left: 15px;
}


/* フォーム説明 */
.rte {
  font-size: 1.3em;
  line-height: 1.2em;
}