@charset "UTF-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
  scroll-behavior: smooth;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: 80px;
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", "Lucida Grande", Verdana, sans-serif;
  color: #303030;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * 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 {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 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;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

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

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

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

:focus {
  outline: none;
}

.overflow {
  overflow: hidden;
}

.layout {
  display: flex;
  justify-content: space-between;
  width: 90vw;
  max-width: 1400px;
  margin: 60px auto auto;
}
@media screen and (max-width: 768px) {
  .layout {
    margin: 20px auto 40px;
    flex-direction: column-reverse;
  }
}
.layout main {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .layout main {
    width: 100%;
  }
}
.layout main.center {
  width: 80%;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .layout main.center {
    width: 100%;
  }
}
.layout main.guide, .layout main.faq {
  display: flex;
  justify-content: space-between;
  margin: auto auto 0px auto;
  width: 80%;
}
@media screen and (max-width: 1200px) {
  .layout main.guide, .layout main.faq {
    width: 90%;
  }
}
@media screen and (max-width: 1000px) {
  .layout main.guide, .layout main.faq {
    width: 100%;
    flex-direction: column;
  }
}
.layout main.mypage {
  display: flex;
  justify-content: space-between;
  margin: auto auto 0px auto;
  width: 80%;
}
@media screen and (max-width: 1200px) {
  .layout main.mypage {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .layout main.mypage {
    width: 100%;
    flex-direction: column;
  }
}
.layout main.form {
  width: 50%;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .layout main.form {
    width: 100%;
  }
}
.layout main.login {
  width: 80%;
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
@media screen and (max-width: 1000px) {
  .layout main.login {
    width: 90%;
    flex-direction: column;
    gap: 40px;
  }
}
.layout section + section {
  margin: 80px auto auto;
}
@media screen and (max-width: 768px) {
  .layout section + section {
    margin: 44px auto auto;
  }
}
.layout--item {
  margin: 80px auto;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .layout--item {
    margin: 40px auto 40px auto;
  }
}
.layout--item + .layout--item {
  margin: 80px auto auto auto;
}
@media screen and (max-width: 768px) {
  .layout--item + .layout--item {
    margin: 40px auto auto auto;
  }
}
@media screen and (max-width: 768px) {
  .layout--item:last-child {
    margin: 40px auto 0px auto;
  }
}
.layout--itemContainer {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  margin: 0px auto 0px auto;
}
@media screen and (max-width: 768px) {
  .layout--itemContainer {
    flex-direction: column;
    margin: 0px auto 40px auto;
    gap: 0px;
  }
}
.layout--itemMain {
  width: 50%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .layout--itemMain {
    width: 100%;
    margin: 40px auto auto auto;
  }
}
.layout--itemFlex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 24px auto 12px auto;
  flex-wrap: wrap;
  gap: 12px;
}
.layout--itemBtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .layout--itemBtn {
    display: flex;
    gap: 20px;
    width: 100%;
    background-color: #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 12px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 3px 8px;
  }
}
@media screen and (max-width: 768px) {
  .layout--itemBtnContainer {
    position: fixed;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 16px;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }
}
.layout--itemBtnContainer.is-visible {
  opacity: 1;
  visibility: visible;
}
.layout--guideContainer, .layout--faqContainer {
  width: 65%;
}
@media screen and (max-width: 1000px) {
  .layout--guideContainer, .layout--faqContainer {
    width: 100%;
  }
}
.layout--guideSide, .layout--faqSide {
  width: 30%;
  margin: 0 0 auto 80px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
@media screen and (max-width: 1200px) {
  .layout--guideSide, .layout--faqSide {
    margin: 0 0 auto 60px;
  }
}
@media screen and (max-width: 1000px) {
  .layout--guideSide, .layout--faqSide {
    display: none;
  }
}
.layout--guideInner + .layout--guideInner, .layout--guideInner + .layout--faqInner, .layout--faqInner + .layout--guideInner, .layout--faqInner + .layout--faqInner {
  margin: 60px auto auto;
}
@media screen and (max-width: 1000px) {
  .layout--guideInner + .layout--guideInner, .layout--guideInner + .layout--faqInner, .layout--faqInner + .layout--guideInner, .layout--faqInner + .layout--faqInner {
    margin: 40px auto auto;
  }
}
.layout--mypageContainer {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .layout--mypageContainer {
    width: 100%;
  }
}
.layout--mypageSide {
  width: 20%;
  margin: 0 40px auto 0;
}
@media screen and (max-width: 1200px) {
  .layout--mypageSide {
    margin: 0 60px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .layout--mypageSide {
    display: none;
  }
}
.layout--mypageInner + .layout--mypageInner {
  margin: 60px auto auto;
}
@media screen and (max-width: 1000px) {
  .layout--mypageInner + .layout--mypageInner {
    margin: 40px auto auto;
  }
}

.header {
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: solid 1px #ECECEC;
  position: fixed;
  top: 0;
  z-index: 100;
  /* サジェストのスタイル */
  /* 候補なし */
  /* オーバーレイのスタイル */
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 90vw;
  max-width: 1400px;
}
@media screen and (max-width: 768px) {
  .header__inner {
    width: 100%;
    height: 70px;
    padding: 20px 0 0;
  }
}
.header__logo {
  display: flex;
  align-items: center;
  margin: auto 0 auto 0;
}
@media screen and (max-width: 768px) {
  .header__logo {
    text-align: center;
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
  }
}
.header__logo img {
  height: 40px;
}
@media screen and (max-width: 768px) {
  .header__logo img {
    height: 30px;
    margin: 8px auto;
  }
}
.header__title {
  margin: auto auto auto 12px;
}
@media screen and (max-width: 768px) {
  .header__title {
    margin: 0;
    background-color: #303030;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
  }
}
.header__title h1,
.header__title p {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .header__title h1,
.header__title p {
    font-size: 1rem;
    line-height: 20px;
    text-align: center;
  }
}
.header__search {
  position: relative;
  width: 560px;
  margin: auto 20px auto 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .header__search {
    width: 100%;
    margin: auto auto auto auto;
    top: -45px;
    z-index: 999;
  }
}
.header .noResults {
  display: none;
  padding: 0px;
  margin: 4px auto auto;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: solid 1px #dadada;
}
@media screen and (max-width: 768px) {
  .header .noResults {
    margin: 0px auto auto;
    height: 100vh;
  }
}
.header .noResults__text {
  text-align: center;
  padding: 20px 0 28px 0;
  font-size: 15px;
  color: #A8A8A8;
}
.header .overlay2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header .overlay2.show {
  visibility: visible;
  opacity: 1;
}

.noResults__text {
  display: none;
}

.nav {
  background-color: #b09c5d;
  margin: 71px auto auto;
}
.nav__list {
  display: flex;
  justify-content: center;
  width: 90vw;
  max-width: 1400px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .nav__list {
    width: 100%;
  }
}
.nav__item {
  border-left: 1px solid #d1bf82;
  position: relative;
  width: 20%;
}
.nav__item:last-child {
  border-right: 1px solid #d1bf82;
}
.nav__item a {
  align-items: center;
  color: #FFFFFF;
  font-size: 1.4rem;
  display: flex;
  height: 44px;
  justify-content: center;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .nav__item a {
    font-size: 1.2rem;
    height: 32px;
  }
}
.nav__menu {
  background-color: #b09c5d;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 11;
  width: 100%;
}
.nav__menu a {
  height: 44px;
  border-top: 1px solid #d1bf82;
  border-left: 1px solid #d1bf82;
  border-right: 1px solid #d1bf82;
}
.nav__menu a:hover {
  background: #bba766;
}
.nav__menu li:last-child a {
  background-color: #9c8a4f;
}
.nav__menu li:last-child a:hover {
  background: #8b7b45;
}

.nav__item:hover .nav__menu {
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}
@media screen and (max-width: 768px) {
  .nav__item:hover .nav__menu {
    display: none;
  }
}

.h-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .h-menu {
    display: none;
  }
}
.h-menu__btn, .h-menu-sp__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  font-size: 1.1rem;
  cursor: pointer;
}
.h-menu__btn a, .h-menu-sp__btn a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 80px;
  padding: 12px;
}
.h-menu__btn:hover, .h-menu-sp__btn:hover {
  background-color: #f1f1ec;
}
.h-menu__btn img, .h-menu-sp__btn img {
  width: 24px;
  height: 24px;
  margin: 0 auto 8px;
}
@media screen and (max-width: 768px) {
  .h-menu__btn img, .h-menu-sp__btn img {
    margin: auto;
  }
}
.h-menu__btn span, .h-menu-sp__btn span {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .h-menu__btn span, .h-menu-sp__btn span {
    display: none;
  }
}
.h-menu .active {
  background-color: #f1f1ec;
}
.h-menu__badge, .h-menu-sp__badge {
  font-size: 1rem;
  background-color: #E43636;
  color: #FFFFFF;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 8px;
  right: 14px;
}
.h-menu__nav {
  display: block;
  position: relative;
  cursor: pointer;
  width: 70px;
  height: 70px;
}
.h-menu__nav span {
  display: inline-block;
  position: absolute;
  left: 25px;
  height: 3px;
  border-radius: 2px;
  background-color: #303030;
  width: 32%;
}
.h-menu__nav span:nth-of-type(1) {
  top: 26px;
}
.h-menu__nav span:nth-of-type(2) {
  top: 34px;
}
.h-menu__nav span:nth-of-type(3) {
  top: 42px;
}

.h-menu-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .h-menu-sp {
    position: fixed;
    top: 20px;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.h-menu-sp__btn {
  margin: 0;
}
.h-menu-sp__btn a {
  min-width: 50px;
  padding: 13px;
}
.h-menu-sp__btn:last-child {
  margin: auto 20px auto 0;
}
@media screen and (max-width: 768px) {
  .h-menu-sp__btn:hover {
    background-color: #FFFFFF;
  }
}
.h-menu-sp__search {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .h-menu-sp__search:hover {
    background-color: none !important;
  }
}
.h-menu-sp__search .material-icons {
  font-size: 26px;
  color: #303030;
}
.h-menu-sp__badge {
  top: 8px;
  right: 0px;
}
.h-menu-sp__nav {
  display: none;
}
@media screen and (max-width: 768px) {
  .h-menu-sp__nav {
    display: block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin: auto auto auto 0;
  }
}
.h-menu-sp__nav span {
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 23px;
  height: 3px;
  border-radius: 2px;
  background-color: #303030;
  transition: all 0.3s;
}
.h-menu-sp__nav span:nth-of-type(1) {
  top: 15px;
}
.h-menu-sp__nav span:nth-of-type(2) {
  top: 23px;
}
.h-menu-sp__nav span:nth-of-type(3) {
  top: 31px;
}

.footer {
  margin: 80px auto auto;
  background: #fafaf8;
  border-top: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .footer {
    margin: 0px auto auto;
    border-top: none;
    background: #FFFFFF;
  }
}
@media screen and (max-width: 768px) {
  .footer--item {
    padding: 0 0 80px;
  }
}
.footer__inner {
  display: flex;
  justify-content: space-between;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .footer__inner {
    flex-direction: column;
    border-top: none;
  }
}
.footer__link {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .footer__link {
    flex-direction: column;
  }
}
.footer__link__item {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .footer__link__item {
    text-align: center;
  }
}
.footer__link__item + .footer__link__item {
  margin: auto auto auto 8px;
}
@media screen and (max-width: 768px) {
  .footer__link__item + .footer__link__item {
    margin: 8px auto auto auto;
  }
}
.footer__link__item a {
  color: #303030;
}
.footer__link__item a:hover {
  text-decoration: underline;
}
.footer__copyright {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    margin: 24px auto auto auto;
    text-align: center;
  }
}

.f-menu {
  display: flex;
  justify-content: space-between;
  width: 90vw;
  max-width: 1400px;
  margin: auto;
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .f-menu {
    flex-direction: column;
    width: 100%;
    padding: 0;
    border-top: none;
  }
}
.f-menu__inner {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .f-menu__inner {
    width: 100%;
  }
}
.f-menu__heading, .f-menu__heading--second {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .f-menu__heading, .f-menu__heading--second {
    font-size: 1.4rem;
    color: #FFFFFF;
    background-color: #b09c5d;
    border-top: solid 1px #ECECEC;
    border-bottom: solid 1px #ECECEC;
    padding: 12px;
  }
}
.f-menu__heading--second {
  margin: 20px auto auto;
}
@media screen and (max-width: 768px) {
  .f-menu__heading--second {
    margin: 0px auto auto;
  }
}
.f-menu ul li {
  position: relative;
}
.f-menu ul li a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #303030;
  font-size: 1.4rem;
  padding: 8px 0;
}
@media screen and (max-width: 768px) {
  .f-menu ul li a {
    padding: 16px;
    width: 100%;
  }
}
.f-menu ul li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .f-menu ul li a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 768px) {
  .f-menu ul li::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 768px) {
  .f-menu ul li + li {
    border-top: solid 1px #ECECEC;
  }
}
.f-menu .hasChild ul {
  padding: 0 0 0 8px;
}
@media screen and (max-width: 768px) {
  .f-menu .hasChild ul {
    padding: 0;
    border-top: 1px solid #ECECEC;
  }
}
.f-menu .hasChild ul > li a {
  color: #A8A8A8;
}
.f-menu .hasChild ul > li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .f-menu__official:last-child {
    border-bottom: solid 1px #ECECEC;
  }
}
.f-menu__official > li a {
  color: #303030;
  padding: 8px 0 !important;
}
@media screen and (max-width: 768px) {
  .f-menu__official > li a {
    padding: 16px !important;
    width: 100%;
  }
}
.f-menu__official > li a:hover {
  text-decoration: none !important;
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .f-menu__official > li::before {
    display: none;
  }
}
.f-menu__official li + li {
  margin: 8px 0 0 0;
}
@media screen and (max-width: 768px) {
  .f-menu__official li + li {
    margin: 0;
  }
}
.f-menu__official__inner {
  text-align: center;
  display: flex !important;
  align-items: center;
  width: 100%;
}
.f-menu__official__inner img {
  width: 24px;
  height: 24px;
  margin: auto 8px auto 0;
}
.f-menu__official__title {
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "Inter", sans-serif;
}
.f-menu__official__description {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #A8A8A8;
  margin: 12px 0 auto;
}
@media screen and (max-width: 768px) {
  .f-menu .sp-none {
    display: none;
  }
}

.about {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  padding: 36px;
  width: 90vw;
  max-width: 1400px;
  margin: 80px auto auto;
}
@media screen and (max-width: 768px) {
  .about {
    padding: 20px;
    width: 90vw;
    margin: auto auto 40px;
  }
}
.about__header {
  margin: auto auto 24px;
}
.about__title {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: auto auto 12px;
}
@media screen and (max-width: 768px) {
  .about__title {
    font-size: 1.6rem;
  }
}
.about__description {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #b09c5d;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about__description {
    font-size: 1.2rem;
    margin: 6px 0 0 0;
  }
}
.about__list {
  display: flex;
  justify-content: space-between;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  .about__list {
    flex-direction: column;
    gap: 20px;
  }
}
.about__item {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .about__item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .about__item__image {
    width: 40%;
  }
}
.about__item__image img {
  width: 100%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .about__item__image img {
    height: 80px;
  }
}
.about__item__inner {
  margin: 16px auto auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .about__item__inner {
    margin: 0px auto auto;
    width: 55%;
  }
}
.about__item__title {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .about__item__title {
    font-size: 1.3rem;
  }
}
.about__item__description {
  font-size: 1.3rem;
  line-height: 1.6;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .about__item__description {
    font-size: 1.2rem;
  }
}
.about__item__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 8px 0 auto;
}
@media screen and (max-width: 768px) {
  .about__item__btn {
    margin: 0px 0 auto;
  }
}
.about__item__btn a {
  color: #b09c5d;
  font-size: 1.4rem;
  width: 100%;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .about__item__btn a {
    font-size: 1.2rem;
  }
}
.about__item__btn a:hover {
  text-decoration: underline;
}
.about__item__btn span {
  color: #b09c5d;
  font-size: 20px;
  margin: auto 0 auto 4px;
}

.aside {
  width: calc(20% - 60px);
}
@media screen and (max-width: 768px) {
  .aside {
    width: 100%;
    margin: 60px auto auto auto;
  }
}
.aside__inner + .aside__inner {
  margin: 40px auto auto;
}
.aside__title {
  font-size: 1.8rem;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.4;
  padding: 0 10px 0 0;
  margin: auto auto 24px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .aside__title {
    font-size: 1.6rem;
    margin: auto auto 20px;
  }
}
.aside__title a {
  color: #303030;
}
.aside__title a:hover {
  text-decoration: underline;
}
.aside ul li {
  position: relative;
  font-size: 1.4rem;
  color: #303030;
  transition: all 0.3s;
  border-top: solid 1px #f1ebd7;
}
.aside ul li:last-child {
  border-bottom: solid 1px #f1ebd7;
}
.aside ul li a {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.aside ul li a:hover {
  opacity: 0.7;
}
.aside ul li.type img {
  width: 28px;
  margin: auto 8px auto 0;
}
.aside ul li.type a {
  padding: 8px 0;
}
.aside ul li.hasChild::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 18px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.aside ul li.hasChild.open::before {
  transform: rotate(-135deg);
}
.aside ul li.hasChild ul {
  background-color: #fafaf8;
  display: none;
}
.aside ul li.hasChild ul li {
  border-top: solid 1px #f1ebd7;
  list-style: none;
  cursor: pointer;
  position: relative;
}
.aside ul li.hasChild ul li:last-child {
  border-bottom: none;
}
.aside ul li.hasChild ul li a {
  padding: 12px;
}
.aside ul li.hasChild ul li a:hover {
  opacity: 1;
  text-decoration: underline;
}

.menu {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 70px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 100svh;
  background-color: rgba(48, 48, 48, 0.2);
  pointer-events: none;
}
.menu.active {
  display: block;
}
.menu__container {
  display: flex;
  margin: auto;
  width: 90vw;
  max-width: 1400px;
}
.menu__inner {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  pointer-events: all;
  padding: 24px;
  margin: auto 0 auto auto;
}

.menuNav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.menuNav__heading, .menuNav__heading--second {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 0 12px 0;
}
.menuNav__heading--second {
  margin: 20px auto auto;
}
.menuNav ul {
  text-align: left;
}
.menuNav ul li a {
  font-size: 1.4rem;
  color: #303030;
  display: block;
  padding: 8px 0;
}
.menuNav ul li a:hover {
  color: #A8A8A8;
}

.search {
  /* キーワードエリア */
  /* キーワードエリア */
  /* 検索メニュー */
}
.searchTab {
  display: flex;
  justify-content: center;
  margin: 0px 0px 0px;
  background-color: #fafaf8;
}
@media screen and (max-width: 768px) {
  .searchTab {
    border-top: solid 1px #dadada;
  }
}
.searchTab__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 33.3333333333%;
  padding: 12px 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  border-bottom: solid 1px #dadada;
  color: #b09c5d;
}
.searchTab__btn:nth-child(2) {
  border-left: solid 1px #dadada;
}
.searchTab__btn:nth-child(3) {
  border-left: solid 1px #dadada;
}
.searchTab__contents {
  display: none;
}
.searchItem__form--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .searchItem__form--sp {
    display: block;
    margin: 20px 20px auto;
  }
}
.searchKeyword {
  display: flex;
  border: 1px solid #dadada;
  padding: 0 4px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .searchKeyword {
    display: none;
  }
}
.searchKeyword input[type=text] {
  padding: 12px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .searchKeyword input[type=text] {
    font-size: 16px;
    padding: 8px;
  }
}
.searchKeyword .searchInputBtn {
  background-color: #FFFFFF;
  border: none;
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchKeyword .material-icons {
  font-size: 24px;
  color: #303030;
}
.searchKeyword--sp {
  display: none;
  border: 1px solid #dadada;
  padding: 0 4px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .searchKeyword--sp {
    display: flex;
  }
}
.searchKeyword--sp input[type=text] {
  padding: 12px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .searchKeyword--sp input[type=text] {
    font-size: 16px;
    padding: 8px;
  }
}
.searchKeyword--sp .searchInputBtn {
  background-color: #FFFFFF;
  border: none;
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchKeyword--sp .material-icons {
  font-size: 24px;
  color: #303030;
}
.searchMenu {
  display: none;
  padding: 0px;
  margin: 4px auto auto;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: solid 1px #dadada;
}
@media screen and (max-width: 768px) {
  .searchMenu {
    margin: 0px auto auto;
    height: 100vh;
  }
}
.searchList {
  padding: 20px;
}
.searchList__inner + .searchList__inner {
  margin: auto auto 40px;
}
.searchList__inner:last-child {
  margin: auto;
}
.searchList__test {
  max-height: 300px;
  overflow-y: scroll;
}
.searchList h2.keywordTitle {
  font-size: 15px;
  font-weight: bold;
  margin: auto auto 12px;
  display: flex;
  align-items: center;
}
.searchList h2.keywordTitle span {
  margin: auto 4px auto 0;
  font-size: 20px;
  color: rgb(241, 56, 56);
}
.searchList ul.history li a {
  font-size: 14px;
  border-bottom: solid 1px #f1ebd7;
  padding: 12px 10px;
  display: block;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .searchList ul.history li a {
    padding: 12px 0px;
  }
}
.searchList ul.history li a:hover {
  background-color: #fafaf8;
}
.searchList ul.history li a span {
  color: #A8A8A8;
  font-size: 18px;
  margin: auto 4px auto 0;
}
.searchList ul.keyword {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.searchList ul.keyword li a {
  font-size: 14px;
  border: solid 1px #f1ebd7;
  padding: 8px 12px;
  border-radius: 9999px;
  display: block;
}
.searchList ul.keyword li a:hover {
  background-color: #fafaf8;
}
.searchBtn {
  border-top: solid 1px #dadada;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .searchBtn {
    background-color: #FFFFFF;
    position: fixed;
    bottom: 0;
    width: 100%;
  }
}
.searchBtn button {
  width: 50%;
  padding: 16px;
  -webkit-appearance: none;
  font-size: 1.4rem;
}
.searchBtn__clear {
  background-color: #ECECEC;
  color: #303030;
}
.searchBtn__search {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.searchCategory {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .searchCategory {
    width: 100%;
  }
}
.searchCategory__block {
  height: 500px;
  overflow-y: scroll;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .searchCategory__block {
    height: 100%;
    padding: 16px 16px 120px;
  }
}
.searchCategory__inner + .searchCategory__inner {
  margin: 20px auto auto;
}
.searchCategory__title {
  font-size: 1.4rem;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.4;
  padding: 8px;
  display: flex;
  align-items: center;
  background-color: #b09c5d;
  color: #FFFFFF;
  margin: auto auto 12px;
}
@media screen and (max-width: 768px) {
  .searchCategory__title {
    font-size: 1.4rem;
    margin: auto auto 0px;
  }
}
.searchCategory__title a {
  color: #303030;
}
.searchCategory__title a:hover {
  text-decoration: underline;
}
.searchCategory ul li {
  position: relative;
  font-size: 1.4rem;
  color: #303030;
  transition: all 0.3s;
  border-top: solid 1px #f1ebd7;
}
.searchCategory ul li:last-child {
  border-bottom: solid 1px #f1ebd7;
}
.searchCategory ul li a {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.searchCategory ul li a:hover {
  opacity: 0.7;
}
.searchCategory ul li.hasChild::before {
  content: "";
  position: absolute;
  right: 16px;
  top: 18px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.searchCategory ul li.hasChild.open::before {
  transform: rotate(-135deg);
}
.searchCategory ul li.hasChild ul {
  background-color: #fafaf8;
  display: none;
}
.searchCategory ul li.hasChild ul li {
  border-top: solid 1px #f1ebd7;
  list-style: none;
  cursor: pointer;
  position: relative;
}
.searchCategory ul li.hasChild ul li:last-child {
  border-bottom: none;
}
.searchCategory ul li.hasChild ul li a {
  padding: 12px;
}
.searchCategory ul li.hasChild ul li a:hover {
  opacity: 1;
  text-decoration: underline;
}
.searchBrand {
  overflow-y: scroll;
  height: 500px;
}
@media screen and (max-width: 768px) {
  .searchBrand {
    height: 100%;
  }
}
.searchBrand__inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .searchBrand__inner {
    padding: 0 0 60px;
  }
}
.searchBrand__inner + .searchBrand__inner {
  border-top: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .searchBrand__inner + .searchBrand__inner {
    border-top: none;
  }
}
.searchBrand__type {
  width: 100%;
  border-bottom: solid 1px #ECECEC;
  display: flex;
  padding: 12px;
  gap: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .searchBrand__type {
    overflow-x: scroll;
    border-collapse: collapse;
    white-space: nowrap;
  }
}
.searchBrand__type__item {
  padding: 8px 12px;
  border-radius: 2px;
  font-size: 1.4rem;
  border: solid 1px #dadada;
  cursor: pointer;
  /* すべて */
  /* レディース */
  /* ペア */
  /* メンズ */
}
.searchBrand__type__item:nth-child(1) {
  border: solid 1px #ECECEC;
  color: #b09c5d;
}
.searchBrand__type__item:nth-child(1).is-btn-activeType {
  background-color: #b09c5d;
  border: solid 1px #b09c5d;
  color: #FFFFFF;
}
.searchBrand__type__item:nth-child(2) {
  border: solid 1px #ECECEC;
  color: #ef6074;
}
.searchBrand__type__item:nth-child(2).is-btn-activeType {
  background-color: #ef6074;
  border: solid 1px #ef6074;
  color: #FFFFFF;
}
.searchBrand__type__item:nth-child(3) {
  border: solid 1px #ECECEC;
  color: #40b2aa;
}
.searchBrand__type__item:nth-child(3).is-btn-activeType {
  background-color: #40b2aa;
  border: solid 1px #40b2aa;
  color: #FFFFFF;
}
.searchBrand__type__item:nth-child(4) {
  border: solid 1px #ECECEC;
  color: #3269b1;
}
.searchBrand__type__item:nth-child(4).is-btn-activeType {
  background-color: #3269b1;
  border: solid 1px #3269b1;
  color: #FFFFFF;
}
.searchBrand__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  padding: 16px 16px 0;
}
@media screen and (max-width: 768px) {
  .searchBrand__nav {
    -moz-column-gap: 8px;
         column-gap: 8px;
    justify-content: space-between;
  }
}
.searchBrand__nav li {
  width: 35px;
}
@media screen and (max-width: 768px) {
  .searchBrand__nav li {
    width: 14.2857142857%;
  }
}
.searchBrand__nav li a {
  border: solid 1px #dadada;
  padding: 8px 0px;
  display: block;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 2px;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 768px) {
  .searchBrand__nav li a {
    padding: 12px;
  }
}
.searchBrand__nav li.other {
  width: auto;
}
@media screen and (max-width: 768px) {
  .searchBrand__nav li.other {
    width: auto;
  }
}
.searchBrand__nav li.other a {
  padding: 8px;
}
.searchBrand__nav li.is-active a {
  color: #FFFFFF;
  background-color: #b09c5d;
  border: solid 1px #b09c5d;
}
.searchBrand__nav--filter {
  padding-bottom: 16px;
}
.searchBrand__content {
  display: none;
}
.searchBrand__content__inner {
  padding: 16px;
}
.searchBrand__content__inner ul {
  border-bottom: none;
}
.searchBrand__content__inner ul li {
  border: none;
  background-repeat: no-repeat;
  background-position: center left;
}
.searchBrand__content__inner ul li .items__inner {
  margin: 4px auto auto;
}
.searchBrand__title {
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #F4F6FA;
  padding: 8px 12px;
  border-radius: 2px;
  font-family: "Inter", sans-serif;
  scroll-margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .searchBrand__title {
    scroll-margin-top: 16px;
  }
}
.searchBrand__title--filter {
  scroll-margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .searchBrand__title--filter {
    scroll-margin-top: 16px;
  }
}
.searchBrand__list li a {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.searchBrand__list li + li {
  border-top: solid 1px #ececec;
}
.searchBrand__list__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: auto 0 auto 0;
}
.searchBrand__list__image img {
  width: 85%;
}
.searchBrand__list__inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: auto auto auto 0;
}
.searchBrand__list__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  font-family: "Inter", sans-serif;
}
.searchBrand__list__reading {
  font-size: 10px;
  line-height: 1.4;
  color: #8a8a8a;
}
.searchBrand__list span {
  font-size: 14px;
  white-space: nowrap;
  color: #8a8a8a;
  font-family: "Inter", sans-serif;
}

.is-btn-active {
  background-color: #FFFFFF;
  color: #303030;
  font-weight: bold;
  border-bottom: solid 1px #FFFFFF;
}

.is-contents-active {
  display: block;
}

.is-contents-activeBrand {
  display: block;
}

.sp-close {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-close {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #303030;
    border-radius: 4px;
    border: solid 1px #303030;
    font-size: 1.4rem;
    height: 44px;
    margin: 20px;
  }
  .sp-close span {
    display: inline-block;
    vertical-align: middle;
    color: #303030;
    line-height: 1;
    width: 1em;
    height: 0.1em;
    background: currentColor;
    border-radius: 0.1em;
    position: relative;
    transform: rotate(45deg);
    margin: auto 4px auto -8px;
  }
  .sp-close span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
  }
}

.spMenu {
  display: block;
  position: fixed;
  top: 0;
  z-index: 9999;
}
.spMenu__nav {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background: #FFFFFF;
  transition: all 0.3s;
  display: none;
}
.spMenu__nav.active {
  display: block;
}
.spMenu__nav--scroll {
  position: fixed;
  z-index: 2001;
  width: 100%;
  height: 100vh;
  padding: 0 0 80px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.spMenu__nav--scroll > ul li {
  position: relative;
  font-size: 1.4rem;
  border-top: solid 1px #ECECEC;
}
.spMenu__nav--scroll > ul li a {
  display: flex;
  align-items: center;
  padding: 16px;
}
.spMenu__nav--scroll > ul li::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #A8A8A8;
  border-right: 1px solid #A8A8A8;
  transform: rotate(45deg);
}
.spMenu__nav--scroll > ul li.all {
  color: #303030;
}
.spMenu__nav--scroll > ul li.ladies {
  color: #EF6074;
}
.spMenu__nav--scroll > ul li.mens {
  color: #3269B1;
}
.spMenu__nav--scroll > ul:last-child {
  border-bottom: solid 1px #ECECEC;
}
.spMenu__close {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #303030;
  border-radius: 4px;
  border: solid 1px #303030;
  font-size: 1.4rem;
  height: 44px;
  margin: 20px;
}
.spMenu__close span {
  display: inline-block;
  vertical-align: middle;
  color: #303030;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
  margin: auto 4px auto -8px;
}
.spMenu__close span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.spMenu__heading {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #A8A8A8;
  background-color: #F4F6FA;
  border-top: solid 1px #ECECEC;
  padding: 8px 16px;
  pointer-events: none;
}
.spMenu__account {
  border-top: solid 1px #ECECEC;
  padding: 16px;
}
.spMenu__account__name {
  font-size: 2rem;
}
.spMenu__account__name::after {
  content: "さん";
  font-weight: normal;
  font-size: 1.2rem;
  margin: auto auto auto 4px;
}
.spMenu__account__inner + .spMenu__account__inner {
  margin: 16px auto auto;
}
.spMenu__account dl {
  font-size: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.spMenu__account dl dt {
  width: 50%;
  margin: 4px 0;
  font-weight: normal;
  color: #A8A8A8;
}
.spMenu__account dl dd {
  width: 50%;
  margin: 4px 0;
  text-align: right;
}
.spMenu__account dl dd span.spMenu__account__rank {
  color: #EF6074;
  font-family: "Inter", sans-serif;
}
.spMenu__account dl dd span.spMenu__account__point {
  color: #EF6074;
  font-family: "Inter", sans-serif;
}
.spMenu__account dl dd span.spMenu__account__point::after {
  content: "pt";
  font-weight: normal;
  font-size: 1.2rem;
  margin: auto auto auto 4px;
}
.spMenu__account__lank {
  width: 100%;
  background-color: #F4F6FA;
  border-radius: 9999px;
}
.spMenu__account__lank--current {
  height: 8px;
  background-color: #EF6074;
  border-radius: 9999px;
}
.spMenu__account__text {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 16px auto auto;
  font-family: "Inter", sans-serif;
}
.spMenu__account__text span {
  color: #EF6074;
  margin: auto 4px;
}
.spMenu__account__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: solid 1px #ECECEC;
  font-size: 1.4rem;
  height: 38px;
}

.sectionHeader, .sectionHeader--page {
  position: relative;
  margin: auto auto 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .sectionHeader, .sectionHeader--page {
    margin: auto auto 16px;
  }
}
.sectionHeader--page {
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  margin: auto auto 40px;
}
@media screen and (max-width: 768px) {
  .sectionHeader--page {
    margin: auto auto 24px;
    gap: 12px;
  }
}
.sectionHeader__title {
  font-size: 2rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .sectionHeader__title {
    font-size: 1.6rem;
  }
}
.sectionHeader__title a {
  color: #303030;
}
.sectionHeader__title a:hover {
  text-decoration: underline;
}
.sectionHeader__link {
  font-size: 1.4rem;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  word-break: keep-all;
  background-color: #b09c5d;
  padding: 12px 16px;
  border-radius: 2px;
}
.sectionHeader__link:hover {
  background-color: #8b7b45;
}
@media screen and (max-width: 768px) {
  .sectionHeader__link {
    display: none;
  }
}
.sectionHeader__subTitle {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  margin: auto auto auto 0;
  color: #7c7c7c;
}
@media screen and (max-width: 768px) {
  .sectionHeader__subTitle {
    font-size: 1.4rem;
  }
}
.sectionHeader__subTitle::before {
  content: "";
  height: 1px;
  background-color: #7c7c7c;
  margin-right: 8px;
  width: 16px;
}
@media screen and (max-width: 768px) {
  .sectionHeader__subTitle::before {
    margin-right: 8px;
    width: 12px;
  }
}
.sectionHeader__description {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .sectionHeader__description {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    font-size: 1.2rem;
  }
}
.breadcrumb ol {
  display: flex;
  width: 90vw;
  max-width: 1400px;
  margin: auto;
  padding: 32px 0 0;
  overflow-x: scroll;
  word-break: keep-all;
  white-space: nowrap;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  .breadcrumb ol {
    padding: 20px 0;
  }
}
@supports not selector(::-webkit-scrollbar) {
  .breadcrumb ol {
    scrollbar-width: none;
  }
}
@supports selector(::-webkit-scrollbar) {
  .breadcrumb ol::-webkit-scrollbar {
    display: none;
  }
}
.breadcrumb li {
  display: inline;
  list-style: none;
  position: relative;
  padding: 0 24px 0 0;
  color: #A8A8A8;
}
.breadcrumb li::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 25%;
  width: 7px;
  height: 7px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.breadcrumb li:last-child::after {
  display: none;
}
.breadcrumb li a {
  text-decoration: none;
  color: #3269B1;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}

.items, .items--mypage {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .items, .items--mypage {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2px;
    row-gap: 20px;
  }
}
.items__inner {
  margin: 16px auto auto;
}
@media screen and (max-width: 768px) {
  .items__inner {
    margin: 8px auto auto;
  }
}
.items--mypage {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1000px) {
  .items--mypage {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.items--feature {
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .items--feature {
    gap: 2px;
    row-gap: 20px;
  }
}
.items__inner--flex {
  margin: 16px auto auto;
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .items__inner--flex {
    margin: 8px auto auto;
  }
}
.items__block {
  width: calc(100% - 24px);
}
.items__favorite {
  width: 24px;
}
.items__favorite img {
  width: 24px;
  height: 24px;
}

.name--items, .name--favorite {
  font-size: 1.4rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .name--items, .name--favorite {
    font-size: 1rem;
    -webkit-line-clamp: 1;
  }
}
.name--items:hover, .name--favorite:hover {
  text-decoration: underline;
}
.name--item {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
  font-size: 2rem;
}
.name--item a {
  color: #303030;
}
.name--favorite {
  -webkit-line-clamp: 2;
}

.price--items {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 6px auto auto;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .price--items {
    margin: 4px auto auto;
    font-size: 1.2rem;
  }
}
.price--items::before {
  content: "￥";
}
.price--items::after {
  content: "税込";
  font-weight: normal;
  font-size: 1rem;
  margin: auto auto auto 5px;
}
@media screen and (max-width: 768px) {
  .price--items::after {
    font-size: 1rem;
  }
}
.price--item {
  font-size: 2.6rem;
  font-weight: bold;
  align-items: center;
  color: #E43636;
}
.price--item::before {
  content: "￥";
  font-weight: bold;
}
.price--item span.tax {
  font-size: 1.2rem;
  margin: auto 0 auto 8px;
  font-weight: normal;
}

.soldout--items {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 6px auto auto;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #E43636;
}
@media screen and (max-width: 768px) {
  .soldout--items {
    margin: 4px auto auto;
    font-size: 1.2rem;
  }
}
.soldout--item {
  font-size: 2.4rem;
  font-weight: bold;
  align-items: center;
  color: #E43636;
}

.brandName--items {
  font-size: 1.2rem;
  margin: auto auto 3px;
}
@media screen and (max-width: 768px) {
  .brandName--items {
    font-size: 1rem;
  }
}
.brandName--items a:hover {
  text-decoration: underline;
}
.brandName--item {
  font-size: 1.4rem;
  margin: auto auto 20px auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .brandName--item {
    margin: auto auto 12px auto;
  }
}
.brandName--item .material-symbols-outlined {
  font-size: 22px;
  color: #3269B1;
}
.brandName--item a {
  color: #3269B1;
}
.brandName--item a:hover {
  text-decoration: underline;
}

.photo--items {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  border: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .photo--items {
    border-radius: 2px;
  }
}
.photo--items img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .photo--items img {
    border-radius: 2px;
  }
}
.photo--items img:hover {
  opacity: 0.8;
}
.photo--items .rankIcon, .photo--items .rankIcon--3, .photo--items .rankIcon--2, .photo--items .rankIcon--1 {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #303030;
  background-color: #ECECEC;
  font-size: 1.2rem;
  pointer-events: none;
  border-radius: 2px;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 768px) {
  .photo--items .rankIcon, .photo--items .rankIcon--3, .photo--items .rankIcon--2, .photo--items .rankIcon--1 {
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
  }
}
.photo--items .rankIcon--1 {
  background-color: #B09100;
  color: #FFFFFF;
}
.photo--items .rankIcon--2 {
  background-color: #A8A8A8;
  color: #FFFFFF;
}
.photo--items .rankIcon--3 {
  background-color: #A27652;
  color: #FFFFFF;
}
.photo--items .pointLabel {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  background-color: #E43636;
  color: #FFFFFF;
  font-size: 1.1rem;
  pointer-events: none;
  font-family: "Inter", sans-serif;
  padding: 5px 7px;
}
@media screen and (max-width: 768px) {
  .photo--items .pointLabel {
    font-size: 0.9rem;
    padding: 3px 5px;
  }
}
.photo--item {
  margin: 0;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .photo--item {
    width: 100%;
    margin: -20px auto 0px auto;
  }
}

.btn {
  margin: 28px auto auto;
}
@media screen and (max-width: 768px) {
  .btn {
    display: none;
  }
}
.btn__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.btn--bookmark a, .btn--bookmark--remove a {
  color: #EF6074;
  border: solid 1px #EF6074;
  font-size: 1.6rem;
  width: 100%;
  text-align: center;
  padding: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.btn--bookmark a:hover, .btn--bookmark--remove a:hover {
  color: #FFFFFF;
  background-color: #EF6074;
}
.btn--bookmark .icon, .btn--bookmark--remove .icon {
  stroke: #EF6074;
  margin-right: 8px;
  transition: all 0.3s;
}
.btn--bookmark:hover .icon, .btn--bookmark--remove:hover .icon {
  stroke: #FFFFFF;
}
.btn--bookmark--remove a {
  color: #A8A8A8;
  border: solid 1px #ECECEC;
  background-color: #ECECEC;
}
.btn--bookmark--remove a:hover {
  background-color: #A8A8A8;
}
.btn--bookmark--remove .icon {
  stroke: #A8A8A8;
}
.btn--cart button {
  width: 100%;
  background-color: #3269B1;
  color: #FFFFFF;
  text-align: center;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .btn--cart button {
    padding: 16px;
  }
}
.btn--cart button:hover {
  opacity: 0.8;
}
.btn--cart .icon {
  stroke: #FFFFFF;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .btn--cart-dialog {
    width: 65%;
  }
}
.btn--cart-dialog button {
  width: 100%;
  background-color: #3269B1;
  color: #FFFFFF;
  text-align: center;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .btn--cart-dialog button {
    padding: 16px;
  }
}
.btn--cart-dialog button:hover {
  opacity: 0.8;
}
.btn--cart-dialog .icon {
  stroke: #FFFFFF;
  margin-right: 8px;
}
.btn--buy {
  width: 100%;
  background-color: #3269B1;
  text-align: center;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background-color: #3269B1;
  font-size: 1.6rem;
  font-weight: bold;
  gap: 8px;
}
.btn--buy .icon {
  stroke: #FFFFFF;
}
.btn--bookmark--sp, .btn--bookmark--sp--remove {
  display: flex;
  align-items: center;
  margin: auto 16px auto 4px;
}
.btn--bookmark--sp .icon, .btn--bookmark--sp--remove .icon {
  stroke: #A8A8A8;
}
.btn--bookmark--sp--remove .icon {
  stroke: #EF6074;
}
.btn--bookmark--sp--remove .icon svg {
  fill: #EF6074;
}
.btn--soldout {
  width: 100%;
  text-align: center;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background-color: #dadada;
  font-size: 1.6rem;
  font-weight: bold;
  gap: 8px;
}
.btn--soldout .icon {
  stroke: #FFFFFF;
}

.swiper--main .swiper-horizontal {
  padding: 20px 0 !important;
}
@media screen and (max-width: 768px) {
  .swiper--main .swiper-horizontal {
    padding: 10px 0 !important;
  }
}
.swiper--main .swiper-slide {
  position: relative !important;
  border-radius: 8px;
  background-color: #F4F6FA;
  transition: all 0.3s;
  cursor: pointer;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  transform: none !important;
  transition: none !important;
}
@media screen and (max-width: 1000px) {
  .swiper--main .swiper-slide {
    max-width: 100%;
  }
}
.swiper--main .swiper-slide:hover {
  opacity: 0.7;
}
.swiper--main .swiper-pagination {
  position: absolute;
  bottom: 24px !important;
}
@media screen and (max-width: 768px) {
  .swiper--main .swiper-pagination {
    bottom: 12px !important;
  }
}
.swiper--main .swiper-pagination-bullet {
  background-color: #A8A8A8 !important;
}
.swiper--main .swiper-pagination-bullet-active {
  background: #303030 !important;
}
.swiper--photo .swiper {
  z-index: 0 !important;
  width: 100% !important;
}
.swiper--photo .slider {
  position: relative;
}
.swiper--photo .swiper-wrapper {
  display: flex;
}
.swiper--photo .swiper-slide {
  margin: auto 0 0 0 !important;
  position: relative;
}
@media screen and (max-width: 768px) {
  .swiper--photo .swiper-slide {
    margin: auto auto auto 0;
  }
}
.swiper--photo .swiper-slide img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .swiper--photo .swiper-slide img {
    border-radius: 0px;
  }
}
.swiper--photo .swiper-slide__inner {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .swiper--photo .swiper-slide__inner {
    aspect-ratio: 1/1;
    padding-top: 0%;
    display: flex;
    align-items: center;
  }
}
.swiper--photo .swiperPhotoThumbnail {
  margin: 24px -8px auto;
  width: calc(100% + 16px) !important;
  justify-content: flex-start !important;
}
@media screen and (max-width: 768px) {
  .swiper--photo .swiperPhotoThumbnail {
    width: calc(100% + 10px) !important;
  }
}
.swiper--photo .swiperPhotoThumbnail img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .swiper--photo .swiperPhotoThumbnail .swiper-slide {
    margin: auto auto 0px 0px;
  }
}
.swiper--photo .swiperPhotoThumbnail .swiper-slide {
  padding: 8px !important;
}
@media screen and (max-width: 768px) {
  .swiper--photo .swiperPhotoThumbnail .swiper-slide {
    padding: 2px !important;
  }
}
.swiper--photo .swiper-slide-thumb-active {
  opacity: 0.5;
}
.swiper--photo .swiper-slide-visible {
  transition: all 0.3s;
}
.swiper--photo .swiper-button-prev {
  color: #FFFFFF !important;
  width: 36px !important;
  height: 36px !important;
  background-color: rgba(48, 48, 48, 0.4);
  top: calc(50% + 18px);
  left: 0%;
  transform: translate(0%, -50%);
}
.swiper--photo .swiper-button-prev::after {
  font-size: 1.2rem !important;
  font-weight: bold;
}
.swiper--photo .swiper-button-next {
  color: #FFFFFF !important;
  width: 36px !important;
  height: 36px !important;
  background-color: rgba(48, 48, 48, 0.4);
  top: calc(50% + 18px);
  right: 0%;
  transform: translate(0%, -50%);
}
.swiper--photo .swiper-button-next::after {
  font-size: 1rem !important;
  font-weight: bold;
}
.swiper--item .swiper-wrapper {
  z-index: 0;
}
.swiper--item .swiper-button-prev {
  color: #FFFFFF !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 9999px !important;
  background-color: rgba(48, 48, 48, 0.4);
  z-index: 1 !important;
  display: none;
}
.swiper--item .swiper-button-prev::after {
  font-size: 1.2rem !important;
  font-weight: bold;
}
.swiper--item .swiper-button-next {
  color: #FFFFFF !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 9999px !important;
  background-color: rgba(48, 48, 48, 0.4);
  z-index: 1 !important;
  display: none;
}
.swiper--item .swiper-button-next::after {
  font-size: 1rem !important;
  font-weight: bold;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(48, 48, 48, 0.5);
}

.modal-content {
  display: block;
  max-width: 100%;
  max-height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-close {
  display: none;
}
@media screen and (max-width: 768px) {
  .modal-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 36px;
    color: white;
    cursor: pointer;
  }
}

.table--pay table {
  width: 100%;
  font-size: 1.4rem;
  border-top: solid 1px #ECECEC;
  border-left: solid 1px #ECECEC;
}
.table--pay table th,
.table--pay table td {
  padding: 8px;
  border-right: solid 1px #ECECEC;
  border-bottom: solid 1px #ECECEC;
  line-height: 1.4;
}
.table--pay table tbody th {
  width: 30%;
}
.main {
  position: relative;
  padding: 20px 0 40px 0;
}
@media screen and (max-width: 768px) {
  .main {
    padding: 12px 0 40px 0;
  }
}
.main__item {
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .main__item {
    padding: 16px;
  }
}
.main__image {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.main__image img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.pickup {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .pickup {
    padding: 16px 0px 12px 16px;
  }
}
.pickup__header {
  position: relative;
  margin: auto auto 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pickup__header {
    margin: auto auto 12px;
  }
}
.pickup__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  color: #b09c5d;
}
@media screen and (max-width: 768px) {
  .pickup__title {
    font-size: 1.4rem;
  }
}
.pickup__link {
  font-size: 1.4rem;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  word-break: keep-all;
  background-color: #b09c5d;
  padding: 12px 16px;
  border-radius: 2px;
}
.pickup__link:hover {
  background-color: #8b7b45;
}
@media screen and (max-width: 768px) {
  .pickup__link {
    display: none;
  }
}
.pickup__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 1000px) {
  .pickup__items {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 12px;
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
@media screen and (max-width: 768px) {
  .pickup__items {
    display: flex;
    gap: 8px;
    padding-bottom: 12px;
    padding-right: 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .pickup__items > * {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}
@media screen and (max-width: 768px) {
  .pickup__items li {
    width: 37%;
  }
}
.pickup__badge, .pickup__badge__pear, .pickup__badge__mens, .pickup__badge__ladies {
  font-size: 1rem;
  color: #FFFFFF;
  text-decoration: none;
  word-break: keep-all;
  padding: 4px 6px;
  border-radius: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto 8px 8px 0;
}
.pickup__badge__ladies {
  background-color: #EF6074;
}
.pickup__badge__mens {
  background-color: #3269B1;
}
.pickup__badge__pear {
  background-color: #40B2AA;
}

.moreLink {
  display: none;
}
@media screen and (max-width: 768px) {
  .moreLink {
    display: block;
    margin: 24px auto auto;
  }
}
.moreLink a {
  text-align: center;
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #b09c5d;
  padding: 16px;
  border-radius: 2px;
}
.moreLink__textLink {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 24px 0 auto auto;
  display: flex;
  justify-content: flex-end;
}
.moreLink__textLink a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  text-decoration: none;
  color: #b09c5d;
}
@media screen and (max-width: 768px) {
  .moreLink__textLink a {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #b09c5d;
    padding: 16px;
    border-radius: 2px;
  }
}
.moreLink__textLink a:hover {
  text-decoration: underline;
}

.brandList {
  margin: 80px auto;
}
@media screen and (max-width: 768px) {
  .brandList {
    margin: 48px auto;
  }
}
.brandList section + section {
  margin: 40px auto auto;
}
.brandList__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 1000px) {
  .brandList__items {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
.brandList__photo img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .brandList__photo img {
    border-radius: 2px;
  }
}
.brandList__photo img:hover {
  opacity: 0.8;
}
.brandList__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px;
  margin: auto auto 60px;
}
@media screen and (max-width: 768px) {
  .brandList__nav {
    -moz-column-gap: 8px;
         column-gap: 8px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .brandList__nav li {
    width: 14.2857142857%;
  }
}
@media screen and (max-width: 768px) {
  .brandList__nav li:last-child {
    width: auto;
  }
}
.brandList__nav li a {
  border: solid 1px #dadada;
  padding: 16px 20px;
  display: block;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 2px;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 768px) {
  .brandList__nav li a {
    padding: 12px;
  }
}
.brandList__list {
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .brandList__list {
    margin: 20px auto auto;
  }
}
.brandList__list__container + .brandList__list__container {
  padding: 40px 0 0;
}
.brandList__list__title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  margin: auto auto 16px;
  color: #b09c5d;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 768px) {
  .brandList__list__title {
    font-size: 1.8rem;
  }
}
.brandList__list__title a {
  color: #303030;
}
.brandList__list__title a:hover {
  text-decoration: underline;
}
.brandList__list__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
}
.brandList__list__list > li {
  width: calc(50% - 20px);
}
@media screen and (max-width: 1000px) {
  .brandList__list__list > li {
    width: 100%;
  }
}
.brandList__list__list > li a {
  font-size: 1.4rem;
  line-height: 1.8;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: solid 1px #ececec;
}
@media screen and (max-width: 768px) {
  .brandList__list__list > li a {
    flex-direction: column;
    gap: 8px;
  }
}
.brandList__list__list > li:nth-child(1) {
  border-top: solid 1px #ececec;
}
@media screen and (max-width: 768px) {
  .brandList__list__list > li:nth-child(1) {
    border-top: solid 1px #ececec;
  }
}
.brandList__list__list > li:nth-child(2) {
  border-top: solid 1px #ececec;
}
@media screen and (max-width: 768px) {
  .brandList__list__list > li:nth-child(2) {
    border-top: none;
  }
}
.brandList__list__block {
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .brandList__list__block {
    width: 100%;
  }
}
.brandList__list__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 0 auto 0;
}
@media screen and (max-width: 768px) {
  .brandList__list__image {
    width: 70px;
    height: 70px;
  }
}
.brandList__list__image img {
  width: 85%;
}
.brandList__list__inner {
  display: flex;
  flex-direction: column;
  margin: 0 auto 0 0;
}
.brandList__list__name {
  font-size: 14x;
  font-weight: 500;
  line-height: 1.4;
  font-family: "Inter", sans-serif;
  margin: 4px auto 0 0;
}
@media screen and (max-width: 768px) {
  .brandList__list__name {
    line-height: 1.2;
  }
}
.brandList__list__reading {
  font-size: 11px;
  line-height: 1.4;
  color: #8a8a8a;
  margin: 4px auto 8px 0;
}
.brandList__list__tag {
  display: flex;
  gap: 4px;
  margin: 0 auto auto 0;
}
@media screen and (max-width: 768px) {
  .brandList__list__tag {
    margin: 0 auto auto 0;
  }
}
.brandList__list__tag li {
  background-color: #F4F6FA;
  padding: 1px 6px;
  border-radius: 2px;
  font-size: 10px;
  color: #7c7c7c;
}
@media screen and (max-width: 768px) {
  .brandList__list__tag li {
    font-size: 10px;
  }
}
.brandList__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  margin: auto auto 28px;
}
@media screen and (max-width: 768px) {
  .brandList__title {
    font-size: 1.6rem;
    margin: auto auto 16px;
  }
}
.brandList__brand {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 1000px) {
  .brandList__brand {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
  }
}
.brandList__brand li a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #ECECEC;
  height: 90px;
}
.brandList__brand li a:hover {
  border: solid 1px #b09c5d;
}
.brandList__brand li img {
  width: 82px;
}

.columnList {
  margin: 80px auto;
  padding: 80px 0;
  border-top: solid 1px #ECECEC;
  border-bottom: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .columnList {
    margin: 48px auto;
    padding: 48px 0;
  }
}
.columnList__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .columnList__items {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.columnList__items li {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .columnList__items li {
    flex-direction: row;
  }
}
.columnList__items li > a {
  transition: all 0.3s;
}
.columnList__items li > a:hover {
  opacity: 0.8;
}
.columnList__thumb {
  width: 100%;
}
.columnList__thumb img {
  width: 100%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .columnList__thumb img {
    height: 80px;
  }
}
.columnList__thumb img:hover {
  opacity: 0.8;
}
.columnList__inner {
  width: 100%;
}
.columnList__title {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .columnList__title {
    font-size: 1.3rem;
  }
}
.columnList__title:hover {
  opacity: 0.8;
}
.columnList__description {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 8px 0 0 0;
  transition: all 0.3s;
  color: #A8A8A8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .columnList__description {
    margin: 6px 0 0 0;
    font-size: 1.2rem;
    -webkit-line-clamp: 3;
  }
}
.columnList__description:hover {
  opacity: 0.8;
}

.present {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .present {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 20px;
  }
}
.present--image {
  width: 100%;
  position: relative;
  border: solid 1px #ECECEC;
}
.present--image img {
  width: 100%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .present--image img {
    height: 80px;
  }
}
.present--image img:hover {
  opacity: 0.8;
}
.present__inner {
  margin: 16px auto auto;
}
@media screen and (max-width: 768px) {
  .present__inner {
    margin: 8px auto auto;
  }
}
.present__title {
  font-size: 1.4rem;
  line-height: 1.4;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .present__title {
    font-size: 1.3rem;
  }
}
.present__title:hover {
  opacity: 0.8;
}
.present__description {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 8px 0 0 0;
  transition: all 0.3s;
  color: #A8A8A8;
}
@media screen and (max-width: 768px) {
  .present__description {
    font-size: 1.2rem;
    margin: 6px 0 0 0;
  }
}
.present__description:hover {
  opacity: 0.8;
}

.newsList {
  margin: 80px auto auto;
}
@media screen and (max-width: 768px) {
  .newsList {
    margin: 48px auto auto;
  }
}
.newsList__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .newsList__items {
    gap: 12px;
  }
}
.newsList__items li + li {
  border-top: solid 1px #ECECEC;
  padding: 24px 0 0 0;
}
@media screen and (max-width: 768px) {
  .newsList__items li + li {
    padding: 12px 0 0 0;
  }
}
.newsList__head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin: auto auto 12px;
}
@media screen and (max-width: 768px) {
  .newsList__head {
    margin: auto auto 8px;
  }
}
.newsList__date {
  font-size: 1.4rem;
  margin: auto 0 auto 0;
  color: #7c7c7c;
  font-family: "Inter", sans-serif;
}
.newsList__category li {
  font-size: 1.2rem;
  text-decoration: none;
  word-break: keep-all;
  border-radius: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 6px;
  color: #b09c5d;
  border: solid 1px #b09c5d;
}
.newsList__category li.special {
  color: #268A83;
  border: solid 1px #268A83;
}
.newsList__title {
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .newsList__title {
    font-size: 1.3rem;
  }
}
.newsList__title a {
  color: #303030;
}
@media screen and (max-width: 768px) {
  .newsList__title a {
    display: block;
  }
}
.newsList__title a:hover {
  text-decoration: underline;
}

.information {
  border: solid 1px #EF6074;
  padding: 20px;
  border-radius: 4px;
}
.information__title {
  font-size: 1.6rem;
  font-weight: bold;
  margin: auto auto 12px;
  color: #EF6074;
}
.information__description {
  font-size: 1.4rem;
  line-height: 1.5;
}
.information__description a {
  color: #3269B1;
}
.information__description a:hover {
  text-decoration: underline;
}

.itemHeader {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: auto auto 44px;
}
@media screen and (max-width: 768px) {
  .itemHeader {
    flex-direction: column;
    gap: 16px;
    margin: auto auto 24px;
  }
}
.itemHeader__image {
  width: 340px;
}
@media screen and (max-width: 768px) {
  .itemHeader__image {
    width: 100%;
  }
}
.itemHeader__image img {
  width: 100%;
}
.itemHeader__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .itemHeader__inner {
    gap: 8px;
  }
}
.itemHeader__image + .itemHeader__inner {
  width: calc(100% - 160px);
}
@media screen and (max-width: 768px) {
  .itemHeader__image + .itemHeader__inner {
    width: 100%;
  }
}
.itemHeader__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .itemHeader__title {
    font-size: 1.6rem;
  }
}
.itemHeader__title a {
  color: #303030;
}
.itemHeader__title a:hover {
  text-decoration: underline;
}
.itemHeader__description {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .itemHeader__description {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}

.result {
  margin: auto auto 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .result {
    margin: auto auto 20px;
  }
}
.result__count, .result__count--column {
  font-size: 1.8rem;
  font-weight: bold;
}
.result__count::before, .result__count--column::before, .result__count::after, .result__count--column::after {
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .result__count::before, .result__count--column::before, .result__count::after, .result__count--column::after {
    font-size: 1.2rem;
  }
}
.result__count::before, .result__count--column::before {
  content: "対象商品";
  margin: auto 8px auto auto;
}
.result__count::after, .result__count--column::after {
  content: "件";
  margin: auto auto auto 8px;
}
.result__count--column::before {
  content: "対象記事";
  margin: auto 8px auto auto;
}
.result__designSample {
  font-size: 1.8rem;
  font-weight: bold;
}
.result__designSample::before, .result__designSample::after {
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .result__designSample::before, .result__designSample::after {
    font-size: 1.2rem;
  }
}
.result__designSample::before {
  content: "参考商品";
  margin: auto 8px auto auto;
}
.result__designSample::after {
  content: "件";
  margin: auto auto auto 8px;
}
.result__option {
  display: flex;
}
.result__option__inner + .result__option__inner {
  margin: auto auto auto 20px;
}
.result__option__select {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.result__option__select::after {
  position: absolute;
  right: 0px;
  width: 10px;
  height: 7px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  pointer-events: none;
  background-color: #303030;
}
.result__option__select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 40px;
  border: none;
  color: #303030;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  border-bottom: 1px solid #ECECEC;
  cursor: pointer;
  padding: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
  .result__option__select select {
    height: 36px;
  }
}
.result__option__select select:focus {
  outline: none;
}

.pager {
  display: flex;
  justify-content: center;
  margin: 80px auto auto;
}
@media screen and (max-width: 768px) {
  .pager {
    margin: 60px auto;
  }
}
.pager li {
  font-size: 1.6rem;
  margin: 0px 8px;
}
@media screen and (max-width: 768px) {
  .pager li {
    font-size: 1.4rem;
    margin: 0px 4px;
  }
}
.pager li a {
  color: #b09c5d;
  text-decoration: none;
  padding: 8px 12px;
  border: solid 1px #b09c5d;
  transition: all 0.3s;
  font-family: "Inter", sans-serif;
}
.pager li a:hover {
  color: #A8A8A8;
  background-color: #b09c5d;
  color: #FFFFFF;
}
.pager li span {
  text-decoration: none;
  padding: 8px 12px;
  border: solid 1px #b09c5d;
  color: #A8A8A8;
  background-color: #b09c5d;
  color: #FFFFFF;
}

.filter {
  margin: 40px auto;
  border: solid 1px #f1ebd7;
}
.filter__inner {
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .filter__inner {
    padding: 12px;
  }
}
.filter__inner + .filter__inner {
  border-top: solid 1px #f1ebd7;
}
.filter__type ul {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .filter__type ul {
    gap: 4px;
  }
}
.filter__type ul li {
  position: relative;
  font-size: 1.4rem;
  color: #303030;
  transition: all 0.3s;
  border: solid 1px #ECECEC;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .filter__type ul li {
    width: 25%;
    font-size: 1.2rem;
  }
}
.filter__type ul li a {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
}
@media screen and (max-width: 768px) {
  .filter__type ul li a {
    padding: 8px 8px;
    justify-content: center;
  }
}
.filter__type ul li.active {
  border-radius: 2px;
}
.filter__type ul li.all {
  color: #b09c5d;
}
.filter__type ul li.all.active {
  background-color: #b09c5d;
  border: solid 1px #b09c5d;
  color: #FFFFFF;
}
.filter__type ul li.ladies {
  color: #ef6074;
}
.filter__type ul li.ladies.active {
  background-color: #ef6074;
  border: solid 1px #ef6074;
  color: #FFFFFF;
}
.filter__type ul li.pear {
  color: #40b2aa;
}
.filter__type ul li.pear.active {
  background-color: #40b2aa;
  border: solid 1px #40b2aa;
  color: #FFFFFF;
}
.filter__type ul li.mens {
  color: #3269b1;
}
.filter__type ul li.mens.active {
  background-color: #3269b1;
  border: solid 1px #3269b1;
  color: #FFFFFF;
}
.filter__category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .filter__category ul {
    margin-bottom: -10px;
    padding-bottom: 10px;
    gap: 4px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .filter__category ul > * {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}
.filter__category ul li {
  position: relative;
  transition: all 0.3s;
}
.filter__category ul li a {
  font-size: 1.4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  color: #303030;
  border: solid 1px #ECECEC;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .filter__category ul li a {
    font-size: 1.2rem;
    padding: 8px 8px;
  }
}
.filter__category ul li a.active {
  border: solid 1px #598DD1;
  color: #598DD1;
}
.filter__bland {
  width: 100%;
  display: flex;
}
.filter__bland__selected {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filter__bland__selected a.select {
  background-color: #FFFFFF;
  color: #598DD1;
  border-radius: 2px;
  padding: 10px 12px;
  font-size: 1.4rem;
  border: solid 1px #598DD1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .filter__bland__selected a.select {
    font-size: 1.2rem;
    padding: 8px 8px;
  }
}
.filter__bland__selected a.select span {
  display: inline-block;
  vertical-align: middle;
  color: #598DD1;
  width: 14px;
  height: 2px;
  background: currentColor;
  position: relative;
  transform: rotate(45deg);
  margin: auto 0px auto 6px;
}
@media screen and (max-width: 768px) {
  .filter__bland__selected a.select span {
    width: 12px;
    height: 1px;
  }
}
.filter__bland__selected a.select span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.filter__bland__selected .blandAdd {
  background-color: #FFFFFF;
  border-radius: 2px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #303030;
  border: 1px solid #ECECEC;
}
@media screen and (max-width: 768px) {
  .filter__bland__selected .blandAdd {
    width: 30px;
    height: 30px;
  }
}
.filter__bland__selected .blandAdd span {
  display: inline-block;
  vertical-align: middle;
  color: #303030;
  width: 12px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  position: relative;
  transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .filter__bland__selected .blandAdd span {
    width: 12px;
    height: 1px;
  }
}
.filter__bland__selected .blandAdd span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.filter__bland__selectBtn {
  background-color: #FFFFFF;
  color: #598DD1;
  padding: 10px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border-radius: 2px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: #303030;
  border: 1px solid #ECECEC;
}
.filter__bland__selectBtn span {
  display: inline-block;
  vertical-align: middle;
  color: #303030;
  width: 12px;
  height: 2px;
  background: currentColor;
  border-radius: 9999px;
  position: relative;
  transform: rotate(90deg);
  margin: auto 8px auto auto;
}
@media screen and (max-width: 768px) {
  .filter__bland__selectBtn span {
    width: 12px;
    height: 1px;
  }
}
.filter__bland__selectBtn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .filter__bland__selectBtn {
    font-size: 1.2rem;
    padding: 8px 8px;
  }
}
.filter__bland__active {
  display: block;
}
.filter__conditions {
  background-color: #fafaf8;
  border-top: solid 1px #f1ebd7;
  overflow: hidden;
}
.filter__conditions summary {
  cursor: pointer;
  color: #b09c5d;
  font-size: 1.6rem;
  width: auto;
  position: relative;
  background-color: #fafaf8;
  border-radius: 2px;
  display: flex;
  gap: 8px;
  align-items: center;
  list-style: none;
  padding: 16px 20px;
}
@media screen and (max-width: 768px) {
  .filter__conditions summary {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 8px 12px;
  }
}
.filter__conditions summary .material-symbols-outlined {
  color: #b09c5d;
}
.filter__conditions summary::after {
  border-right: solid 2px #b09c5d;
  border-top: solid 2px #b09c5d;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 30px;
  top: 47%;
  transform: translateY(-50%) rotate(135deg);
  pointer-events: none;
  width: 8px;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .filter__conditions summary::after {
    right: 16px;
  }
}
.filter__conditions summary::-webkit-details-marker {
  display: none;
}
.filter__conditions details[open] > summary::after {
  transform: translateY(-50%) rotate(-45deg);
  top: 53%;
}
.filter__conditions__wrapper {
  margin: auto 8px 8px;
  background-color: #FFFFFF;
  border-left: solid 1px #f1ebd7;
  border-right: solid 1px #f1ebd7;
  border-bottom: solid 1px #f1ebd7;
}
.filter__conditions__inner {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .filter__conditions__inner {
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
}
.filter__conditions__inner h2 {
  margin: 0;
  font-size: 1.4rem;
  width: 120px;
  color: #b09c5d;
}
@media screen and (max-width: 768px) {
  .filter__conditions__inner h2 {
    font-size: 1.2rem;
    width: 100%;
  }
}
.filter__conditions__group {
  display: flex;
}
@media screen and (max-width: 768px) {
  .filter__conditions__group {
    flex-direction: column;
  }
}
.filter__conditions__group .filter__conditions__inner {
  width: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .filter__conditions__group .filter__conditions__inner {
    flex-direction: column;
    width: 100%;
  }
}
.filter__conditions .select-group {
  display: flex;
  align-items: center;
  gap: 12px;
  width: calc(100% - 120px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .filter__conditions .select-group {
    width: 100%;
  }
}
.filter__conditions .select-group::after {
  border-right: solid 2px #303030;
  border-top: solid 2px #303030;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 16px;
  top: 47%;
  transform: translateY(-50%) rotate(135deg);
  pointer-events: none;
  width: 8px;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
.filter__conditions .select-group select {
  padding: 12px;
  border: solid 1px #ECECEC;
  font-size: 1.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #FFFFFF;
  color: #303030;
  border-radius: 2px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .filter__conditions .select-group select {
    padding: 8px;
  }
}
.filter__conditions .price-group {
  display: flex;
  align-items: center;
  gap: 12px;
  width: calc(100% - 120px);
}
@media screen and (max-width: 768px) {
  .filter__conditions .price-group {
    width: 100%;
  }
}
.filter__conditions .price-group p {
  font-size: 1.4rem;
}
.filter__conditions .price-group select {
  padding: 12px;
  border: solid 1px #ECECEC;
  font-size: 1.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #FFFFFF;
  color: #303030;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .filter__conditions .price-group select {
    padding: 8px;
  }
}
.filter__conditions .check-group {
  width: calc(100% - 120px);
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .filter__conditions .check-group {
    width: 100%;
    gap: 4px;
  }
}
.filter__conditions .check-group .checkboxItem {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .filter__conditions .check-group .checkboxItem {
    width: 49%;
  }
}
.filter__conditions .check-group .checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #dadada;
  border-radius: 999px;
  cursor: pointer;
}
.filter__conditions .check-group .checkbox::after {
  content: "";
  position: absolute;
  top: 7.5px;
  left: 6px;
  width: 12px;
  height: 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
}
.filter__conditions .check-group .checkbox:checked {
  background-color: #b09c5d;
}
.filter__conditions .check-group .checkbox:checked::after {
  content: "";
  position: absolute;
  top: 7.5px;
  left: 6px;
  width: 12px;
  height: 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
}
.filter__conditions__btn {
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .filter__conditions__btn {
    gap: 8px;
    flex-direction: row;
  }
}
.filter__conditions__btn button {
  border-radius: 2px;
  padding: 12px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .filter__conditions__btn button {
    padding: 8px;
    margin: 0px;
    font-size: 1.4rem;
  }
}
.filter__conditions__btn button:hover {
  opacity: 0.8;
}
.filter__conditions__btn button[type=button] {
  background-color: #FFFFFF;
  color: #303030;
  border: 1px solid #ECECEC;
}
.filter__conditions__btn button[type=submit] {
  background-color: #b09c5d;
  color: #FFFFFF;
}

.filterSearch {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  width: 50%;
  max-width: 600px;
  height: 600px;
}
@media screen and (max-width: 768px) {
  .filterSearch {
    width: 100%;
    max-width: 100%;
    top: 0%;
    transform: translate(-50%, 0%);
    height: 100%;
  }
}
.filterSearch__close-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .filterSearch__close-sp {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #303030;
    border-radius: 4px;
    border: solid 1px #303030;
    font-size: 1.4rem;
    height: 44px;
    margin: 20px;
  }
}
.filterSearch__close-sp span {
  display: inline-block;
  vertical-align: middle;
  color: #303030;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
  margin: auto 4px auto -8px;
}
.filterSearch__close-sp span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.filterSearch__close-pc {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b09c5d;
  font-size: 1.4rem;
  cursor: pointer;
  border: solid 1px #b09c5d;
  padding: 8px 12px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .filterSearch__close-pc {
    display: none;
  }
}
.filterSearch__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 20px;
  background-color: #fafaf8;
}
@media screen and (max-width: 768px) {
  .filterSearch__title {
    display: none;
  }
}
.filterSearch__title p {
  font-size: 1.6rem;
  color: #b09c5d;
}
.filterSearch__container {
  padding: 16px;
  overflow-y: scroll;
  max-height: 455px;
  border-top: solid 1px #dadada;
}
@media screen and (max-width: 768px) {
  .filterSearch__container {
    max-height: calc(100% - 83px - 44px);
  }
}
.filterSearch__inner {
  padding: 0 0 100px;
}
@media screen and (max-width: 768px) {
  .filterSearch__inner {
    padding: 0 0 200px;
  }
}
.filterSearch__inner + .filterSearch__inner {
  border-top: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .filterSearch__inner + .filterSearch__inner {
    border-top: none;
  }
}
.filterSearch__form {
  margin: 0px auto auto;
}
@media screen and (max-width: 768px) {
  .filterSearch__form {
    flex-direction: column;
  }
}
.filterSearch__form + .filterSearch__form {
  margin: 16px auto auto;
  padding: 16px 0 0;
  border-top: solid 1px #f1ebd7;
}
.filterSearch__form--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .filterSearch__form--sp {
    display: block;
    margin: 20px 20px auto;
  }
}
.filterSearch__heading {
  color: #303030;
  font-size: 1.4rem;
  line-height: 1.4;
  position: relative;
  margin: auto auto 8px;
}
.filterSearch select {
  width: 100%;
  padding: 16px;
  border: solid 1px #dadada;
  font-size: 1.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #FFFFFF;
  color: #303030;
}
@media screen and (max-width: 768px) {
  .filterSearch select {
    padding: 12px;
  }
}
.filterSearch .radio-group {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .filterSearch .radio-group {
    flex-wrap: wrap;
  }
}
.filterSearch .radio-group input[type=radio] {
  display: none;
}
.filterSearch .radio-group label {
  display: inline-block;
  padding: 12px 16px;
  border: solid 1px #dadada;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .filterSearch .radio-group label {
    width: 48%;
  }
}
.filterSearch .radio-group label:hover {
  background-color: #fafaf8;
}
.filterSearch .radio-group input[type=radio]:checked + label {
  background-color: #b09c5d;
  border-color: #b09c5d;
  color: #FFFFFF;
}
.filterSearch .check-group {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .filterSearch .check-group {
    flex-wrap: wrap;
  }
}
.filterSearch .check-group input[type=checkbox] {
  display: none;
}
.filterSearch .check-group label {
  display: inline-block;
  padding: 12px 16px;
  border: solid 1px #dadada;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .filterSearch .check-group label {
    width: 48%;
  }
}
.filterSearch .check-group label:hover {
  background-color: #fafaf8;
}
.filterSearch .check-group input[type=checkbox]:checked + label {
  background-color: #b09c5d;
  border-color: #b09c5d;
  color: #FFFFFF;
}
.filterSearch .price-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.filterSearch .price-group select {
  width: 30%;
}
.filterSearch .price-group p {
  font-size: 1.4rem;
}

#filterSearchOverlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
#filterSearchOverlay.show {
  display: block;
}

.filterSearchBrand {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  width: 50%;
  max-width: 600px;
  height: 600px;
}
@media screen and (max-width: 768px) {
  .filterSearchBrand {
    width: 100%;
    max-width: 100%;
    top: 0%;
    transform: translate(-50%, 0%);
    height: 100%;
  }
}
.filterSearchBrand__close-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .filterSearchBrand__close-sp {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #303030;
    border-radius: 4px;
    border: solid 1px #303030;
    font-size: 1.4rem;
    height: 44px;
    margin: 20px;
  }
}
.filterSearchBrand__close-sp span {
  display: inline-block;
  vertical-align: middle;
  color: #303030;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
  margin: auto 4px auto -8px;
}
.filterSearchBrand__close-sp span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.filterSearchBrand__close-pc {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b09c5d;
  font-size: 1.4rem;
  cursor: pointer;
  border: solid 1px #b09c5d;
  padding: 8px 12px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .filterSearchBrand__close-pc {
    display: none;
  }
}
.filterSearchBrand__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 20px;
  background-color: #fafaf8;
}
@media screen and (max-width: 768px) {
  .filterSearchBrand__title {
    display: none;
  }
}
.filterSearchBrand__title p {
  font-size: 1.6rem;
  color: #b09c5d;
}
.filterSearchBrand__container {
  overflow-y: scroll;
  max-height: 540px;
  border-top: solid 1px #dadada;
}
@media screen and (max-width: 768px) {
  .filterSearchBrand__container {
    max-height: calc(100% - 83px);
  }
}
.filterSearchBrand__inner {
  padding: 0 0 0px;
}
@media screen and (max-width: 768px) {
  .filterSearchBrand__inner {
    padding: 0 0 0px;
  }
}
.filterSearchBrand__inner + .filterSearchBrand__inner {
  border-top: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .filterSearchBrand__inner + .filterSearchBrand__inner {
    border-top: none;
  }
}
.filterSearchBrand__brand {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 8px;
}
@media screen and (max-width: 1000px) {
  .filterSearchBrand__brand {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.filterSearchBrand__brand li a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #ECECEC;
  height: 90px;
}
.filterSearchBrand__brand li a:hover {
  border: solid 1px #b09c5d;
}
.filterSearchBrand__brand li img {
  width: 82px;
}

#filterSearchBrandOverlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
#filterSearchBrandOverlay.show {
  display: block;
}

.pickupBrand {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .pickupBrand {
    padding: 16px;
  }
}
.pickupBrand + .pickupBrand {
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .pickupBrand + .pickupBrand {
    margin: 24px auto auto;
  }
}
.pickupBrand__header {
  display: flex;
  justify-content: space-between;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  .pickupBrand__header {
    flex-direction: column;
    gap: 20px;
  }
}
.pickupBrand__logo {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .pickupBrand__logo {
    width: 100%;
  }
}
.pickupBrand__logo img {
  width: 100%;
}
.pickupBrand__inner {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .pickupBrand__inner {
    width: 100%;
  }
}
.pickupBrand__title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  color: #b09c5d;
  margin: auto 0 8px;
}
@media screen and (max-width: 768px) {
  .pickupBrand__title {
    font-size: 1.4rem;
  }
}
.pickupBrand__description {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: auto 0 12px;
}
@media screen and (max-width: 768px) {
  .pickupBrand__description {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.pickupBrand__link a {
  background-color: #b09c5d;
  font-size: 1.4rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  padding: 12px 16px;
}
@media screen and (max-width: 768px) {
  .pickupBrand__link a {
    width: 100%;
    text-align: center;
  }
}
.pickupBrand__link a:hover {
  background-color: #8b7b45;
}
.pickupBrand__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 16px;
  margin: 24px auto auto;
}
@media screen and (max-width: 1000px) {
  .pickupBrand__items {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 12px;
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
@media screen and (max-width: 768px) {
  .pickupBrand__items {
    gap: 2px;
    row-gap: 20px;
  }
}

.notResult__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  margin: auto auto 20px;
}
@media screen and (max-width: 768px) {
  .notResult__title {
    font-size: 1.6rem;
    margin: auto auto 12px;
  }
}
.notResult__title a {
  color: #303030;
}
.notResult__title a:hover {
  text-decoration: underline;
}
.notResult__description {
  font-size: 1.6rem;
  line-height: 1.8;
}
.catch {
  display: block;
  margin: auto auto 8px auto;
  color: #666666;
  font-size: 1.4rem;
  font-weight: normal;
}

.tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 12px auto auto;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .tag {
    width: 100%;
  }
}
.tag li {
  border: solid 1px #dadada;
  font-size: 1.4rem;
  display: block;
  color: #303030;
  padding: 6px 8px;
}
@media screen and (max-width: 768px) {
  .tag li {
    font-size: 1.2rem;
  }
}
.tag li.sale {
  border: solid 1px #E43636;
  color: #E43636;
}

.point {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.4rem;
  margin: 8px auto auto auto;
}
.point::before {
  content: "P";
  background-color: #A8A8A8;
  color: #FFFFFF;
  font-size: 1.2rem;
  width: 18px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  margin: auto 6px auto 0;
  font-family: "Inter", sans-serif;
}
.point span {
  display: flex;
  margin: auto auto auto 12px;
  font-size: 1.2rem;
}
.point img {
  width: 16px;
  height: 16px;
  background-color: #A8A8A8;
  border-radius: 9999px;
  margin: auto 8px auto 0;
}

.info__meta {
  margin: 24px auto 24px auto;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .info__meta {
    font-size: 1.2rem;
  }
}
.info__meta dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.info__meta dt {
  width: 25%;
  margin: 2px 0;
  font-weight: normal;
}
.info__meta dd {
  width: 75%;
  margin: 2px 0;
  color: #505050;
}
.info__meta dd span.sameday {
  color: #E43636;
}
.info__meta dd span.bold {
  color: #303030;
  font-weight: bold;
}
.info__meta .deliveryModal {
  display: block;
  margin: 8px 0 auto;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #3269B1;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.info__meta .deliveryModal span {
  margin: auto 6px auto 0;
}
.info__item {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .info__item {
    font-size: 1.2rem;
  }
}
.info__item dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.info__item dt {
  width: 30%;
  color: #7c7c7c;
  padding: 4px 0;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .info__item dt {
    padding: 2px 0;
  }
}
.info__item dd {
  width: 70%;
  padding: 4px 0 4px 4px;
}
@media screen and (max-width: 768px) {
  .info__item dd {
    padding: 2px 0 2px 2px;
  }
}
.info__item dd a {
  color: #3269B1;
}
.info__item dd a:hover {
  text-decoration: underline;
}
.info__bland {
  margin: 40px auto auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .info__bland {
    gap: 16px;
  }
}
.info__bland__inner a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border: solid 1px #dadada;
  padding: 28px;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .info__bland__inner a {
    font-size: 1.2rem;
    padding: 20px;
  }
}
.info__tab {
  width: 100%;
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  .info__tab {
    margin: 40px auto;
    width: 100%;
  }
}
.info__tab__title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #303030;
  margin: auto auto 28px;
}
@media screen and (max-width: 768px) {
  .info__tab__title {
    font-size: 1.6rem;
    margin: auto auto 20px;
  }
}
.info__tab__contents {
  border-top: solid 1px #ECECEC;
  padding: 28px 0 0 0;
}
@media screen and (max-width: 768px) {
  .info__tab__contents {
    padding: 20px 0 0 0;
  }
}

.delivery {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  width: 50%;
  max-width: 600px;
  height: 800px;
}
@media screen and (max-width: 768px) {
  .delivery {
    width: 100%;
    max-width: 100%;
    top: 0%;
    transform: translate(-50%, 0%);
    height: 100%;
  }
}
.delivery__close-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .delivery__close-sp {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #303030;
    border-radius: 4px;
    border: solid 1px #303030;
    font-size: 1.4rem;
    height: 44px;
    margin: 20px;
  }
}
.delivery__close-sp span {
  display: inline-block;
  vertical-align: middle;
  color: #303030;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
  margin: auto 4px auto -8px;
}
.delivery__close-sp span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.delivery__close-pc {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b09c5d;
  font-size: 1.4rem;
  cursor: pointer;
  border: solid 1px #b09c5d;
  padding: 8px 12px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .delivery__close-pc {
    display: none;
  }
}
.delivery__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 20px;
  background-color: #fafaf8;
}
@media screen and (max-width: 768px) {
  .delivery__title {
    display: none;
  }
}
.delivery__title p {
  font-size: 1.6rem;
  color: #b09c5d;
}
.delivery__container {
  padding: 16px;
  overflow-y: scroll;
  max-height: 740px;
  border-top: solid 1px #dadada;
}
@media screen and (max-width: 768px) {
  .delivery__container {
    max-height: calc(100% - 83px);
  }
}
.delivery__subTitle {
  overflow: hidden;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  margin: 24px auto 12px;
}
.delivery ul li {
  position: relative;
  font-size: 1.4rem;
  color: #303030;
  transition: all 0.3s;
  border-top: solid 1px #f1ebd7;
}
.delivery ul li:last-child {
  border-bottom: solid 1px #f1ebd7;
}
.delivery ul li a {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #b09c5d;
  color: #FFFFFF;
  cursor: pointer;
}
.delivery ul li.hasChild::before {
  content: "";
  position: absolute;
  right: 16px;
  top: 18px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.delivery ul li.hasChild.open::before {
  transform: rotate(-135deg);
}
.delivery__block {
  display: none;
  padding: 0px 0 10px;
}
.delivery__service {
  margin: 10px auto auto;
}
.delivery__service li {
  padding: 10px 0;
  border: none !important;
}
.delivery__service__title {
  font-weight: bold;
  font-size: 1.4rem;
  margin: auto auto 8px;
}
.delivery__service__text {
  font-size: 1.4rem;
  line-height: 1.4;
}
.delivery__service__note {
  color: #E43636;
  font-size: 1.4rem;
  line-height: 1.4;
}
.delivery__area {
  margin: auto auto 16px;
}
.delivery__area__image {
  margin: 10px;
  text-align: center;
}
.delivery__area__image img {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .delivery__area__image img {
    width: 100%;
  }
}
.delivery__area__block {
  display: flex;
  border-top: solid 1px #ECECEC;
  border-bottom: solid 1px #ECECEC;
  margin: 10px;
}
.delivery__area__prefecture {
  background-color: #F4F6FA;
  font-weight: bold;
  padding: 12px;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .delivery__area__prefecture {
    font-size: 1.2rem;
  }
}
.delivery__area__inner {
  padding: 0 10px;
  width: 80%;
}
.delivery__area__container {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  width: 100%;
}
.delivery__area__container + .delivery__area__container {
  border-top: solid 1px #ECECEC;
}
.delivery__area__city {
  width: 50%;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .delivery__area__city {
    font-size: 1.2rem;
  }
}
.delivery__area__date {
  width: 50%;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .delivery__area__date {
    font-size: 1.2rem;
  }
}
.delivery__quick {
  margin: 16px 10px;
}
.delivery__quick__title {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #E43636;
  font-weight: bold;
  margin: auto auto 8px;
}
.delivery__quick__text {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .delivery__quick__text {
    font-size: 1.2rem;
  }
}

#deliveryOverlay {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
#deliveryOverlay.show {
  display: block;
}

.parts {
  /* アコーディオングラデあり */
  /*.accordion-box label:before {content: "↓";font-weight: 700;position: absolute;bottom: 30px;left: 50%;-webkit-transform: translate(-140px, 0);transform: translate(-140px, 0);background-color: #fff;z-index: 1;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;width: 20px;height: 20px;line-height: 20px;}*/
  /*.accordion-box input:checked + label:before {content: "↑";}*/
  /* ショートコード*/
  /* 見出しコード*/
  /* ヘッダーナビ*/
  /*グローバルメニュープルダウン*/
  /*パンくず*/
  /*header.fixed*/
  /*【TOP】上部お知らせコーナー*/
  /*メインビジュアル*/
  /*メインビジュアル下バナーエリア*/
  /* TOP特集 ボタン*/
  /* TOP特集*/
  /* TOPピックアップブランド*/
  /*TOPピックアップアイテム*/
  /*TOPピックアップアイテム_xmas*/
  /* TOPランキング ボタン*/
  /*TOPランキング*/
  /* TOP今月の特集・誕生石・ラッピングサービス*/
  /* 今月の特集 ボタン*/
  /* TOPコラム一覧*/
  /* TOPコラム ボタン*/
  /* TOPNEWS一覧*/
  /* TOPニュース ボタン*/
  /*ジェイウェルの強み ボタン*/
  /*ジェイウェルの強み*/
  /*footer_address*/
  /*【下層ページ】会員・ポイントについて*/
  /*	.advantage_box02 {
    margin: 20px auto 0px;
    padding: 0px 0px 0;
    overflow: hidden;
  }*/
  /* 静的ページ共通のボックス */
  /*	.feature_box03 li.banner_box:nth-child(1) {
     	  width: 50%;
  		float: none;
      margin: 0 auto;
  }*/
  /*.columnlist ul > li:before {
      content: "\f054";
      position: relative;
      margin-right: .8rem;
  }



  	@media print, screen and (min-width: 1024px) {
  	  #product .cartin_btn a, #product .cartin_btn p {
  		margin-top: 2.4rem;
  	  }
  	}
  */
  /* NEWSリストページ*/
  /* TOPニュース ボタン*/
  /* 2020.11.26 FAQ */
  /* 2020.11.26 Guide */
  /* ショートコード*/
  /*	.f_1rem {
    font-size: 1rem !important;
  }
  .f_1_1rem {
    font-size: 1.1rem !important;
  }
  .f_1_2rem {
    font-size: 1.2rem !important;
  }
  .f_1_4rem {
    font-size: 1.4rem !important;
  }
  .f_1_6rem {
    font-size: 1.6rem !important;
  }
  .f_2_8rem {
    font-size: 2.8rem !important;
  }*/
  /* 見出しコード*/
  /* ヘッダーナビ*/
  /*グローバルメニュープルダウン*/
  /*パンくず*/
  /*header.fixed*/
  /*【TOP】上部お知らせコーナー*/
  /*メインビジュアル*/
  /*メインビジュアル下バナーエリア*/
  /* TOP特集 ボタン*/
  /* TOP特集*/
  /* TOPピックアップブランド*/
  /*TOPピックアップアイテム*/
  /*TOPピックアップアイテム_xmas*/
  /* TOPランキング ボタン*/
  /*TOPランキング*/
  /* TOP今月の特集・誕生石・ラッピングサービス*/
  /* 今月の特集 ボタン*/
  /* TOPコラム一覧*/
  /* TOPコラム ボタン*/
  /* TOPNEWS一覧*/
  /* TOPニュース ボタン*/
  /*ジェイウェルの強み ボタン*/
  /*ジェイウェルの強み*/
  /*footer_address*/
  /*【下層ページ】会員・ポイントについて*/
  /*	.advantage_box02 {
    margin: 20px auto 0px;
    padding: 0px 0px 0;
    overflow: hidden;
  }*/
  /* 静的ページ共通のボックス */
  /*	.feature_box03 li.banner_box:nth-child(1) {
     	  width: 50%;
  		float: none;
      margin: 0 auto;
  }*/
  /*.columnlist ul > li:before {
      content: "\f054";
      position: relative;
      margin-right: .8rem;
  }



  	@media print, screen and (min-width: 1024px) {
  	  #product .cartin_btn a, #product .cartin_btn p {
  		margin-top: 2.4rem;
  	  }
  	}
  */
  /* NEWSリストページ*/
  /* TOPニュース ボタン*/
  /* 2020.11.26 FAQ */
  /* 2020.11.26 Guide */
  /* コンビニ決済 */
  /* 商品詳細*/
  /* ギフトサービス */
  /*#giftconcept h2 span{
  border-bottom: 1px solid;
      padding-bottom: 10px;

  }*/
  /* 刻印・刻字 */
  /* コンセプト */
  /* もっと見る */
  /*TOPキャッチコピー*/
  /*TOPアイテム一覧*/
  /*@media print, screen and (max-width: 640px){
  #jwell-concept .concept01{
  background: url(/user_data/packages/default/img/concept/concept-bg01-sp640.jpg) center bottom no-repeat;
  }
  	}*/
  /*新フレーム*/
  /*SP*/
}
.parts img {
  border-style: none;
}
.parts progress {
  vertical-align: baseline;
}
.parts svg:not(:root) {
  overflow: hidden;
}
.parts audio,
.parts canvas,
.parts progress,
.parts video {
  display: inline-block;
}
.parts [aria-busy=true] {
  cursor: progress;
}
.parts [aria-controls] {
  cursor: pointer;
}
.parts [aria-disabled] {
  cursor: default;
}
.parts ::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
.parts ::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
.parts .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.parts .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.parts .slick-list:focus {
  outline: 0;
}
.parts .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.parts .slick-slider .slick-track,
.parts .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.parts .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.parts .slick-track:before,
.parts .slick-track:after {
  display: table;
  content: "";
}
.parts .slick-track:after {
  clear: both;
}
.parts .slick-loading .slick-track {
  visibility: hidden;
}
.parts .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.parts [dir=rtl] .slick-slide {
  float: right;
}
.parts .slick-slide img {
  display: block;
}
.parts .slick-slide.slick-loading img {
  display: none;
}
.parts .slick-slide.dragging img {
  pointer-events: none;
}
.parts .slick-initialized .slick-slide {
  display: block;
}
.parts .slick-loading .slick-slide {
  visibility: hidden;
}
.parts .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.parts .slick-arrow.slick-hidden {
  display: none;
}
.parts .slick-prev,
.parts .slick-next {
  position: absolute;
  z-index: 2;
  top: 49%;
  display: block;
  width: 25px;
  height: 40px;
  margin: 1px 5px;
  padding: 4px;
  border: 0;
  outline: 0;
  background: rgba(255, 255, 255, 0.5);
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  transform: translate(0, -50%);
}
.parts .slick-prev:hover,
.parts .slick-prev:focus,
.parts .slick-next:hover,
.parts .slick-next:focus {
  outline: 0;
  background: rgba(255, 255, 255, 0.5);
  color: transparent;
}
.parts .slick-prev:before,
.parts .slick-next:before {
  font-family: "slick";
  font-size: 25px;
  line-height: 1;
  color: white;
  opacity: 0.75;
}
.parts .slick-prev {
  left: -5px;
}
.parts [dir=rtl] .slick-prev {
  right: -5px;
  left: auto;
}
.parts .slick-prev:before {
  content: "←";
}
.parts [dir=rtl] .slick-prev:before {
  content: "→";
}
.parts .slick-next {
  right: -5px;
}
.parts [dir=rtl] .slick-next {
  right: auto;
  left: -5px;
}
.parts .slick-next:before {
  content: "→";
}
.parts [dir=rtl] .slick-next:before {
  content: "←";
}
.parts .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.parts .slick-dots {
  position: absolute;
  bottom: -25px;
  display: flex;
  -ms-flex-pack: center;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 1.6rem;
  list-style: none;
  text-align: center;
  justify-content: center;
}
.parts .slick-dots li {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.8rem;
  padding: 0;
  cursor: pointer;
}
.parts .slick-dots li button {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: 0;
  background: #d6d6d6;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
}
.parts .slick-dots li button:hover,
.parts .slick-dots li button:focus {
  outline: 0;
  background: #b39d5a;
}
.parts .slick-dots li.slick-active button {
  background: #b39d5a;
}
.parts html {
  height: 100%;
  font-size: 62.5%;
}
.parts body {
  background: #fff;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #474747;
  letter-spacing: 0.05em;
  word-wrap: break-word;
  word-break: break-all;
}
.parts body.open {
  overflow: hidden;
  height: 100%;
}
.parts img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: bottom;
}
.parts .svg {
  display: block;
}
.parts .svg svg {
  width: 100%;
  height: 100%;
}
.parts a,
.parts label {
  outline: 0;
}
.parts a,
.parts a:active,
.parts a:link,
.parts a:visited,
.parts a:hover {
  color: #474747;
}
.parts a:not(.t_underline),
.parts a:not(.t_underline):active,
.parts a:not(.t_underline):link,
.parts a:not(.t_underline):visited,
.parts a:not(.t_underline):hover {
  text-decoration: none;
}
.parts ol,
.parts ul {
  margin: 0;
  padding: 0;
}
.parts ol li,
.parts ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.parts none {
  display: none !important;
}
.parts .pc-only {
  display: none !important;
}
.parts .mg0 {
  margin: 0rem !important;
}
.parts .mgt0 {
  margin-top: 0rem !important;
}
.parts .mgr0 {
  margin-right: 0rem !important;
}
.parts .mgb0 {
  margin-bottom: 0rem !important;
}
.parts .mgl0 {
  margin-left: 0rem !important;
}
.parts .pd0 {
  padding: 0rem !important;
}
.parts .pdt0 {
  padding-top: 0rem !important;
}
.parts .pdr0 {
  padding-right: 0rem !important;
}
.parts .pdb0 {
  padding-bottom: 0rem !important;
}
.parts .pdl0 {
  padding-left: 0rem !important;
}
.parts .mg8 {
  margin: 0.8rem !important;
}
.parts .mgt8 {
  margin-top: 0.8rem !important;
}
.parts .mgr8 {
  margin-right: 0.8rem !important;
}
.parts .mgb8 {
  margin-bottom: 0.8rem !important;
}
.parts .mgl8 {
  margin-left: 0.8rem !important;
}
.parts .pd8 {
  padding: 0.8rem !important;
}
.parts .pdt8 {
  padding-top: 0.8rem !important;
}
.parts .pdr8 {
  padding-right: 0.8rem !important;
}
.parts .pdb8 {
  padding-bottom: 0.8rem !important;
}
.parts .pdl8 {
  padding-left: 0.8rem !important;
}
.parts .mg16 {
  margin: 1.6rem !important;
}
.parts .mgt16 {
  margin-top: 1.6rem !important;
}
.parts .mgr16 {
  margin-right: 1.6rem !important;
}
.parts .mgb16 {
  margin-bottom: 1.6rem !important;
}
.parts .mgl16 {
  margin-left: 1.6rem !important;
}
.parts .pd16 {
  padding: 1.6rem !important;
}
.parts .pdt16 {
  padding-top: 1.6rem !important;
}
.parts .pdr16 {
  padding-right: 1.6rem !important;
}
.parts .pdb16 {
  padding-bottom: 1.6rem !important;
}
.parts .pdl16 {
  padding-left: 1.6rem !important;
}
.parts .mg24 {
  margin: 2.4rem !important;
}
.parts .mgt24 {
  margin-top: 2.4rem !important;
}
.parts .mgr24 {
  margin-right: 2.4rem !important;
}
.parts .mgb24 {
  margin-bottom: 2.4rem !important;
}
.parts .mgl24 {
  margin-left: 2.4rem !important;
}
.parts .pd24 {
  padding: 2.4rem !important;
}
.parts .pdt24 {
  padding-top: 2.4rem !important;
}
.parts .pdr24 {
  padding-right: 2.4rem !important;
}
.parts .pdb24 {
  padding-bottom: 2.4rem !important;
}
.parts .pdl24 {
  padding-left: 2.4rem !important;
}
.parts .mg32 {
  margin: 3.2rem !important;
}
.parts .mgt32 {
  margin-top: 3.2rem !important;
}
.parts .mgr32 {
  margin-right: 3.2rem !important;
}
.parts .mgb32 {
  margin-bottom: 3.2rem !important;
}
.parts .mgl32 {
  margin-left: 3.2rem !important;
}
.parts .pd32 {
  padding: 3.2rem !important;
}
.parts .pdt32 {
  padding-top: 3.2rem !important;
}
.parts .pdr32 {
  padding-right: 3.2rem !important;
}
.parts .pdb32 {
  padding-bottom: 3.2rem !important;
}
.parts .pdl32 {
  padding-left: 3.2rem !important;
}
.parts .mg40 {
  margin: 4rem !important;
}
.parts .mgt40 {
  margin-top: 4rem !important;
}
.parts .mgr40 {
  margin-right: 4rem !important;
}
.parts .mgb40 {
  margin-bottom: 4rem !important;
}
.parts .mgl40 {
  margin-left: 4rem !important;
}
.parts .pd40 {
  padding: 4rem !important;
}
.parts .pdt40 {
  padding-top: 4rem !important;
}
.parts .pdr40 {
  padding-right: 4rem !important;
}
.parts .pdb40 {
  padding-bottom: 4rem !important;
}
.parts .pdl40 {
  padding-left: 4rem !important;
}
.parts .mg48 {
  margin: 4.8rem !important;
}
.parts .mgt48 {
  margin-top: 4.8rem !important;
}
.parts .mgr48 {
  margin-right: 4.8rem !important;
}
.parts .mgb48 {
  margin-bottom: 4.8rem !important;
}
.parts .mgl48 {
  margin-left: 4.8rem !important;
}
.parts .pd48 {
  padding: 4.8rem !important;
}
.parts .pdt48 {
  padding-top: 4.8rem !important;
}
.parts .pdr48 {
  padding-right: 4.8rem !important;
}
.parts .pdb48 {
  padding-bottom: 4.8rem !important;
}
.parts .pdl48 {
  padding-left: 4.8rem !important;
}
.parts .mg72 {
  margin: 7.2rem !important;
}
.parts .mgt72 {
  margin-top: 7.2rem !important;
}
.parts .mgr72 {
  margin-right: 7.2rem !important;
}
.parts .mgb72 {
  margin-bottom: 7.2rem !important;
}
.parts .mgl72 {
  margin-left: 7.2rem !important;
}
.parts .pd72 {
  padding: 7.2rem !important;
}
.parts .pdt72 {
  padding-top: 7.2rem !important;
}
.parts .pdr72 {
  padding-right: 7.2rem !important;
}
.parts .pdb72 {
  padding-bottom: 7.2rem !important;
}
.parts .pdl72 {
  padding-left: 7.2rem !important;
}
.parts .mg80 {
  margin: 8rem !important;
}
.parts .mgt80 {
  margin-top: 8rem !important;
}
.parts .mgr80 {
  margin-right: 8rem !important;
}
.parts .mgb80 {
  margin-bottom: 8rem !important;
}
.parts .mgl80 {
  margin-left: 8rem !important;
}
.parts .pd80 {
  padding: 8rem !important;
}
.parts .pdt80 {
  padding-top: 8rem !important;
}
.parts .pdr80 {
  padding-right: 8rem !important;
}
.parts .pdb80 {
  padding-bottom: 8rem !important;
}
.parts .pdl80 {
  padding-left: 8rem !important;
}
.parts .fltL {
  float: left;
}
.parts .fltR {
  float: right;
}
.parts .clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.parts .clear {
  clear: both;
}
.parts .flex {
  display: flex;
}
.parts .flex-r {
  flex-direction: row;
}
.parts .flex-c {
  flex-direction: column;
}
.parts .flex-rr {
  flex-direction: row-reverse;
}
.parts .flex-cr {
  flex-direction: column-reverse;
}
.parts .order_1 {
  order: 1;
}
.parts .order_2 {
  order: 2;
}
.parts .order_3 {
  order: 3;
}
.parts h1,
.parts h2,
.parts h3,
.parts h4,
.parts h5 {
  font-size: 100%;
}
.parts .attention {
  color: #cc232f;
}
.parts .st {
  font-weight: bold;
}
.parts .mini {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.parts .alignC {
  text-align: center;
}
.parts .alignR {
  text-align: right;
}
.parts .alignL {
  text-align: left;
}
.parts .en {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", Times, serif;
}
.parts .fs10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}
.parts .fs12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.parts .fs14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
.parts .fs16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}
.parts .empty {
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .t-indent li {
  margin-bottom: 1rem;
  padding-left: 1em;
  text-indent: -1em;
}
.parts .t-indent li.base_list::before {
  content: "・";
}
.parts .t-indent li.decimal_list {
  margin-left: 1.5em;
  padding-left: 0;
  list-style-type: decimal;
  text-indent: 0;
}
.parts .t-indent li.circle_list {
  margin-left: 1.5em;
  padding-left: 0;
  list-style-type: circle;
  text-indent: 0;
}
.parts .t-indent li.notice_list::before {
  content: "※";
}
.parts .t_underline {
  text-decoration: underline;
}
.parts .t_underline:hover {
  text-decoration: none;
}
.parts table {
  width: 100%;
  border-collapse: collapse;
}
.parts table th,
.parts table td {
  box-sizing: border-box;
  border: 1px solid #9b9b9b;
  border-collapse: collapse;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
}
.parts input,
.parts button,
.parts textarea,
.parts select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  line-height: 1;
  color: #000;
}
.parts input[disabled],
.parts button[disabled],
.parts textarea[disabled],
.parts select[disabled] {
  background-color: #f5f5f5;
}
.parts input[type=text],
.parts input[type=password],
.parts input[type=email],
.parts input[type=number],
.parts input[type=tel],
.parts input[type=search],
.parts textarea {
  box-sizing: border-box;
  padding: 1.2rem 1.6rem;
  border: 1px solid #9b9b9b;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.parts input[type=text]::-moz-placeholder,
.parts input[type=password]::-moz-placeholder,
.parts input[type=email]::-moz-placeholder,
.parts input[type=number]::-moz-placeholder,
.parts input[type=tel]::-moz-placeholder,
.parts input[type=search]::-moz-placeholder,
.parts textarea::-moz-placeholder {
  color: #9b9b9b;
}
.parts input[type=text]::-moz-placeholder, .parts input[type=password]::-moz-placeholder, .parts input[type=email]::-moz-placeholder, .parts input[type=number]::-moz-placeholder, .parts input[type=tel]::-moz-placeholder, .parts input[type=search]::-moz-placeholder, .parts textarea::-moz-placeholder {
  color: #9b9b9b;
}
.parts input[type=text]::placeholder,
.parts input[type=password]::placeholder,
.parts input[type=email]::placeholder,
.parts input[type=number]::placeholder,
.parts input[type=tel]::placeholder,
.parts input[type=search]::placeholder,
.parts textarea::placeholder {
  color: #9b9b9b;
}
.parts input[type=text][disabled],
.parts input[type=password][disabled],
.parts input[type=email][disabled],
.parts input[type=number][disabled],
.parts input[type=tel][disabled],
.parts input[type=search][disabled],
.parts textarea[disabled] {
  background-color: #f5f5f5;
}
.parts input[type=submit],
.parts button {
  border: 0;
  background: 0;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.parts select {
  padding: 1.6rem 2rem 1.6rem 1.6rem;
  border: 1px solid #9b9b9b;
  outline: 0;
  background: #fff url(../img/common/bg_select.png) no-repeat right 0.8rem center;
  background-size: 1.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.parts select.error {
  border: 1px solid #cc232f !important;
}
.parts textarea {
  height: 30rem;
  padding: 1.6rem;
  border-radius: 0;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}
.parts label {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.parts label a {
  text-decoration: underline !important;
}
.parts label a:hover {
  text-decoration: none !important;
}
.parts .wrap_radio input[type=radio] {
  visibility: hidden;
  width: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.parts .wrap_radio label {
  position: relative;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  justify-content: flex-start;
  align-items: center;
}
.parts .wrap_radio label::before,
.parts .wrap_radio label::after {
  display: block;
  box-sizing: border-box;
  content: "";
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .wrap_radio label::before {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1.6rem;
  border: 1px solid #3e3e3b;
  border-radius: 50%;
  background: #fff;
}
.parts .wrap_radio label::after {
  position: absolute;
  top: 50%;
  left: 0.7rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  transform: translateY(-50%);
}
.parts .wrap_radio label.active::before {
  background: #3e3e3b;
}
.parts .wrap_radio label.active::after {
  background: #fff;
}
.parts .wrap_check input[type=checkbox] {
  visibility: hidden;
  width: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.parts .wrap_check label {
  position: relative;
  display: flex;
  align-items: center;
}
.parts .wrap_check label::before,
.parts .wrap_check label::after {
  display: block;
  content: "";
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .wrap_check label::before {
  box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
  border: 1px solid #3e3e3b;
  border-radius: 4px;
  background: #fff;
}
.parts .wrap_check label::after {
  position: absolute;
  top: 50%;
  left: 0.3rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  color: transparent;
  content: "\f00c";
  transform: translateY(-50%);
}
.parts .wrap_check label.active::before {
  background: #3e3e3b;
}
.parts .wrap_check label.active::after {
  color: #fff;
}
.parts ul.wrap_radio li,
.parts ul.wrap_check li {
  margin-bottom: 1.6rem;
}
.parts .trigger {
  cursor: pointer;
}
.parts .longbox {
  width: 100%;
}
.parts .longbox.max {
  max-width: 304px;
}
.parts .harfbox {
  width: 48%;
}
.parts .shortbox {
  width: 29.1%;
}
.parts .btn_area ul {
  display: flex;
  -ms-flex-pack: center;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.parts .btn_area ul li {
  width: 76.9%;
  max-width: 264px;
}
.parts .btn a,
.parts .btn input,
.parts .btn button {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 1.8rem 0;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .btn a:hover,
.parts .btn input:hover,
.parts .btn button:hover {
  opacity: 0.7;
}
.parts .btn01 a,
.parts .btn01 input,
.parts .btn01 button {
  border: 1px solid #b39d5a;
  background: #b39d5a;
  color: #fff;
}
.parts .btn02 a,
.parts .btn02 input,
.parts .btn02 button {
  border: 1px solid #3e3e3b;
  background: #3e3e3b;
  color: #fff;
}
.parts .btn_active a,
.parts .btn_active input,
.parts .btn_active button {
  border: 1px solid #3d4e84;
  background: #3d4e84;
  color: #fff;
}
.parts .btn_active a::before,
.parts .btn_active a::after,
.parts .btn_active input::before,
.parts .btn_active input::after,
.parts .btn_active button::before,
.parts .btn_active button::after {
  color: #fff;
}
.parts .btn_passive a,
.parts .btn_passive input,
.parts .btn_passive button {
  border: 1px solid #9b9b9b;
  background: #fff;
}
.parts .btn_passive a::before,
.parts .btn_passive a::after,
.parts .btn_passive input::before,
.parts .btn_passive input::after,
.parts .btn_passive button::before,
.parts .btn_passive button::after {
  font-size: 18px;
  font-size: 1.8rem;
  color: #9b9b9b;
}
.parts .btn_prev a::before,
.parts .btn_prev button::before {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  content: "\f104";
  transform: translateY(-50%);
}
.parts .btn_next a::after,
.parts .btn_next button::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  content: "\f105";
  transform: translateY(-50%);
}
.parts .btn_tocart a {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding: 1.2rem 0;
  justify-content: center;
  align-items: center;
}
.parts .btn_tocart .svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}
.parts .btn_tocart .svg svg {
  fill: #fff;
}
.parts .title_wrap .svg {
  width: 2.4rem;
  height: 1.8rem;
  margin: 0 auto 0.8rem;
}
.parts .title_wrap .svg svg {
  fill: #b39d5a;
}
.parts .title_wrap.special .svg {
  display: none !important;
}
.parts .title_wrap.special .main_title {
  margin-bottom: 1rem;
  padding: 0 0.4rem;
  font-size: 10px;
  font-size: 1rem;
  text-align: left;
}
.parts .title01 {
  margin-bottom: 4.8rem;
  line-height: 1;
  color: #9b9b9b;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.parts .title01 .main {
  display: block;
  margin-bottom: 1.2rem;
  font-size: 22px;
  font-size: 2.2rem;
  color: #474747;
}
.parts .title01 .en {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
}
.parts .title02 {
  position: relative;
  margin-bottom: 3.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0;
}
.parts .title02::before {
  position: absolute;
  top: 50%;
  left: 0;
  left: 50%;
  width: 100%;
  max-width: 53.6rem;
  height: 2px;
  background: #b39d5a;
  content: "";
  transform: translateX(-50%) translateY(-50%);
}
.parts .title02 span {
  position: relative;
  display: inline-block;
  padding: 0 1.6rem;
  background: #fff;
}
.parts .title03 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.parts .title03.en {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  font-size: 2.2rem;
}
.parts .title04 {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #b39d5a;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.parts .title05 {
  padding: 0.8rem;
  background: #f5f5f5;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.parts .title05 span {
  display: block;
  padding-left: 1.2rem;
  border-left: 2px solid #b39d5a;
}
.parts .title06 {
  margin-bottom: 0.8rem;
  padding: 0.8rem;
  background: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.parts .title07 {
  margin-bottom: 1.6rem;
  padding-left: 0.8rem;
  border-left: 4px solid #b39d5a;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
}
.parts .main_title {
  margin-bottom: 4rem;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  color: #474747;
  text-align: center;
  font-feature-settings: "palt";
}
.parts .main_title.en {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
  font-size: 2.8rem;
}
.parts #overlay {
  position: fixed;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.parts .frame_outer {
  width: 100%;
}
.parts #container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 5.6rem;
}
.parts #main_wrap {
  box-sizing: border-box;
  width: 100%;
}
.parts #main_column {
  width: 100%;
  max-width: 912px;
}
.parts #main_column.onecolumn {
  margin: 0 auto;
}
.parts .blocwrap {
  padding: 0 1.6rem;
}
.parts .undercolumn {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  padding: 0 1.6rem;
}
.parts #error {
  padding-top: 12rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #error .message_main {
  margin-bottom: 4.8rem;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
}
.parts #windowcolumn {
  padding: 3.2rem 1.6rem;
}
.parts #window_area {
  width: 100%;
}
.parts .pagenation {
  position: relative;
  margin-top: 3.2rem;
}
.parts .pagenation .number_wrap {
  display: flex;
  -ms-flex-pack: center;
  font-size: 16px;
  font-size: 1.6rem;
  justify-content: center;
}
.parts .pagenation .number_wrap .number {
  position: relative;
  box-sizing: border-box;
  width: 4rem;
  height: 4rem;
  margin: 0 0.4rem;
  border: 1px solid #9b9b9b;
  line-height: 4rem;
  text-align: center;
}
.parts .pagenation .number_wrap .number.current {
  border: 1px solid #b39d5a;
  background: #b39d5a;
  font-weight: bold;
  color: #fff;
}
.parts .pagenation .pager_arrow {
  width: 4.8rem;
}
.parts .pagenation .pager_arrow a {
  position: relative;
  display: block;
  background: #9b9b9b;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 4rem;
  color: #fff;
  text-align: center;
}
.parts #breadcrumb {
  margin-bottom: 1.6rem;
  padding: 0.8rem 1.6rem;
}
.parts #breadcrumb ol {
  display: flex;
  -ms-flex-pack: start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 10px;
  font-size: 1rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts #breadcrumb ol li:not(:last-child)::after {
  margin: 0 0.4rem;
  content: "＞";
}
.parts .modal {
  position: fixed;
  z-index: 20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
}
.parts .modal.open {
  display: block;
}
.parts .modal_wrap {
  position: relative;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  background: #fff;
}
.parts .modal_header {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.6rem;
  background: #9b9b9b;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
}
.parts .modal_header .close {
  display: flex;
  -ms-flex-pack: distribute;
  -ms-flex-align: center;
  box-sizing: border-box;
  height: 5.6rem;
  padding: 0 1.6rem;
  font-size: 1.8rem;
  justify-content: space-around;
  align-items: center;
}
.parts .modal_header .close span {
  position: relative;
  display: block;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;
  width: 1.8rem;
  height: 1.8rem;
  margin-bottom: 0.4rem;
  justify-content: center;
  align-items: center;
}
.parts .modal_header .close span::before,
.parts .modal_header .close span::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1.8rem;
  height: 0.2rem;
  background: #fff;
  content: "";
  transform: translateY(-50%);
}
.parts .modal_header .close span::before {
  transform: rotate(45deg);
}
.parts .modal_header .close span::after {
  transform: rotate(-45deg);
}
.parts .modal_contents {
  box-sizing: border-box;
  width: 100%;
  padding: 7.2rem 1.6rem;
  background: #fff;
}
.parts .modal_btn_area {
  position: fixed;
  z-index: 4;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 1.6rem;
  border-top: 1px solid #d6d6d6;
  background: #fff;
}
.parts .modal_btn_area ul {
  display: flex;
  justify-content: space-between;
}
.parts .modal .option_product {
  display: flex;
  -ms-flex-align: center;
  margin-bottom: 1.4rem;
  align-items: center;
}
.parts .modal .option_product_image {
  width: 100px;
  height: auto;
}
.parts .modal .option_product_detail {
  width: 100%;
  margin-left: 1.6rem;
  font-size: 1.2rem;
}
.parts .modal .option_product_detail div {
  margin-bottom: 0.4rem;
}
.parts .modal .option_product_detail .price {
  font-size: 1rem;
}
.parts .modal .option_product_detail .price span {
  font-size: 1.4rem;
  font-weight: bold;
}
.parts #header {
  position: fixed;
  z-index: 3;
  top: 30px;
  left: 0;
  width: 100%;
  background: #fff;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts #header_wrap {
  display: flex;
  -ms-flex-pack: end;
  -ms-flex-align: center;
  width: 100%;
  max-width: 1200px;
  height: 5.6rem;
  margin: 0 auto;
  justify-content: flex-end;
  align-items: center;
}
.parts .header_utility_wrap {
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  margin-right: 1rem;
  justify-content: flex-start;
  align-items: center;
}
.parts .header_utility_box {
  margin-left: 1.8rem;
}
.parts .header_utility_box p {
  margin-top: 0.2rem;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  letter-spacing: -0.08em;
}
.parts .header_utility_box .svg {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 auto;
}
.parts .header_utility_box .svg svg {
  fill: #3e3e3b;
}
.parts .header_utility_text {
  width: 100%;
  margin-top: 0.2rem;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  letter-spacing: -0.08em;
}
.parts .menu_btn_wrap {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 4.8rem;
  height: 5.6rem;
  justify-content: center;
  align-items: center;
}
.parts .menu_btn_wrap.switch_menu {
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
.parts .menu_btn_wrap.switch_menu .header_utility_text {
  padding-top: 4px;
}
.parts .menu_btn_wrap .menu_btn {
  position: relative;
  width: 1.8rem;
  height: 1.6rem;
}
.parts .menu_btn_wrap .line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #3e3e3b;
  transform: translateX(-50%) translateY(-50%);
}
.parts .menu_btn_wrap .line::before,
.parts .menu_btn_wrap .line::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #3e3e3b;
  content: "";
}
.parts .menu_btn_wrap .line::before {
  top: 7px;
}
.parts .menu_btn_wrap .line::after {
  top: -7px;
}
.parts .menu_btn_wrap.close {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 88%;
  width: 0;
}
.parts .menu_btn_wrap.close .line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 0.2rem;
  background: transparent;
  transform: translateX(-50%) translateY(-50%);
}
.parts .menu_btn_wrap.close .line::before,
.parts .menu_btn_wrap.close .line::after {
  background: #fff;
}
.parts .menu_btn_wrap.close .line::before {
  top: 0;
  transform: rotate(45deg);
}
.parts .menu_btn_wrap.close .line::after {
  top: 0;
  transform: rotate(-45deg);
}
.parts #intro_area {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;
  height: 30px;
  background-color: black;
  font-size: 11px;
  font-weight: bold;
  color: white;
  justify-content: center;
  align-items: center;
}
.parts #pagetop {
  position: fixed;
  z-index: 2;
  right: 1.6rem;
  bottom: 1.6rem;
  display: none;
  width: 4rem;
  height: 4rem;
  background: #3e3e3b;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
}
.parts #pagetop.stop {
  position: absolute;
  bottom: calc(100% + 5rem);
}
.parts #pagetop_wrap {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 4rem;
  height: 4rem;
  justify-content: center;
  align-items: center;
}
.parts #footer {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 16rem auto 0;
}
.parts #footer .title03.alignC {
  margin-bottom: 4rem;
}
.parts #footer .sns_wrap {
  margin: 8rem 0;
}
.parts #footer .sns_area {
  display: flex;
  justify-content: center;
}
.parts #footer .sns_area li {
  margin: 0 2.4rem;
}
.parts #footer .sns_area a {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
}
.parts #message {
  padding: 4.8rem 1.6rem;
  background: #f5f5f5;
  text-align: center;
}
.parts #message .logo_area {
  width: 27.6%;
  max-width: 9.6rem;
  margin: 0 auto;
}
.parts #message .catchcopy_en {
  margin: 3.2rem 0;
  font-family: "Cormorant Garamond", serif;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
  color: #b39d5a;
  letter-spacing: 0;
}
.parts #message .catchcopy {
  margin-bottom: 2.4rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts #service_wrap .service_block {
  width: 100%;
}
.parts #service_wrap .service_block a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts #service_wrap .service_block:nth-child(1) {
  background: url("../img/background/bg_service01.png") no-repeat;
  background-position: right center;
  background-size: auto 18.8rem;
}
.parts #service_wrap .service_block:nth-child(2) {
  background: url("../img/background/bg_service02.png") no-repeat;
  background-position: left center;
  background-size: auto 18.8rem;
}
.parts #service_wrap .service_block:nth-child(3) {
  background: url("../img/background/bg_service03.png") no-repeat;
  background-position: right center;
  background-size: auto 18.8rem;
}
.parts #service_wrap .service_block:nth-child(4) {
  background: url("../img/background/bg_service04.png") no-repeat;
  background-position: left center;
  background-size: auto 18.8rem;
}
.parts #service_wrap .service_block:nth-child(2n) .service_box {
  margin-left: auto;
}
.parts #service_wrap .service_box {
  display: flex;
  flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 50%;
  height: 17.8rem;
  line-height: 1.3;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.parts #service_wrap .service_box .link_style {
  margin-top: 1rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.parts #service_wrap .service_box .link_style::after {
  margin-left: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "\f054";
}
.parts #calender_wrap {
  display: flex;
  justify-content: space-between;
}
.parts #calender_wrap .calender_area {
  width: 47.2%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.parts #calender_wrap .calender_area .month {
  text-align: left;
}
.parts #calender_wrap .calender_area th,
.parts #calender_wrap .calender_area td {
  padding: 0.2rem 0;
  border: 1px solid #d6d6d6;
}
.parts #calender_wrap .calender_area th:first-child {
  color: #ed6866;
}
.parts #calender_wrap .calender_area th:last-child {
  color: #4293c2;
}
.parts #calender_wrap .calender_area .off {
  background: #f5d1ca;
}
.parts #calender .notice {
  margin-top: 0.8rem;
}
.parts #calender .notice span {
  color: #f5d1ca;
}
.parts #copyright {
  padding: 0.8rem 1.6rem;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}
.parts .side_column .banner_box {
  margin-bottom: 1.6rem;
}
.parts .side_link_wrap {
  margin-top: 8rem;
}
.parts .side_link_area {
  border-bottom: 1px solid #9b9b9b;
}
.parts .side_link_area li {
  border-top: 1px solid #9b9b9b;
}
.parts .side_link_area a {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  padding: 0.9rem 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
  justify-content: space-between;
  align-items: center;
}
.parts .side_link_area a::after {
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #9b9b9b;
  content: "\f054";
}
.parts .side_sns_area {
  display: flex;
  -ms-flex-pack: center;
  margin: 8rem 0;
  justify-content: center;
}
.parts .side_sns_area li {
  margin: 0 2.4rem;
}
.parts .side_sns_area a {
  font-size: 48px;
  font-size: 4.8rem;
}
.parts #menu_header {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
.parts #login_area {
  margin-top: 3.2rem;
}
.parts #login_area .login_btn_area {
  display: flex;
  -ms-flex-pack: justify;
  padding: 0 1.6rem 3.2rem;
  justify-content: space-between;
}
.parts #login_area .login_btn_area .btn {
  width: 46.9%;
}
.parts #login_area .login_btn_area .btn a,
.parts #login_area .login_btn_area .btn button {
  padding: 1.2rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .search {
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .search_area {
  position: relative;
}
.parts .search_area .search_input {
  width: 100%;
  border: 0;
  background: #f5f5f5;
}
.parts .search_area .search_btn {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.parts .search_area .search_btn .svg {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.parts .search_area .search_btn .svg svg {
  width: 100%;
  height: 100%;
}
.parts #search #s_sort::after {
  padding-left: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  content: "\f107";
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts #search #s_sort.open::after {
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "\f106";
}
.parts .category_wrap .title03 {
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  padding: 0 1.6rem;
  justify-content: flex-start;
  align-items: center;
}
.parts .category_wrap .title03 .svg {
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.4rem;
}
.parts .category_wrap .title03 .svg svg {
  fill: #b39d5a;
}
.parts .category_area {
  margin-bottom: 4rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .category_area a {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  padding: 0.9rem 1.6rem;
  justify-content: space-between;
  align-items: center;
}
.parts .category_area a::after {
  margin-left: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #9b9b9b;
  content: "\f054";
}
.parts .category_area > ul {
  margin-top: 0.8rem;
  border-top: 1px solid #d6d6d6;
}
.parts .category_area > ul .level1 {
  border-bottom: 1px solid #d6d6d6;
  background: #fff;
}
.parts .category_area > ul .level1 > .category_title {
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .category_area > ul .level1 > ul {
  background: #f5f5f5;
}
.parts .category_area > ul .level2 {
  border-bottom: 1px solid #fff;
}
.parts .category_area > ul .level2:last-of-type {
  border-bottom: 0;
}
.parts .category_area > ul .level2 > ul {
  padding-left: 1.6rem;
  border-top: 1px solid #fff;
}
.parts .category_title p {
  position: relative;
  padding: 0.9rem 1.6rem;
}
.parts .category_title p::before,
.parts .category_title p::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: "";
  transform: translateY(-50%);
}
.parts .category_title p::before {
  right: 1.6rem;
  width: 1.5rem;
  height: 0.2rem;
}
.parts .category_title p::after {
  right: 2.2rem;
  width: 0.2rem;
  height: 1.5rem;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .category_title.active p::after {
  background: transparent;
}
.parts #global.category_wrap .current {
  font-weight: bold;
}
.parts #global .category_area .level1 .category_tree {
  display: none;
}
.parts #global .category_title.active + .category_tree {
  display: block;
}
.parts #footer_category_wrap .level1 .category_expander {
  background: #f5f5f5;
}
.parts #mainV {
  display: none;
  overflow: hidden;
  margin-bottom: 4rem;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts #mainV.slick-initialized {
  display: block;
}
.parts #mainV .silde_box a {
  display: block;
}
.parts #mainV .slick-dots {
  bottom: 1.6rem;
}
.parts #top_search {
  padding-bottom: 5.6rem;
}
.parts #top_search .search_type {
  display: flex;
  justify-content: space-between;
}
.parts #top_search .search_type .type_box {
  position: relative;
  box-sizing: border-box;
  height: auto;
  border-radius: 100%;
}
.parts #top_search .search_type .type_box a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts #top_search .search_type .type_box p {
  width: 100%;
  line-height: 1;
}
.parts #top_search .search_type .type_box .i_type {
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 auto;
}
.parts #top_search .search_type .type_box .i_type svg {
  fill: #b39d5a;
}
.parts #feature {
  margin-bottom: 8rem;
}
.parts #feature .banner_box {
  margin-bottom: 0.4rem;
}
.parts #ranking .title_wrap {
  marign: 0 1.6rem;
}
.parts #ranking .title02 {
  margin-right: 1.6rem;
  margin-left: 1.6rem;
}
.parts .ranking {
  overflow: hidden;
  margin-bottom: 8rem;
}
.parts .ranking .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts .ranking .more_btn {
  width: 76.9%;
  max-width: 26.4rem;
  margin: 4.8rem auto 0;
}
.parts .ranking_wrap {
  overflow: hidden;
  margin-bottom: 6.4rem;
}
.parts .ranking_wrap:last-of-type {
  margin-bottom: 0;
}
.parts .ranking_item_box {
  box-sizing: border-box;
}
.parts .ranking_item_box a {
  position: relative;
  display: block;
}
.parts .ranking_item_box .item_image {
  margin-bottom: 1.6rem;
}
.parts .ranking_item_box .item_name {
  margin-bottom: 0.4rem;
}
.parts .ranking_item_box .item_rank_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parts .ranking_item_box .price {
  padding-right: 0.4rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
}
.parts .ranking_sign {
  position: absolute;
  z-index: 1;
  top: 0.8rem;
  left: 0.8rem;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #09090b;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.parts .ranking_sign_01 {
  background: #b39d5a;
}
.parts .ranking_sign_02 {
  background: #999;
}
.parts .ranking_sign_03 {
  background: #a36e52;
}
.parts #feature_category {
  margin-bottom: 8rem;
}
.parts #feature_category .banner_area {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts #feature_category .banner_box p {
  margin-top: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: 0;
}
.parts #recommend {
  margin: 0 0 8rem;
}
.parts #recommend_wrap .item_box:first-child {
  width: 100%;
}
.parts #recommend_wrap .item_comments {
  margin-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}
.parts #advantage {
  margin: 0 0 8rem;
}
.parts #advantage .introduction {
  margin: 4.8rem 0 3.2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts #advantage .more_btn {
  width: 76.9%;
  max-width: 26.4rem;
  margin: 4.8rem auto 0;
}
.parts #advantage_wrap {
  display: flex;
  justify-content: center;
}
.parts .advantage_box,
.parts #top_search .search_type .type_box {
  width: 31.1%;
  max-width: 20rem;
  text-align: center;
}
.parts .advantage_box:nth-child(2),
.parts #top_search .search_type .type_box:nth-child(2) {
  margin: 0 3.35%;
}
.parts .advantage_box p,
.parts #top_search .search_type .type_box p {
  margin-top: 0.8rem;
  letter-spacing: 0;
}
.parts .LC_Page_Products_List .main_title {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.parts .item_list_wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts .item_list_wrap_center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.parts .item_box {
  position: relative;
  width: 47.8%;
  margin-bottom: 9.3%;
}
.parts .item_box .sale_price {
  margin-top: 1.6rem;
}
.parts .item_box .sale_price .price {
  padding-right: 0.4rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
}
.parts .item_box .status_icon {
  display: flex;
  -ms-flex-pack: end;
  margin-top: 0.8rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.parts .item_box .status_icon li {
  margin-left: 0.4rem;
  padding: 0.4rem 0.8rem;
  background: #d6d6d6;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
}
.parts .item_box .status_icon li.status_1 {
  background: #fe0302;
  color: #fff;
}
.parts .item_box .status_icon li.status_2 {
  background: #fe8b0c;
  color: #fff;
}
.parts .item_box .status_icon_list {
  display: flex;
  -ms-flex-pack: start;
  margin-top: 0.8rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts .item_box .status_icon_list li {
  margin-left: 0.4rem;
  padding: 0.4rem 0.8rem;
  background: #d6d6d6;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
}
.parts .item_box .status_icon_list li.status_1 {
  background: #114bb5;
  color: #fff;
}
.parts .item_box .status_icon_list li.status_2 {
  background: #fe8b0c;
  color: #fff;
}
.parts .item_box .status_icon_list li.status_6 {
  background: #fe0302;
  color: #fff;
}
.parts .item_image {
  position: relative;
}
.parts .item_image::before {
  display: block;
  padding-top: 100%;
  content: "";
}
.parts .item_image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.parts .item_name {
  overflow: hidden;
  height: 4.2rem;
  margin-top: 1.6rem;
}
.parts .carousel {
  overflow: hidden;
  margin: 0 1.6rem;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .carousel.slick-initialized {
  opacity: 1;
}
.parts .carousel .slick-list {
  overflow: visible;
}
.parts .carousel .slick-slide {
  margin-right: 1.6rem;
}
.parts .carousel .item_box {
  width: 100%;
}
.parts .category_main_image {
  margin-bottom: 1.6rem;
}
.parts .category_main_image img {
  display: block;
  margin: 0 auto;
}
.parts .category_child_list {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .free_area {
  margin-bottom: 4.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .free_area a + br,
.parts .free_area div + br,
.parts .free_area p + br {
  display: none;
}
.parts .free_area .title01 .main {
  font-size: 20px;
  font-size: 2rem;
}
.parts .free_area .title01 .en {
  font-size: 26px;
  font-size: 2.6rem;
}
.parts .free_area .headline {
  position: relative;
  margin-bottom: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  color: #474747;
  text-align: center;
  font-feature-settings: "palt";
}
.parts .free_area .headline .en {
  display: block;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  font-size: 2.6rem;
}
.parts .free_area .headline::before {
  position: absolute;
  top: 50%;
  left: 0;
  left: 50%;
  width: 100%;
  max-width: 53.6rem;
  height: 2px;
  background: #b39d5a;
  content: "";
  transform: translateX(-50%) translateY(-50%);
}
.parts .free_area .headline .line {
  position: relative;
  display: inline-block;
  padding: 0 1.6rem;
  background: #fff;
}
.parts .free_area .headline .line span {
  display: block;
}
.parts .free_area .free_title01 {
  margin: 0.4rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
.parts .free_area .carousel {
  margin-left: 0;
}
.parts .free_area .col_wrap {
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  margin-top: 0.8rem;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
}
.parts .free_area .col_wrap.col_box {
  margin-right: auto;
  margin-left: auto;
}
.parts .free_area .col_1 {
  width: calc(8.3% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_2 {
  width: calc(16.6% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_3 {
  width: calc(24.9% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_4 {
  width: calc(33.2% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_5 {
  width: calc(41.5% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_6 {
  width: calc(49.8% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_7 {
  width: calc(58.1% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_8 {
  width: calc(66.4% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_9 {
  width: calc(74.7% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_10 {
  width: calc(83% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_11 {
  width: calc(91.3% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}
.parts .free_area .col_12 {
  width: 100%;
  margin: 0 0 0.8rem;
}
.parts .free_area .sub_area {
  margin-bottom: 4rem;
}
.parts .free_area .sub_area > br {
  display: none;
}
.parts .free_area .sub_block {
  margin: 2.4rem 0 4.8rem;
}
.parts .free_area .sub_block .sale_price {
  margin-top: 0.8rem;
}
.parts .free_area .sub_block .sale_price .price {
  padding-right: 0.4rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
}
.parts .free_area .sub_block .item_comments {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}
.parts .free_area .sub_block .status_icon {
  display: flex;
  -ms-flex-pack: end;
  margin-top: 0.8rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.parts .free_area .sub_block .status_icon li {
  margin-left: 0.4rem;
  padding: 0.4rem 0.8rem;
  background: #d6d6d6;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
}
.parts .free_area .sub_block .status_icon li.status_1 {
  background: #fe0302;
  color: #fff;
}
.parts .free_area .sub_block .status_icon li.status_2 {
  background: #fe8b0c;
  color: #fff;
}
.parts .free_area .sub_headline {
  margin-bottom: 1.6rem;
  text-align: center;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.parts .free_area .sub_headline .main {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .free_area .sub_banner_area {
  margin: 1.6rem 0;
}
.parts .free_area .sub_banner_area img {
  display: block;
  margin: 0 auto;
}
.parts .free_area .anker_menu_link {
  margin-bottom: 2.4rem;
}
.parts .free_area .anker_menu_link li {
  box-sizing: border-box;
  border: 1px solid #9b9b9b;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}
.parts .free_area .anker_menu_link li a {
  position: relative;
  display: block;
  padding: 0.8rem 1.6rem 0.8rem 1rem;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
}
.parts .free_area .anker_menu_link li a::after {
  position: absolute;
  top: 50%;
  right: 0.4rem;
  display: block;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  content: "\f105";
  transform: translateY(-50%);
}
.parts .free_area .pickup_main,
.parts .free_area .pickup_list {
  margin-top: 1.6rem;
}
.parts .free_area .pickup_main .item_name {
  height: auto;
}
.parts .free_area .pickup_main .item_contents img {
  display: block;
  margin: 0 auto 0.4rem;
}
.parts .free_area .pickup_main .item_comments span {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #b39d5a;
}
.parts .free_area .pickup_main .item_comments span + br {
  display: none;
}
.parts .free_area .pickup_list .item_name {
  margin-top: 0.8rem;
}
.parts .free_area .pickup_list .item_comments {
  margin-top: 1.6rem;
}
.parts .free_area .btn_more {
  width: 100%;
  max-width: 320px;
}
.parts .free_area .btn_more a {
  padding: 1.2rem 2.4rem 1.2rem 1.6rem;
  border: 1px solid #9b9b9b;
  background: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .free_area .btn_more a::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #9b9b9b;
  content: "\f105";
  transform: translateY(-50%);
}
.parts .free_area .supplement {
  margin-top: 1.6rem;
  padding: 1.6rem 0.8rem;
  background: #f5f5f5;
}
.parts .free_area .supplement_title {
  margin-bottom: 1.6rem;
  line-height: 1.2;
  text-align: center;
}
.parts .free_area .supplement_title span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.parts .free_area .supplement .item_comments span {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #b39d5a;
}
.parts .free_area .col4_8 {
  box-sizing: border-box;
  width: calc(25% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
}
.parts .free_area .title_banner {
  position: relative;
  margin-top: 2.4rem;
}
.parts .free_area .title_banner .title_text {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  transform: translateY(-50%);
}
.parts #brooch {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}
.parts #brooch > br {
  display: none;
}
.parts #brooch h3 img {
  margin: 0 auto;
}
.parts #brooch .reason_area {
  margin-bottom: 3.2rem;
}
.parts #brooch .reason_text {
  position: relative;
  z-index: 1;
  padding: 9.3%;
  color: #402e06;
}
.parts #brooch .about_brooch {
  color: #84632e;
}
.parts #brooch .about_brooch img {
  margin: 0 auto 1.6rem;
}
.parts #brooch .about_brooch_text {
  padding: 2.4rem;
  letter-spacing: 0;
}
.parts #brooch .proposal_main_ttl img {
  margin: 0 auto;
}
.parts #brooch .proposal_ttl {
  margin-bottom: 1.6rem;
  text-align: center;
}
.parts #brooch .proposal_ttl span {
  display: inline-block;
  padding: 0.2rem 0.4rem;
  background-color: #bfa584;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
.parts #brooch .proposal_block {
  margin-bottom: 2.4rem;
}
.parts #brooch .proposal_block .gift_image {
  width: 80%;
  margin: 0 auto;
}
.parts #brooch .proposal_block .gift_image img {
  margin: 0 auto;
}
.parts #brooch .proposal_block .gift_wrap {
  box-sizing: border-box;
  margin: -3.2rem 0 1.6rem 0;
  padding: 4rem 1.6rem 1.6rem;
  border: 1px solid #baa789;
}
.parts #brooch .proposal_block .gift_tag {
  margin: 0.4rem 0.4rem 0;
  padding: 0.4rem 0.8rem;
  border: 1px solid #bfa584;
  border-radius: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #bfa584;
  letter-spacing: 0;
}
.parts #brooch .proposal_block .gift_tag_wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.parts #brooch .proposal_block .gift_text_wrap {
  display: flex;
  -ms-flex-pack: justify;
  margin-top: 1.6rem;
  justify-content: space-between;
}
.parts #brooch .proposal_block .gift_text_wrap div:not(.gift_text) {
  width: 30%;
}
.parts #brooch .proposal_block .gift_text_wrap div:not(.gift_text) img {
  margin: 0 auto;
}
.parts #brooch .proposal_block .gift_text {
  width: 68%;
}
.parts #brooch .proposal_box {
  width: 50%;
  max-width: 15rem;
  margin-bottom: 9.4%;
  text-align: center;
}
.parts #brooch .proposal_box .item_name {
  height: auto;
  margin: 0.8rem 0;
  color: #963;
}
.parts .decoframe01 {
  position: relative;
}
.parts .decoframe01::before,
.parts .decoframe01::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 19.2%;
  max-width: 14.4rem;
  background-size: contain;
  content: "";
}
.parts .decoframe01::before {
  right: 0;
  background-image: url(/user_data/img/event/brooch/sbrooch-capbg-right.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.parts .decoframe01::after {
  left: 0;
  background-image: url(/user_data/img/event/brooch/sbrooch-capbg-left.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.parts .decoframe02 {
  background-image: url(/user_data/img/event/brooch/sbrooch-bg-t.png), url(/user_data/img/event/brooch/sbrooch-bg-b.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: contain, contain;
}
.parts .decoframe02_wrap {
  padding: 3.2rem 1.6rem;
  border: 1px solid #baa789;
}
.parts #sweet {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  color: #192766;
}
.parts #sweet > br {
  display: none;
}
.parts #sweet img {
  margin: 0 auto;
}
.parts #sweet a {
  color: #192766;
}
.parts #sweet .item_name::before,
.parts #sweet .series_name::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0;
  margin-left: 0;
  border: transparent solid 5px;
  border-left-color: transparent;
  border-left-color: #192766;
  content: "";
}
.parts #sweet .series_name {
  font-weight: bold;
}
.parts #sweet .item_name {
  height: auto;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #sweet .sweet_dotBG {
  box-sizing: border-box;
  padding: 1.6rem 1.6rem 3.2rem;
  background: url(/user_data/img/event/sweet10/ssweet10-back.jpg) repeat-y top center;
}
.parts #sweet .sweet_dotBG .btn {
  margin-top: 1.6rem;
}
.parts #sweet .sweet_dotBG .btn a {
  padding: 0.8rem 0;
  border: 0;
  background: #192766;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}
.parts #sweet .sweet_title {
  margin: 1.6rem 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
.parts #sweet .sweet_ranking {
  margin-bottom: 4rem;
}
.parts #sweet .sweet_ranking_box:nth-of-type(2) {
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}
.parts #sweet .sweet_ranking_inner a {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  justify-content: space-between;
  align-items: center;
}
.parts #sweet .sweet_ranking_text {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2;
}
.parts #sweet .motif_area {
  margin-top: 3.2rem;
  padding: 0.8rem;
  background-color: #fff;
}
.parts #sweet .motif_block {
  padding: 0.8rem 0 1.6rem;
  background-image: url(/user_data/img/event/sweet10/ssweet10-bg-1.jpg), url(/user_data/img/event/sweet10/ssweet10-bg-3.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: contain;
}
.parts #sweet .motif_block > br {
  display: none;
}
.parts #sweet .motif_block .sweet_title {
  margin-top: 0;
}
.parts #sweet .motif_block .fs12 {
  line-height: 1.8;
}
.parts #sweet .motif_box {
  margin-bottom: 1.6rem;
}
.parts #sweet .motif_box:not(:last-of-type) {
  border-bottom: 2px dotted #ffe7b5;
}
.parts #sweet .episode_title {
  max-width: 60rem;
  height: 6.4rem;
  margin: 0 auto 1.6rem;
  padding: 1.2rem 4.8rem;
  background-image: url(/user_data/img/event/sweet10/ssweet10-ep-2.jpg), url(/user_data/img/event/sweet10/ssweet10-ep-3.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: contain;
  text-align: center;
}
.parts #sweet .episode_wrap {
  box-sizing: border-box;
  max-width: 50rem;
  margin: 0 auto;
  padding: 0.2rem;
  border: solid 2px #cfd8e6;
}
.parts #sweet .episode_inner {
  padding: 1.6rem;
  border: solid 1px #cfd8e6;
}
.parts #sweet .episode_inner .sweet_title {
  margin-top: 0;
  text-align: center;
}
.parts #sweet .style .fs12 {
  line-height: 1.8;
}
.parts #sweet .faq_box {
  margin-bottom: 3.2rem;
  border: 0;
}
.parts #sweet .faq_box dt,
.parts #sweet .faq_box dd {
  padding-left: 3.2rem;
  background-repeat: no-repeat;
  background-size: 2.4rem;
}
.parts #sweet .faq_box dt {
  margin-bottom: 0.8rem;
  background-image: url(/user_data/img/event/sweet10/ssweet10-q-q.jpg);
  background-position: left center;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #sweet .faq_box dd {
  background-image: url(/user_data/img/event/sweet10/ssweet10-q-a.jpg);
  background-position: left -4px;
}
.parts #list_header {
  margin: 4.8rem 0 4rem;
}
.parts .linemax {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .linemax .st {
  font-size: 18px;
  font-size: 1.8rem;
}
.parts #sort_wrap {
  display: flex;
  justify-content: space-between;
}
.parts #sort_wrap .change {
  width: 47.8%;
}
.parts #sort_wrap .change select {
  padding: 1rem 1.6rem;
}
.parts #sort_wrap .sort_btn {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 47.8%;
  padding: 1rem 1.6rem;
  background: #3d4e84;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.parts #sort_wrap .sort_btn .svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
}
.parts #sort_wrap .sort_btn .svg svg {
  fill: #fff;
}
.parts .refiner_area dl {
  margin-bottom: 2.4rem;
}
.parts .refiner_area dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.parts .refiner_area dl dd .price_area {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  color: #9b9b9b;
  justify-content: space-between;
  align-items: center;
}
.parts .refiner_area dl dd .price_area p:not(.price_input) {
  width: 2rem;
}
.parts .refiner_area dl dd .price_input {
  width: calc(100% - 2.2rem);
}
.parts .refiner_area dl dd .wrap_radio label::before {
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
}
.parts .refiner_area dl dd .wrap_radio label::after {
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
}
.parts .refiner_area dl dd .wrap_radio label.active::before {
  background: #3e3e3b;
}
.parts .refiner_area dl dd .wrap_radio label.active::after {
  background: #fff;
}
.parts .refiner_area .title04 {
  position: relative;
  width: 100%;
  margin: 3.2rem 0 2.4rem;
}
.parts .refiner_area .title04::before,
.parts .refiner_area .title04::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: "";
  transform: translateY(-50%);
}
.parts .refiner_area .title04::before {
  right: 0rem;
  width: 1.5rem;
  height: 0.2rem;
}
.parts .refiner_area .title04::after {
  right: 0.6rem;
  width: 0.2rem;
  height: 1.5rem;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .refiner_area .title04.active::after {
  background: transparent;
}
.parts .refiner_btn_area .btn_passive {
  width: 32%;
  max-width: 11rem;
}
.parts .refiner_btn_area .btn01 {
  width: 63.2%;
  max-width: 26.4rem;
}
.parts .refiner_btn_area .btn button {
  padding: 1.1rem 0;
}
.parts #kodawari {
  width: 100%;
}
.parts #kodawari_wrap {
  display: none;
}
.parts #list_anker {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: calc(100% - 8.8rem);
  margin: 1.6rem;
}
.parts #list_anker a {
  position: relative;
  padding: 1.2rem 0;
  border: 0;
  line-height: 1;
}
.parts #list_anker a::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  content: "\f107";
  transform: translateY(-50%);
}
.parts #product {
  position: relative;
}
.parts #product .ranking_wrap .carousel {
  margin-left: 0;
}
.parts #product .cartin_btn a,
.parts #product .cartin_btn_sp a,
.parts #product .cartin_btn p,
.parts #product .cartin_btn_sp p {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 1.6rem 0;
  background: #e2470e;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.parts #product .cartin_btn a .svg,
.parts #product .cartin_btn_sp a .svg,
.parts #product .cartin_btn p .svg,
.parts #product .cartin_btn_sp p .svg {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.8rem;
}
.parts #product .cartin_btn a .svg svg,
.parts #product .cartin_btn_sp a .svg svg,
.parts #product .cartin_btn p .svg svg,
.parts #product .cartin_btn_sp p .svg svg {
  fill: #fff;
}
.parts #product .cartin_btn_sp {
  display: none;
}
.parts #product .cartin_btn_sp .item_area_sp {
  width: 40%;
  margin: 0 1rem;
}
.parts #product .cartin_btn_sp .item_area_sp .item_name {
  overflow: hidden;
  height: auto;
  margin-top: 0;
  font-size: 1.2rem;
  color: #474747;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parts #product .cartin_btn_sp .item_area_sp .sale_price {
  color: white;
}
.parts #product .cartin_btn_sp .item_area_sp .sale_price .price {
  -ms-flex-pack: start;
  -ms-flex-align: end;
  width: 100%;
  margin: 0.8rem 0 0;
  padding: 0;
  background-color: inherit;
  color: #474747;
  justify-content: flex-start;
  align-items: flex-end;
}
.parts #product .cartin_btn_sp .item_area_sp .sale_price .price span {
  width: auto;
  font-size: 2rem;
  font-weight: bold;
  white-space: nowrap;
}
.parts #product .cartin_btn_sp .item_area_sp .sale_price .price .tax {
  height: auto;
  margin-left: 0.6rem;
  font-size: 1.5rem;
  font-weight: normal;
}
.parts #product .cartin_btn_sp a,
.parts #product .cartin_btn_sp p {
  width: 55%;
  margin: 1rem;
  padding: 1rem 0;
  font-size: 14px;
}
.parts #product .cartin_btn_sp a span,
.parts #product .cartin_btn_sp p span {
  width: 1.8rem;
  height: 1.8rem;
}
.parts #product .cartin_btn_sp .favorite_btn_sp {
  width: 10%;
  margin: 0;
  background-color: transparent;
}
.parts #product .cartin_btn_sp .favorite_btn_sp a {
  width: 100%;
  margin: 0;
  background-color: inherit;
  color: gray;
}
.parts #product .cartin_btn_sp .favorite_btn_sp a span {
  width: 3rem;
  height: 2.6rem;
  margin: 0;
}
.parts #product .cartin_btn_sp .favorite_btn_sp a span svg {
  fill: #dedddc;
  stroke: #dedddc;
  stroke-width: 60px;
  stroke-linejoin: miter;
}
.parts #product .cartin_btn_sp .favorite_btn_sp span {
  width: 3rem;
  height: 2.6rem;
  margin: 0;
}
.parts #product .cartin_btn_sp .favorite_btn_sp span svg {
  fill: #e4a99f;
  stroke: transparent;
  stroke-width: 60px;
  stroke-linejoin: miter;
}
.parts #product .soldout_btn p {
  width: 100%;
  padding: 1rem 0;
  border: 2px solid #3e3e3b;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #3e3e3b;
  text-align: center;
}
.parts #product .soldout_btn p:hover {
  cursor: not-allowed;
}
.parts #detail_photobloc {
  margin-bottom: 3.2rem;
}
.parts #detail_photobloc img {
  margin: 0 auto;
}
.parts #detail_photobloc .slick-arrow {
  z-index: 1;
  color: #9b9b9b;
}
.parts #detail_photobloc .slick-arrow:before {
  font-family: "slick";
  font-size: 25px;
  line-height: 1;
  color: gray;
  opacity: 0.75;
}
.parts #detail_photobloc .slick-prev::before {
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "\f104";
}
.parts #detail_photobloc .slick-next::before {
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "\f105";
}
.parts #detail_photobloc #main_image {
  margin-bottom: 0.8rem;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts #detail_photobloc #main_image.slick-initialized {
  opacity: 1;
}
.parts #detail_photobloc #main_image .slick-slide {
  height: auto;
}
.parts #detail_photobloc #main_image .slick-arrow {
  width: 2.8rem;
  height: 2.8rem;
}
.parts #detail_photobloc #main_image .slick-arrow::before {
  font-size: 26px;
  font-size: 2.6rem;
}
.parts #detail_photobloc #main_image .slick-prev {
  left: -0.8rem;
}
.parts #detail_photobloc #main_image .slick-next {
  right: -0.8rem;
}
.parts #detail_photobloc #thumbnail {
  padding: 0 1.6rem;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts #detail_photobloc #thumbnail.slick-initialized {
  opacity: 1;
}
.parts #detail_photobloc #thumbnail .slick-slide {
  height: auto;
  margin-right: 0.6rem;
  opacity: 0.7;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts #detail_photobloc #thumbnail .slick-current {
  opacity: 1;
}
.parts #detail_photobloc #thumbnail .slick-arrow {
  width: 1.6rem;
  height: 1.6rem;
}
.parts #detail_photobloc #thumbnail .slick-arrow::before {
  font-size: 16px;
  font-size: 1.6rem;
}
.parts #detail_photobloc #thumbnail .slick-prev {
  left: -0.8rem;
}
.parts #detail_photobloc #thumbnail .slick-next {
  right: -0.8rem;
}
.parts #detail_rightbloc {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #detail_rightbloc .status_icon {
  display: flex;
  -ms-flex-pack: start;
  margin-bottom: 0.8rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts #detail_rightbloc .status_icon li {
  margin-right: 0.4rem;
  padding: 0.6rem 1.6rem;
  background: #d6d6d6;
  line-height: 1;
  letter-spacing: 0;
}
.parts #detail_rightbloc .status_icon li.status_icon_option {
  margin-top: 10px;
  margin-right: 0.4rem;
  padding: 0.6rem 1.6rem;
  background-color: transparent;
  line-height: 1;
  letter-spacing: 0;
  border: 1px solid #9b9b9b;
  border-radius: 5px;
}
.parts #detail_rightbloc .status_icon li.status_1 {
  background: #114bb5;
  color: #fff;
}
.parts #detail_rightbloc .status_icon li.status_2 {
  background: #fe8b0c;
  color: #fff;
}
.parts #detail_rightbloc .status_icon li.status_6 {
  background: #fe0302;
  color: #fff;
}
.parts #detail_rightbloc .brand_area {
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  margin-top: 1.8rem;
  padding: 1.6rem;
  border: 1px solid #9b9b9b;
  justify-content: flex-start;
  align-items: center;
}
.parts #detail_rightbloc .brand_area img {
  width: 82px;
  height: auto;
  margin: 0 auto;
}
.parts #detail_rightbloc .brand_area .brand_name {
  width: 60%;
  margin-bottom: 0.4rem;
  margin-left: 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.parts #detail_rightbloc .brand_area .brand_name_area {
  overflow: hidden;
  margin-bottom: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parts #detail_rightbloc .brand_area .brand_name_link {
  padding: 0.6rem 1rem;
  border: 1px solid #9b9b9b;
  font-size: 1.4rem;
  font-weight: bold;
}
.parts #detail_rightbloc .brand_name {
  font-size: 1.6rem;
  font-weight: bold;
}
.parts #detail_rightbloc .catch_copy {
  margin-top: 10px;
  font-weight: bold;
}
.parts #detail_rightbloc .main_item_name {
  margin-bottom: 1.6rem;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
}
.parts #detail_rightbloc .product_code,
.parts #detail_rightbloc .point {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-pack: start;
  -ms-flex-align: baseline;
  justify-content: space-between;
  align-items: baseline;
  justify-content: flex-start;
}
.parts #detail_rightbloc .product_code dt,
.parts #detail_rightbloc .point dt {
  display: flex;
  -ms-flex-pack: justify;
  width: auto;
  font-size: 14px;
  font-size: 1.4rem;
  justify-content: space-between;
}
.parts #detail_rightbloc .product_code dt::after,
.parts #detail_rightbloc .point dt::after {
  content: "：";
}
.parts #detail_rightbloc .product_code dd,
.parts #detail_rightbloc .point dd {
  width: auto;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #detail_rightbloc .price_area {
  display: flex;
  -ms-flex-align: baseline;
  margin-bottom: 2rem;
  align-items: baseline;
  flex-wrap: wrap;
}
.parts #detail_rightbloc .point li {
  font-weight: bold;
}
.parts #detail_rightbloc .normal_price {
  text-decoration: line-through;
}
.parts #detail_rightbloc .sale_price {
  color: #fe0302;
  margin-right: 2rem;
}
.parts #detail_rightbloc .sale_price span {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: -0.02em;
}
.parts #detail_rightbloc .deliv_date_wrap {
  margin-bottom: 16px;
}
.parts #detail_rightbloc .deliv_date_wrap a {
  text-decoration: underline;
}
.parts #detail_rightbloc .deliv_date_wrap a:hover {
  text-decoration: none;
}
.parts #detail_rightbloc .deliv_date_wrap #quick_deliv {
  font-weight: bold;
  color: red;
}
.parts #detail_rightbloc .deliv_date_wrap #deliv_day {
  font-weight: bold;
}
.parts #detail_rightbloc #product .cartin_btn_sp,
.parts #product #detail_rightbloc .cartin_btn_sp {
  margin-top: 3.2rem;
}
.parts #detail_rightbloc .cartin_btn {
  margin-top: 2.4rem;
}
.parts #detail_rightbloc .favorite_btn {
  margin-top: 2.4rem;
}
.parts #detail_rightbloc .favorite_btn a,
.parts #detail_rightbloc .favorite_btn p {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 1rem 0;
  border: 1px solid #9b9b9b;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9b9b9b;
  justify-content: center;
  align-items: center;
}
.parts #detail_rightbloc .favorite_btn a .svg,
.parts #detail_rightbloc .favorite_btn p .svg {
  width: 2.1rem;
  height: 1.8rem;
  margin-right: 0.8rem;
}
.parts #detail_rightbloc .favorite_btn a svg {
  fill: transparent;
  stroke: #9b9b9b;
  stroke-width: 60px;
  stroke-linejoin: miter;
}
.parts #detail_rightbloc .favorite_btn p svg {
  fill: #e4a99f;
  stroke: transparent;
  stroke-width: 60px;
  stroke-linejoin: miter;
}
.parts #detail_rightbloc .soldout_btn {
  margin-top: 2.4rem;
}
.parts #tab_menu ul {
  display: flex;
  justify-content: flex-start;
}
.parts #tab_menu ul li {
  width: 50%;
  padding: 1.6rem 0;
  background: #f5f5f5;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #9b9b9b;
  text-align: center;
}
.parts #tab_menu ul li.active {
  background: #3d4e84;
  color: #fff;
}
.parts .tab_contents {
  display: none;
}
.parts .tab_contents.show {
  display: block;
}
.parts .tab_contents_wrap {
  padding: 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .parts .tab_contents_wrap {
    padding: 0;
  }
}
.parts .tab_contents_wrap img {
  display: inline-block;
}
.parts #ac_menu {
  margin-bottom: 4rem;
}
.parts #ac_menu > ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts #ac_menu > ul > li {
  position: relative;
  width: 100%;
  padding: 1.6rem 0;
  background: #3d4e84;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.parts #ac_menu > ul > li::before {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 14px;
  border: 1px solid #fff;
  content: "";
  transform: rotate(0);
}
.parts #ac_menu > ul > li::after {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 14px;
  border: 1px solid #fff;
  content: "";
  transform: rotate(90deg);
}
.parts #ac_menu > ul > li:not(:first-of-type) {
  margin-top: 1rem;
}
.parts #ac_menu > ul > li.active {
  background: #3d4e84;
  color: #fff;
}
.parts #ac_menu > ul > li.active::after {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 14px;
  border: 1px solid #fff;
  content: "";
  transform: rotate(0);
}
.parts .ac_contents {
  width: 100%;
}
.parts .ac_contents.show {
  display: block;
}
.parts .ac_contents_wrap {
  padding: 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .ac_contents_wrap img {
  display: inline-block;
}
.parts #item_spec .tab_contents_list_item {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: baseline;
  margin-bottom: 0.8rem;
  justify-content: space-between;
  align-items: baseline;
}
.parts #item_spec .tab_contents_list_title {
  display: flex;
  -ms-flex-pack: justify;
  width: 30%;
  line-height: 1.2;
  justify-content: space-between;
}
.parts #item_spec .tab_contents_list_title::after {
  content: "：";
}
.parts #item_spec .tab_contents_list_text {
  width: calc(70% - 0.8rem);
  font-size: 1.4rem;
}
.parts #item_image {
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.parts #item_image .item_image_box {
  width: 100%;
  padding-top: 2rem;
}
.parts #item_package {
  display: flex;
  justify-content: center;
}
.parts .classlist_only {
  padding-top: 1.4rem;
  border-top: 1px solid #d6d6d6;
}
.parts .classlist_only dl {
  margin-bottom: 2.4rem;
}
.parts .classlist_only dl dt {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  margin-bottom: 0.8rem;
  font-size: 12px;
  font-size: 1.2rem;
  justify-content: space-between;
  align-items: center;
}
.parts .option_btn_area a,
.parts .option_btn_area p {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 0.6rem 0;
  background: #e2470e;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.parts .option_btn_area a .svg,
.parts .option_btn_area p .svg {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.8rem;
}
.parts .option_btn_area a .svg svg,
.parts .option_btn_area p .svg svg {
  fill: #fff;
}
.parts .option_area .hissu {
  display: block;
  margin-left: 3.2rem;
  padding: 0.4rem 0.8rem;
  background: #cc232f;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}
.parts .option_area.normal_contents .option_box .option_name {
  height: 5.6rem;
}
.parts .option_area.normal_contents .option_box:not(.message_box) {
  width: 23.35%;
  margin-bottom: 4.6%;
  margin-left: 2.2%;
}
.parts .option_block {
  margin-bottom: 4rem;
  padding-top: 1.4rem;
  border-top: 1px solid #d6d6d6;
}
.parts .option_title {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  margin-bottom: 1.6rem;
  padding-bottom: 1.4rem;
  justify-content: space-between;
  align-items: center;
}
.parts .option_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts .option_box {
  width: 100%;
  margin-bottom: 9.3%;
}
.parts .option_box .sale_price {
  width: 100%;
  margin-bottom: 0.8rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.parts .option_box .sale_price .price {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
}
.parts .option_box .classlist {
  margin-top: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.parts .option_box .classlist dt {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: start;
  margin-bottom: 0.4rem;
  justify-content: space-between;
  align-items: flex-start;
}
.parts .option_box .classlist .inputCounter {
  font-size: 14px;
}
.parts .option_box .classlist .inputCounter span {
  color: red;
}
.parts .option_box .classlist dd select.unselected {
  background-color: #fee8ea;
}
.parts .option_box .classlist dd select[disabled].unselected {
  background-color: #f5f5f5;
}
.parts .option_box select,
.parts .option_box input[type=text] {
  padding: 1rem 2rem 1rem 1.6rem;
}
.parts .option_box .kukuin_input {
  height: 10rem;
}
.parts .option_box .sold_out {
  padding: 0.8rem 0;
  text-align: center;
}
.parts .option_box_product {
  display: flex;
  -ms-flex-align: center;
  padding: 2rem 1rem;
  border: 1px solid gray;
  align-items: center;
  flex-wrap: wrap;
}
.parts .option_box_product_text {
  width: 70%;
  padding-right: 1rem;
}
.parts .option_box_product_text .option_label {
  float: left;
  width: 2.8rem;
  height: auto;
  margin-right: 1rem;
  margin-bottom: 2rem;
}
.parts .option_box_product_text .option_label:before,
.parts .option_box_product_text .option_label :after {
  left: 0.8rem;
  content: none;
}
.parts .option_box_product_text .option_name {
  overflow: hidden;
  width: calc(100% - 40px);
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: bold;
  text-overflow: ellipsis;
}
.parts .option_box_product_image {
  width: 30%;
}
.parts .option_box_product_image .option_image#option_image {
  width: 100%;
}
.parts .option_image {
  position: relative;
}
.parts .option_image img {
  display: block;
  margin: 0 auto;
}
.parts .option_image .i_extantion {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
}
.parts .option_image .i_extantion svg {
  fill: #9b9b9b;
}
.parts .option_name {
  overflow: hidden;
  height: 4rem;
  margin-bottom: 0.8rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.parts .option_label {
  position: relative;
  padding: 0.8rem 0;
  background: #d6d6d6;
  line-height: 1;
  text-align: center;
}
.parts .option_label input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.parts .option_label::before,
.parts .option_label::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.parts .option_label::before {
  left: 0.5rem;
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  border: 2px solid #fff;
  border-radius: 4px;
  content: "";
}
.parts .option_label::after {
  left: 0.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: transparent;
  content: "\f00c";
}
.parts .option_label.active {
  background: #3d4e84;
  color: #fff;
}
.parts .option_label.active::after {
  color: #fff;
}
.parts #option.normal {
  padding: 0 1.6rem 4.8rem;
}
.parts #option.modal .modal_header {
  border-bottom: 1px solid #d6d6d6;
  background-color: #f5f5f5;
  color: black;
}
.parts #option.modal .modal_header .close {
  justify-content: center;
}
.parts #option.modal .modal_header .close span {
  position: absolute;
  right: 3%;
}
.parts #option.modal .modal_header .close span::before,
.parts #option.modal .modal_header .close span::after {
  background-color: #000;
}
.parts #option.modal .modal_contents .option_product {
  -ms-flex-pack: center;
  flex-wrap: wrap;
  justify-content: center;
}
.parts #option.modal .modal_contents .option_product#option_product_topImage {
  flex-wrap: nowrap;
}
.parts #option.modal .modal_contents .option_product_detail {
  margin-left: 5%;
}
.parts #option.modal .modal_contents .option_product .option_product_image {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.parts #option.modal .modal_contents .option_alea_r {
  display: none;
}
.parts #option.modal .modal_contents .option_alea_r .brand_name {
  margin-top: 2rem;
}
.parts #option.modal .modal_contents .option_alea_r #price02_default {
  font-size: 1.6rem;
}
.parts #option.modal .modal_contents .option_alea_r .modal_btn_area {
  position: absolute;
  border: 0;
}
.parts #delivery .accordion {
  position: relative;
  width: 100%;
}
.parts #delivery .accordion::before,
.parts #delivery .accordion::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: "";
  transform: translateY(-50%);
}
.parts #delivery .accordion::before {
  right: 0rem;
  width: 1.5rem;
  height: 0.2rem;
}
.parts #delivery .accordion::after {
  right: 0.6rem;
  width: 0.2rem;
  height: 1.5rem;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts #delivery .accordion.active::after {
  background: transparent;
}
.parts #delivery #notice_area {
  margin: 2.4rem 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.parts #delivery .notice_box {
  padding-bottom: 2.4rem;
}
.parts #delivery .notice_box dt {
  margin-bottom: 0.8rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts #delivery .measu {
  margin-top: 3.2rem;
}
.parts #delivery .delivery_date_box {
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts #delivery .delivery_date_contents {
  display: none;
  padding-top: 2.4rem;
}
.parts #delivery .delivery_date_contents img {
  max-height: 24rem;
  margin: 0 auto;
}
.parts #delivery .delivery_date_contents .area_date_list {
  display: flex;
  -ms-flex-pack: justify;
  margin-top: 1.6rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts #delivery .delivery_date_contents .area_date_list:first-of-type .area_title {
  margin-top: 0;
}
.parts #delivery .delivery_date_contents .area_title {
  width: 100%;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #3d4e84;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.parts #delivery .delivery_date_contents .area_name {
  box-sizing: border-box;
  width: 60%;
  padding-right: 1.6rem;
  border-right: 1px dotted #d6d6d6;
}
.parts #delivery .delivery_date_contents .area_date {
  width: calc(40% - 1.6rem);
}
.parts .cartbox_wrap {
  display: flex;
  -ms-flex-pack: justify;
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .cartbox_wrap:first-of-type {
  border-top: 1px solid #d6d6d6;
}
.parts .cartbox_image {
  width: 32%;
}
.parts .cartbox_spec_wrap {
  width: 63.2%;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .cartbox_spec .price {
  margin-top: 1.6rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}
.parts .cartbox_total {
  box-sizing: border-box;
  max-width: 28rem;
  margin-top: 1.6rem;
  margin-left: auto;
  padding: 0.8rem;
  background: #f5f5f5;
}
.parts .cartbox_total .item_total_price {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  justify-content: space-between;
  align-items: center;
}
.parts .cartbox_total .item_total_price:first-of-type {
  margin-bottom: 1.2rem;
}
.parts .cartbox_total .item_total_price .delete_btn {
  width: calc(100% - 11rem);
}
.parts .cartbox_total .item_total_price .delete_btn a {
  display: flex;
  -ms-flex-pack: center;
  padding: 0.5rem 0;
  background: #9b9b9b;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  text-align: center;
  justify-content: center;
}
.parts .cartbox_total .item_total_price .delete_symbol {
  position: relative;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
}
.parts .cartbox_total .item_total_price .delete_symbol::before,
.parts .cartbox_total .item_total_price .delete_symbol::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.2rem;
  height: 0.1rem;
  background: #fff;
  content: "";
}
.parts .cartbox_total .item_total_price .delete_symbol::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.parts .cartbox_total .item_total_price .delete_symbol::after {
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.parts .cartbox_total .item_total_price #quantity_level {
  display: flex;
  -ms-flex-pack: justify;
  width: 10rem;
  justify-content: space-between;
}
.parts .cartbox_total .item_total_price #quantity_level li {
  height: 2.4rem;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn {
  width: 2.4rem;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  height: 100%;
  background: #9b9b9b;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol {
  position: relative;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol::before,
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol::after {
  display: block;
  background: #fff;
  content: "";
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol::before {
  width: 1.1rem;
  height: 0.1rem;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol.plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.1rem;
  height: 1.1rem;
  transform: translateX(-50%) translateY(-50%);
}
.parts .cartbox_total .item_total_price #quantity_level .count_total {
  width: 4.8rem;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
.parts .cartbox_total .item_total_price .num_value {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .cartbox_total .item_total_price .num_value span {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0;
}
.parts .option_select,
.parts #product {
  width: 100%;
  margin-top: 1.6rem;
}
.parts .option_select_container {
  display: flex;
  justify-content: center;
}
.parts .option_select_title {
  margin-bottom: 1.6rem;
  text-align: center;
}
.parts .option_select_title-main {
  margin-bottom: 0.8rem;
}
.parts .option_select_title-sub {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .option_select_box {
  width: 30.8%;
  text-align: center;
}
.parts .option_select_box:not(:first-of-type) {
  margin-left: 3.8%;
}
.parts .option_select_link {
  display: block;
}
.parts .option_select_text {
  margin: 0.8rem 0;
}
.parts .option_select_btn {
  padding: 0.8rem 0;
  background-color: #b39d5a;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
}
.parts #shopping .option_select_title-main {
  margin-bottom: 0.8rem;
  font-weight: bold;
}
.parts .total {
  margin-top: 3.2rem;
  margin-bottom: 6.4rem;
  border-bottom: 1px solid #d6d6d6;
}
.parts .total dl {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  margin-bottom: 0.8rem;
  justify-content: space-between;
  align-items: center;
}
.parts .total dl dt {
  width: 40%;
}
.parts .total dl dd {
  width: 57%;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
  text-align: right;
  letter-spacing: 0;
}
.parts .total dl dd.total_area {
  font-size: 22px;
  font-size: 2.2rem;
}
.parts .add_gift_block {
  margin-top: 4.8rem;
}
.parts .add_gift_block .option_box {
  width: 30.3%;
  margin-left: 0;
}
.parts .add_gift_block .option_box:nth-child(2n) {
  margin-left: 0;
}
.parts .add_gift_block .option_box:not(:nth-child(3n+1)) {
  margin-left: 4.55%;
}
.parts .add_gift_block .option_box .sale_price .price {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .add_gift_block .option_image {
  position: relative;
  margin-bottom: 0.8rem;
}
.parts .add_gift_block .option_image .i_extantion {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
}
.parts .add_gift_block .option_image .i_extantion svg {
  fill: #9b9b9b;
}
.parts .add_gift_btn_area {
  padding-top: 8rem;
}
.parts .add_gift_btn_fix {
  position: fixed;
  bottom: 0;
  left: 0;
  margin-top: 0 !important;
  padding: 1.6rem 0;
  background: rgba(255, 255, 255, 0.7);
}
.parts .deliv_check_wrap {
  margin-bottom: 2.4rem;
}
.parts .deliv_check_text {
  width: calc(100% - 3.2rem);
  line-height: 1.2;
}
.parts #other_deliv {
  display: none;
}
.parts .merit_area {
  margin-top: 4.8rem;
}
.parts .merit_block {
  box-sizing: border-box;
  width: 100%;
  max-width: 56rem;
  margin: 0 auto;
  padding: 0 2.4rem;
}
.parts .merit_point {
  display: flex;
  flex-direction: column;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  margin-bottom: 2.4rem;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  justify-content: space-between;
  align-items: center;
}
.parts .merit_point .main {
  display: block;
  margin-bottom: 0.4rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #b39d5a;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .merit_point.title02 .main {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}
.parts .merit_list {
  box-sizing: border-box;
  width: 100%;
  max-width: 36rem;
  margin: 0 auto;
  padding-left: 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .merit_list_item {
  margin-top: 1.6rem;
  margin-bottom: 0.4rem;
  list-style: decimal;
}
.parts #adress_list_wrap .adress_box {
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
}
.parts #adress_list_wrap .adress_box:first-of-type {
  border-top: 1px solid #d6d6d6;
}
.parts #adress_list_wrap .adress_box .adress_edit {
  margin-top: 1.6rem;
  margin-left: 4.4rem;
  padding: 0.8rem;
  background: #f5f5f5;
}
.parts #adress_list_wrap .adress_box .adress_edit .edit {
  display: flex;
  justify-content: space-between;
}
.parts #adress_list_wrap .adress_box .adress_edit .btn02 {
  width: 45.2%;
}
.parts #adress_list_wrap .adress_box .adress_edit .btn02 a {
  padding: 0.8rem 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.parts #adress_list_wrap .adress_text {
  width: calc(100% - 4.4rem);
}
.parts .pay_area {
  margin-bottom: 6.4rem;
}
.parts .pay_area p.fs14 {
  margin: 3.2rem 0 1.6rem;
}
.parts .pay_area .delivdate {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .pay_area .delivdate p {
  margin-bottom: 0.8rem;
}
.parts .pay_area .delivdate select {
  max-width: 34.8rem;
}
.parts .pay_area .delivdate select:first-of-type {
  margin-bottom: 2.4rem;
}
.parts .pay_area .point_announce .price {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
}
.parts .pay_area .point_use {
  max-width: 34.8rem;
  margin-top: 1.6rem;
  padding: 1.6rem;
  background: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .pay_area .point_use input {
  width: 50%;
}
.parts #payment .payment_item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts #payment .payment_image {
  margin-left: 4.4rem;
}
.parts .shopping_confirm {
  margin-bottom: 6.4rem;
}
.parts .shopping_confirm dl {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: baseline;
  margin-bottom: 0.8rem;
  justify-content: space-between;
  align-items: baseline;
}
.parts .shopping_confirm dl:first-of-type {
  margin-top: 2.4rem;
}
.parts .shopping_confirm dl dt {
  width: 34.6%;
}
.parts .shopping_confirm dl dd {
  width: 60.6%;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .point_confirm dl dt {
  box-sizing: border-box;
  width: 43.7%;
}
.parts .point_confirm dl dd {
  width: 50.1%;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}
.parts .card_exp,
.parts .card_exp .input_box {
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  justify-content: flex-start;
  align-items: center;
}
.parts .card_exp .input_box {
  width: 36%;
  margin: 0;
}
.parts #product .option_select,
.parts #product #product {
  padding: 0 1.6rem;
}
.parts #product .option_select_container {
  background-color: #f6f3eb;
  flex-wrap: wrap;
}
.parts #product .option_select_box {
  width: 100%;
  margin: 2rem 1.4rem;
  background-color: white;
}
.parts #product .option_select_heading {
  position: relative;
  margin-left: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #85162e;
  text-align: left;
}
.parts #product .option_select_heading:before {
  position: absolute;
  top: 1.8rem;
  left: 0;
  width: 60px;
  height: 60px;
  background-image: url("../img/icon/osusume.jpg");
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.parts #product .option_select_heading p {
  margin-left: 7rem;
  font-size: 1.4rem;
}
.parts #product .option_select_heading p span {
  font-size: 1.8rem;
  font-weight: bold;
  color: black;
}
.parts #product .option_select_text {
  margin: 0 0 1rem;
  font-size: 1.2rem;
  font-weight: bold;
}
.parts #product .option_select_text_01 {
  margin: 1rem 0;
  padding: 0.8rem 0;
  border-radius: 7px;
  background-color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  border: 1px solid #474747;
}
.parts #product .option_select_text_box {
  width: 47%;
  margin-left: 1rem;
}
.parts #product .option_select_btn {
  position: relative;
  margin: 1.6rem 1rem 1rem;
  padding: 1.8rem 0;
  border: 1px solid #3d4e84;
  background-color: #3d4e84;
  font-size: 1.3rem;
  color: #fff;
}
.parts #product .option_select_btn:after {
  position: absolute;
  top: 37%;
  right: 5%;
  width: 10px;
  height: 10px;
  border-top: 1.6px solid #fff;
  border-right: 1.6px solid #fff;
  content: "";
  transform: rotate(45deg);
}
.parts #product .option_select_image {
  float: right;
  width: 45%;
  margin-top: 2.6rem;
  margin-right: 1rem;
}
.parts #review {
  margin: 8rem 0;
  padding: 0 1.6rem;
}
.parts #review_area {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.parts #review_area > p {
  margin: 3.2rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #review_area .btn_review {
  width: 76.9%;
  max-width: 26.4rem;
  margin: 0 auto;
}
.parts #review_area .btn_review a {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  justify-content: center;
  align-items: center;
}
.parts #review_area .btn_review a::before {
  margin-right: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  content: "\f075";
}
.parts .review_list {
  overflow: auto;
  box-sizing: border-box;
  height: 30rem;
  margin-top: 3.2rem;
}
.parts .review_box {
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .review_box .recommend_level {
  margin-bottom: 0.8rem;
  color: #fdc210;
}
.parts .review_title {
  margin-bottom: 0.4rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .review_date_wrap {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: end;
  margin-top: 1.6rem;
  justify-content: space-between;
  align-items: flex-end;
}
.parts .review_date_wrap p {
  width: 49%;
}
.parts .review_date_wrap p.alignR {
  color: #9b9b9b;
}
.parts #whobought {
  overflow: hidden;
  padding: 0 1.6rem;
}
.parts #whobought .carousel {
  margin-top: 3.2rem;
}
.parts #list_ranking {
  margin: 8rem 0;
  padding: 0 1.6rem;
}
.parts #list_ranking .item_box {
  position: relative;
}
.parts #list_ranking .item_box .item_contents > div {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parts #flow_area {
  margin-bottom: 6.4rem;
}
.parts #flow_area ol {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 10px 0;
}
.parts #flow_area ol li {
  position: relative;
  box-sizing: border-box;
  width: 33.4%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
  height: 3.2rem;
  line-height: 3.2rem;
  box-sizing: border-box;
  padding-left: 0.8rem;
}
.parts #flow_area ol li::before,
.parts #flow_area ol li::after {
  position: absolute;
  top: 0;
  display: block;
  content: "";
}
.parts #flow_area ol li::before {
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #d6d6d6;
  border-style: solid;
  border-width: 20px 0 20px 10px;
  right: -1rem;
  z-index: 1;
  top: -0.4rem;
}
.parts #flow_area ol li::after {
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 16px 0 16px 8px;
  right: -0.8rem;
  z-index: 2;
}
.parts #flow_area ol li.current {
  font-weight: bold;
}
.parts #flow_area ol li.current::after {
  border-color: transparent transparent transparent;
}
.parts .cartbox_wrap {
  display: flex;
  -ms-flex-pack: justify;
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .cartbox_wrap:first-of-type {
  border-top: 1px solid #d6d6d6;
}
.parts .cartbox_image {
  width: 32%;
}
.parts .cartbox_spec_wrap {
  width: 63.2%;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .cartbox_spec .price {
  margin-top: 1.6rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}
.parts .cartbox_total {
  box-sizing: border-box;
  max-width: 28rem;
  margin-top: 1.6rem;
  margin-left: auto;
  padding: 0.8rem;
  background: #f5f5f5;
}
.parts .cartbox_total .item_total_price {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  justify-content: space-between;
  align-items: center;
}
.parts .cartbox_total .item_total_price:first-of-type {
  margin-bottom: 1.2rem;
}
.parts .cartbox_total .item_total_price .delete_btn {
  width: calc(100% - 11rem);
}
.parts .cartbox_total .item_total_price .delete_btn a {
  display: flex;
  -ms-flex-pack: center;
  padding: 0.5rem 0;
  background: #9b9b9b;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  text-align: center;
  justify-content: center;
}
.parts .cartbox_total .item_total_price .delete_symbol {
  position: relative;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
}
.parts .cartbox_total .item_total_price .delete_symbol::before,
.parts .cartbox_total .item_total_price .delete_symbol::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.2rem;
  height: 0.1rem;
  background: #fff;
  content: "";
}
.parts .cartbox_total .item_total_price .delete_symbol::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.parts .cartbox_total .item_total_price .delete_symbol::after {
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.parts .cartbox_total .item_total_price #quantity_level {
  display: flex;
  -ms-flex-pack: justify;
  width: 10rem;
  justify-content: space-between;
}
.parts .cartbox_total .item_total_price #quantity_level li {
  height: 2.4rem;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn {
  width: 2.4rem;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  height: 100%;
  background: #9b9b9b;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol {
  position: relative;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol::before,
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol::after {
  display: block;
  background: #fff;
  content: "";
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol::before {
  width: 1.1rem;
  height: 0.1rem;
}
.parts .cartbox_total .item_total_price #quantity_level .count_btn a .symbol.plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.1rem;
  height: 1.1rem;
  transform: translateX(-50%) translateY(-50%);
}
.parts .cartbox_total .item_total_price #quantity_level .count_total {
  width: 4.8rem;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
.parts .cartbox_total .item_total_price .num_value {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .cartbox_total .item_total_price .num_value span {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0;
}
.parts .option_select,
.parts #product {
  width: 100%;
  margin-top: 1.6rem;
}
.parts .option_select_container {
  display: flex;
  justify-content: center;
}
.parts .option_select_title {
  margin-bottom: 1.6rem;
  text-align: center;
}
.parts .option_select_title-main {
  margin-bottom: 0.8rem;
}
.parts .option_select_title-sub {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .option_select_box {
  width: 30.8%;
  text-align: center;
}
.parts .option_select_box:not(:first-of-type) {
  margin-left: 3.8%;
}
.parts .option_select_link {
  display: block;
}
.parts .option_select_text {
  margin: 0.8rem 0;
}
.parts .option_select_btn {
  padding: 0.8rem 0;
  background-color: #b39d5a;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
}
.parts #shopping .option_select_title-main {
  margin-bottom: 0.8rem;
  font-weight: bold;
}
.parts .total {
  margin-top: 3.2rem;
  margin-bottom: 6.4rem;
  border-bottom: 1px solid #d6d6d6;
}
.parts .total dl {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  margin-bottom: 0.8rem;
  justify-content: space-between;
  align-items: center;
}
.parts .total dl dt {
  width: 40%;
}
.parts .total dl dd {
  width: 57%;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
  text-align: right;
  letter-spacing: 0;
}
.parts .total dl dd.total_area {
  font-size: 22px;
  font-size: 2.2rem;
}
.parts .add_gift_block {
  margin-top: 4.8rem;
}
.parts .add_gift_block .option_box {
  width: 30.3%;
  margin-left: 0;
}
.parts .add_gift_block .option_box:nth-child(2n) {
  margin-left: 0;
}
.parts .add_gift_block .option_box:not(:nth-child(3n+1)) {
  margin-left: 4.55%;
}
.parts .add_gift_block .option_box .sale_price .price {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .add_gift_block .option_image {
  position: relative;
  margin-bottom: 0.8rem;
}
.parts .add_gift_block .option_image .i_extantion {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
}
.parts .add_gift_block .option_image .i_extantion svg {
  fill: #9b9b9b;
}
.parts .add_gift_btn_area {
  padding-top: 8rem;
}
.parts .add_gift_btn_fix {
  position: fixed;
  bottom: 0;
  left: 0;
  margin-top: 0 !important;
  padding: 1.6rem 0;
  background: rgba(255, 255, 255, 0.7);
}
.parts .deliv_check_wrap {
  margin-bottom: 2.4rem;
}
.parts .deliv_check_text {
  width: calc(100% - 3.2rem);
  line-height: 1.2;
}
.parts #other_deliv {
  display: none;
}
.parts .merit_area {
  margin-top: 4.8rem;
}
.parts .merit_block {
  box-sizing: border-box;
  width: 100%;
  max-width: 56rem;
  margin: 0 auto;
  padding: 0 2.4rem;
}
.parts .merit_point {
  display: flex;
  flex-direction: column;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  margin-bottom: 2.4rem;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  justify-content: space-between;
  align-items: center;
}
.parts .merit_point .main {
  display: block;
  margin-bottom: 0.4rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #b39d5a;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .merit_point.title02 .main {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}
.parts .merit_list {
  box-sizing: border-box;
  width: 100%;
  max-width: 36rem;
  margin: 0 auto;
  padding-left: 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .merit_list_item {
  margin-top: 1.6rem;
  margin-bottom: 0.4rem;
  list-style: decimal;
}
.parts #adress_list_wrap .adress_box {
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
}
.parts #adress_list_wrap .adress_box:first-of-type {
  border-top: 1px solid #d6d6d6;
}
.parts #adress_list_wrap .adress_box .adress_edit {
  margin-top: 1.6rem;
  margin-left: 4.4rem;
  padding: 0.8rem;
  background: #f5f5f5;
}
.parts #adress_list_wrap .adress_box .adress_edit .edit {
  display: flex;
  justify-content: space-between;
}
.parts #adress_list_wrap .adress_box .adress_edit .btn02 {
  width: 45.2%;
}
.parts #adress_list_wrap .adress_box .adress_edit .btn02 a {
  padding: 0.8rem 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.parts #adress_list_wrap .adress_text {
  width: calc(100% - 4.4rem);
}
.parts .pay_area {
  margin-bottom: 6.4rem;
}
.parts .pay_area p.fs14 {
  margin: 3.2rem 0 1.6rem;
}
.parts .pay_area .delivdate {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .pay_area .delivdate p {
  margin-bottom: 0.8rem;
}
.parts .pay_area .delivdate select {
  max-width: 34.8rem;
}
.parts .pay_area .delivdate select:first-of-type {
  margin-bottom: 2.4rem;
}
.parts .pay_area .point_announce .price {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
}
.parts .pay_area .point_use {
  max-width: 34.8rem;
  margin-top: 1.6rem;
  padding: 1.6rem;
  background: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .pay_area .point_use input {
  width: 50%;
}
.parts #payment .payment_item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts #payment .payment_image {
  margin-left: 4.4rem;
}
.parts .shopping_confirm {
  margin-bottom: 6.4rem;
}
.parts .shopping_confirm dl {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: baseline;
  margin-bottom: 0.8rem;
  justify-content: space-between;
  align-items: baseline;
}
.parts .shopping_confirm dl:first-of-type {
  margin-top: 2.4rem;
}
.parts .shopping_confirm dl dt {
  width: 34.6%;
}
.parts .shopping_confirm dl dd {
  width: 60.6%;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .point_confirm dl dt {
  box-sizing: border-box;
  width: 43.7%;
}
.parts .point_confirm dl dd {
  width: 50.1%;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}
.parts .card_exp,
.parts .card_exp .input_box {
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  justify-content: flex-start;
  align-items: center;
}
.parts .card_exp .input_box {
  width: 36%;
  margin: 0;
}
.parts .form_wrap dl {
  margin-bottom: 2.4rem;
}
.parts .form_wrap dt {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: start;
  margin-bottom: 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
  justify-content: space-between;
  align-items: flex-start;
}
.parts .form_wrap dt .hissu {
  margin-left: 3.2rem;
  padding: 0.4rem 0.8rem;
  background: #cc232f;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}
.parts .form_wrap dd {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .form_wrap dd.dd_l {
  margin-bottom: 0.8rem;
}
.parts .input_column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .input_box.two {
  width: 100%;
}
.parts .input_box.three {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  width: 32%;
  justify-content: space-between;
  align-items: center;
}
.parts .zip_btn {
  display: flex;
  justify-content: space-between;
}
.parts .zip_btn .btn02 {
  width: 47.2%;
}
.parts .zip_btn .btn_passive {
  width: 47.2%;
}
.parts .information {
  margin: 4rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .information a {
  font-weight: bold;
  text-decoration: underline;
}
.parts #complete_area {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #complete_area .message_main {
  margin-bottom: 4.8rem;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  color: #b39d5a;
  text-align: center;
}
.parts .shop_information {
  margin-top: 4rem;
  padding-top: 3.2rem;
  border-top: 1px solid #d6d6d6;
}
.parts .login_area {
  margin-bottom: 6.4rem;
}
.parts .login_area .btn_area .guest {
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.parts #mypage .title04 {
  margin-bottom: 2.4rem;
}
.parts #mypage .point_info {
  margin-bottom: 4.8rem;
  padding: 0 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #mypage .point_info .user_name,
.parts #mypage .point_info .point {
  font-size: 16px;
  font-size: 1.6rem;
}
.parts #mypage .btn_reorder {
  width: 76.9%;
  max-width: 264px;
  margin: 0 auto 6.4rem;
}
.parts #mypage .btn_reorder button {
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding: 1rem 0;
  justify-content: center;
  align-items: center;
}
.parts #mypage .btn_reorder .svg {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.8rem;
}
.parts #mypage .btn_reorder .svg svg {
  fill: #fff;
}
.parts #mypage .cartbox_wrap {
  align-items: flex-end;
}
.parts #mypage .cartbox_spec {
  width: 54.2%;
}
.parts #mypage .cartbox_total {
  width: 40.8%;
  margin: 0;
}
.parts #mypage .btn_adddeliv {
  width: 76.9%;
  max-width: 264px;
  margin: 0 auto 3.2rem;
}
.parts #mypage #adress_list_wrap {
  font-size: 16px;
  font-size: 1.6rem;
}
.parts #mypage #adress_list_wrap .adress_box_text {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: start;
  justify-content: space-between;
  align-items: flex-start;
}
.parts #mypage #adress_list_wrap .deliv_num {
  width: 4rem;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.parts .mynavi_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .mynavi_list li {
  width: 47.8%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.parts .mynavi_list li a {
  position: relative;
  display: block;
  padding: 0.8rem;
}
.parts .mynavi_list li a.selected {
  font-weight: bold;
}
.parts .mycondition_area {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}
.parts .mycondition_area dl {
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: baseline;
  margin-bottom: 0.8rem;
  justify-content: space-between;
  align-items: baseline;
}
.parts .mycondition_area dl:first-of-type {
  margin-top: 2.4rem;
}
.parts .mycondition_area dl dt {
  width: 34.6%;
}
.parts .mycondition_area dl dd {
  width: 60.6%;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .order_history {
  margin-top: 3.2rem;
}
.parts .order_history_title dl {
  display: flex;
  justify-content: space-between;
}
.parts .order_history_title dl dt {
  width: 20%;
  padding: 1.6rem 0;
  background: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .order_history_box dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .order_history_box .btn {
  margin-top: 2.4rem;
}
.parts .order_history_box .btn a {
  padding: 1.4rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .mail_send_date {
  margin-top: 0.4rem;
  font-size: 12px;
  font-size: 1.2rem;
  color: #9b9b9b;
  text-align: right;
}
.parts .favorite_list {
  margin-top: 3.2rem;
}
.parts .favorite_list .item_box {
  position: relative;
}
.parts .favorite_list .item_box .opacity {
  display: block;
}
.parts .favorite_list .item_box .btn_delete {
  position: absolute;
  z-index: 2;
  top: 0.8rem;
  left: 0.8rem;
  font-size: 24px;
  font-size: 2.4rem;
}
.parts .favorite_list .item_box .btn_delete:hover {
  color: #9b9b9b;
}
.parts #refusal_area {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #refusal_area .message_main {
  margin: 3.2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}
.parts .table_wrap dl {
  margin-top: 1.6rem;
}
.parts .table_wrap dl dt {
  margin-bottom: 0.8rem;
}
.parts .table_wrap dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #guide .page_top {
  margin-bottom: 2.4rem;
  text-align: right;
}
.parts #guide .page_top .fa-angle-up {
  margin-right: 0.8rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.parts .guide_wrap,
.parts .faq_block {
  margin-bottom: 2.4rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .guide_text {
  margin-top: 1.6rem;
}
.parts .guide_text .table_wrap {
  margin-bottom: 1.6rem;
}
.parts .guide_text .bank {
  margin: 2.4rem 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.parts .guide_menu_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .guide_menu_list li {
  width: 47.8%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.parts .guide_menu_list li a {
  position: relative;
  display: block;
  padding: 0.8rem;
}
.parts .guide_menu_list li a.selected {
  font-weight: bold;
}
.parts .affiliate_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.parts .affiliate_box {
  margin-bottom: 3.2rem;
}
.parts #faq .title04 {
  margin-bottom: 1.6rem;
}
.parts .faq_box {
  border-bottom: 1px solid #d6d6d6;
}
.parts .faq_q {
  position: relative;
  padding: 0.9rem 2rem 0.9rem 0;
}
.parts .faq_q::before,
.parts .faq_q::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: "";
  transform: translateY(-50%);
}
.parts .faq_q::before {
  right: 0rem;
  width: 1.5rem;
  height: 0.2rem;
}
.parts .faq_q::after {
  right: 0.65rem;
  width: 0.2rem;
  height: 1.5rem;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .faq_q.active::after {
  background: transparent;
}
.parts .faq_a {
  display: none;
  padding: 0.9rem 0;
}
.parts .faq_a .flow_shopping {
  margin-left: 1.5em;
}
.parts .faq_a .flow_shopping > li {
  list-style-type: decimal;
}
.parts .faq_a .convenience_pay {
  margin-bottom: 2.4rem;
  padding: 0.8rem;
  background: #f5f5f5;
}
.parts .faq_a .convenience_name {
  font-weight: bold;
  color: #3d4e84;
}
.parts .faq_a table td {
  padding: 0.8rem;
  vertical-align: bottom;
}
.parts .faq_a .message_ex {
  margin-bottom: 1.6rem;
  padding: 0.8rem;
  background: #d6d6d6;
}
.parts .faq_a .message_ex li {
  margin-top: 0.8rem;
  padding: 0.8rem;
  border-radius: 6px 0 6px 0;
  background: #fff;
}
.parts .faq_a .message_ex li:first-of-type {
  margin-top: 0;
}
.parts .faq_area .contact_box {
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}
.parts .faq_area .contact_box a {
  position: relative;
  display: block;
  padding: 1.6rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: left;
}
.parts .btn_cartLink {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: calc(100% - 8.8rem);
  margin: 1.6rem;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.parts .btn_cartLink.show {
  visibility: visible;
  opacity: 1;
}
.parts .btn_cartLink a {
  position: relative;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding: 1rem 0;
  border: 0;
  line-height: 1;
  justify-content: center;
  align-items: center;
}
.parts .btn_cartLink a .svg {
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
}
.parts .btn_cartLink a .svg svg {
  fill: #fff;
}
.parts #wrapping h2,
.parts #wrapping h3 {
  text-align: center;
}
.parts #wrapping h2 img,
.parts #wrapping h3 img {
  display: block;
  margin: 0 auto;
}
.parts #wrapping h2 {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
}
.parts #wrapping .introduction {
  margin: 1.6rem 0;
}
.parts #wrapping .introduction h3 {
  margin-bottom: 1.6rem;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fd5c90;
}
.parts #wrapping .introduction_text {
  text-align: center;
}
.parts #wrapping .wrapping_area {
  margin-bottom: 5.6rem;
}
.parts #wrapping .wrapping_area h3 {
  margin-bottom: 1.6rem;
}
.parts #wrapping .wrapping_block img {
  display: block;
  margin: 0 auto;
}
.parts #wrapping .wrapping_collenction_wrap {
  box-sizing: border-box;
  max-width: 64rem;
  margin: 0 auto 3.2rem;
  text-align: center;
}
.parts #wrapping .wrapping_collenction_contents {
  padding: 1.6rem 3.2rem;
  background-repeat: repeat-y;
  background-position: center top;
  background-size: contain;
}
.parts #wrapping .wrapping_collenction_flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts #wrapping .wrapping_collenction_box {
  width: 48%;
  margin-top: 4%;
}
.parts #wrapping .wrapping_collenction_box:nth-child(2n) {
  margin-left: 4%;
}
.parts #wrapping #design .wrapping_collenction_contents {
  background-image: url("../img/wrapping/ssw-7-design-bg.gif");
}
.parts #wrapping #use .wrapping_collenction_contents {
  background-image: url("../img/wrapping/ssw-7-use_bg.gif");
}
.parts #wrapping #season .wrapping_collenction_contents {
  background-image: url("../img/wrapping/ssw-7-season_bg.gif");
}
.parts #wrapping #mens .wrapping_collenction_contents {
  padding: 1.6rem 3.2rem;
  background-image: url("../img/wrapping/ssw-7-ternd_bg.gif");
}
.parts #wrapping #mens .wrapping_collenction_box {
  width: 100%;
}
.parts #wrapping_kodawari02 .wrapping_block {
  box-sizing: border-box;
  width: 100%;
  max-width: 61.6rem;
  margin: 0 auto 3.2rem;
  padding: 0.8rem;
  box-shadow: 0 0 4px #ccc;
}
.parts #wrapping_kodawari02 .wrapping_block p {
  margin: 0.8rem 0;
}
.parts #wrapping_voice {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  background-image: url("../img/wrapping/ssw-7-cm-bg.gif");
  background-repeat: repeat-y;
}
.parts #wrapping_voice .wrapping_voice_box {
  padding-bottom: 2.4rem;
}
.parts #wrapping_voice .wrapping_voice_box img {
  margin: 0 auto;
}
.parts #wrapping_faq {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}
.parts #wrapping_faq .wrapping_faq_box {
  margin-top: 3.2rem;
}
.parts #wrapping_faq .wrapping_faq_q {
  position: relative;
  padding: 0.8rem 1.6rem 0.8rem 5.6rem;
  background: url("../img/wrapping/ssw-7-faq-bg.gif") repeat left top;
  line-height: 1.3;
  color: #fff;
}
.parts #wrapping_faq .wrapping_faq_q::before {
  position: absolute;
  top: -2.5rem;
  left: 0;
  display: block;
  width: 5rem;
  height: 5rem;
  background: url("../img/wrapping/ssw-7-faq-q.png") no-repeat center center;
  background-size: contain;
  content: "";
}
.parts #wrapping_faq .wrapping_faq_a {
  padding: 1.6rem 1.6rem 0;
}
.parts #wrapping .btn_passive {
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
}
.parts #free .main_title {
  font-size: 15px;
  font-size: 1.5rem;
}
.parts #free .main_title .strong {
  font-size: 30px;
  font-size: 3rem;
}
.parts #free .main_title .subtitle {
  display: block;
  margin-top: 0.4rem;
  font-size: 13px;
  font-size: 1.3rem;
}
.parts #free .about_page_title {
  margin-bottom: 3.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.parts #free .page_navi {
  display: flex;
  -ms-flex-pack: center;
  margin-bottom: 4rem;
  justify-content: center;
  flex-wrap: wrap;
}
.parts #free .page_navi .btn_navi {
  display: flex;
  flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 9rem;
  height: 9rem;
  margin-top: calc(50% - 13.5rem);
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  background: #fff;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.parts #free .page_navi .btn_navi.select {
  background: #ffc;
}
.parts #free .page_navi .btn_navi .attention {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #free .page_navi.top .btn_navi::after {
  display: block;
  color: #d6d6d6;
  content: "▼";
}
.parts #free .page_navi.bottom .btn_navi::before {
  display: block;
  color: #d6d6d6;
  content: "▲";
}
.parts #free .title04 {
  position: relative;
  margin-bottom: 3.2rem;
}
.parts #free .title04 span {
  position: absolute;
  right: 0;
  bottom: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts #free .fee_wrap {
  margin-bottom: 4rem;
}
.parts #free .fee_wrap_title {
  margin-bottom: 0.8rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
}
.parts #free .fee_wrap_title .attention {
  font-size: 20px;
  font-size: 2rem;
}
.parts #free .fee_wrap_flex {
  display: flex;
  justify-content: space-between;
}
.parts #free .fee_wrap_flex .fee_wrap_text {
  width: 60%;
}
.parts #free .fee_wrap_flex .fee_wrap_image {
  width: 37%;
}
.parts #free .fee_wrap_text img {
  margin-right: auto;
  margin-left: auto;
}
.parts #kokuin h2 img {
  margin: 0 auto;
}
.parts #kokuin .kokuin_wrap {
  margin-bottom: 4rem;
}
.parts #kokuin .kokuin_wrap .title04 {
  margin-bottom: 1.6rem;
}
.parts #kokuin .kokuin_wrap_flex {
  display: flex;
  justify-content: space-between;
}
.parts #kokuin .kokuin_wrap_flex .kokuin_wrap_text {
  width: calc(100% - 11.8rem);
}
.parts #kokuin .kokuin_wrap_flex .kokuin_wrap_image {
  width: 11rem;
}
.parts #kokuin .kokuin_wrap_text img {
  margin-right: auto;
  margin-left: auto;
}
.parts #kokuin .kokuin_table_wrap {
  width: 100%;
  max-width: 42.4rem;
}
.parts #kokuin .kokuin_table_wrap .kokuin_table_title {
  background: #f5f5f5;
  text-align: center;
}
.parts #kokuin .kokuin_table_wrap dl {
  display: flex;
  -ms-flex-pack: justify;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  justify-content: space-between;
}
.parts #kokuin .kokuin_table_wrap dl:not(:last-child) {
  border-bottom: 0;
}
.parts #kokuin .kokuin_table_wrap dl dd {
  box-sizing: border-box;
  width: 40%;
  padding: 0.4rem;
}
.parts #kokuin .kokuin_table_wrap dl dd:nth-child(2) {
  width: 60%;
  border-left: 1px solid #d6d6d6;
}
.parts #reason {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
}
.parts #reason #tab_menu ul {
  justify-content: space-between;
}
.parts #reason #tab_menu li {
  width: 32%;
  max-width: 32rem;
  margin-right: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}
.parts #reason #tab_menu li span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
}
.parts #reason .reason_block {
  margin-bottom: 3.2rem;
}
.parts #reason .reason_block .reason_title {
  margin-bottom: 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.parts #reason .reason_block .reason_title span {
  color: #fa5f87;
}
.parts #reason .reason_block .reason_text {
  padding: 1.6rem 0.8rem;
}
.parts .sitemap_wrap {
  margin-bottom: 2.4rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .sitemap_wrap .brand_menu {
  display: none;
}
.parts .sitemap_block {
  display: flex;
  flex-direction: column;
  -ms-flex-pack: start;
  margin-top: 2.4rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.parts .sitemap_box,
.parts .sitemap_box02 li {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 2.4rem;
  padding-right: 1.6rem;
}
.parts .sitemap_box ul,
.parts .sitemap_box02 li ul {
  margin-left: 0.8rem;
}
.parts .sitemap_box li,
.parts .sitemap_box02 li li {
  margin-bottom: 0.8rem;
}
.parts .sitemap_box li a::before,
.parts .sitemap_box02 li li a::before {
  margin-right: 0.4rem;
  color: #9b9b9b;
  content: "・";
}
.parts .sitemap_box02 li {
  margin-bottom: 0.8rem;
}
.parts .sitemap_box02 li a::before {
  margin-right: 0.4rem;
  color: #9b9b9b;
  content: "・";
}
.parts .brandlist_wrap {
  display: flex;
  margin-bottom: 2.4rem;
  font-size: 14px;
  font-size: 1.4rem;
  flex-wrap: wrap;
}
.parts .brandlist_wrap .tab_class {
  -ms-flex-order: -1;
  width: 50%;
  padding: 7px 12px;
  border: 1px solid #b1aeae;
  text-align: center;
  order: -1;
}
.parts .brandlist_wrap .arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
}
.parts .brandlist_wrap .arrow::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -10px;
  margin-left: 1rem;
  border: 0;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  content: "";
  transform: rotate(45deg);
}
.parts .brandlist_wrap #tab_left {
  border-right: 1px solid #b1aeae;
}
.parts .brandlist_wrap .brand_menu {
  display: none;
  width: 100%;
  margin: 3.2rem 0;
  flex-wrap: wrap;
}
.parts .brandlist_wrap .brand_menu li {
  position: relative;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  box-sizing: border-box;
  width: calc((100% - 5.6rem) / 7);
  height: 4rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  border: 1px solid #9b9b9b;
  align-items: center;
  justify-content: center;
}
.parts .brandlist_wrap .brand_menu #last {
  width: 7rem;
  margin-right: auto;
}
.parts .brandlist_wrap .brand_menu #last_kana {
  margin-right: auto;
}
.parts .brandlist_wrap .tab-switch:checked + .tab_class {
  border-bottom: 0;
  font-weight: bold;
}
.parts .brandlist_wrap .tab-switch:checked + .tab_class .arrow::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -7.9px;
  margin-left: 1rem;
  border: 0;
  border-top: solid 2px #333;
  border-left: solid 2px #333;
  content: "";
  transform: rotate(45deg);
}
.parts .brandlist_wrap .tab-switch:checked + .tab_class + .brand_menu {
  display: flex;
  justify-content: flex-start;
}
.parts .brandlist_wrap .tab-switch:checked + .tab_class + .brand_menu + .pickup {
  display: block;
}
.parts .brandlist_wrap .tab-switch:checked + .tab_class + .brand_menu + .pickup + .brand_list {
  display: block;
}
.parts .brandlist_wrap .tab-switch {
  display: none;
  margin-left: auto;
}
.parts .brandlist_wrap .pickup {
  display: none;
  padding: 2rem 1rem;
  background-color: #f5f5f5;
}
.parts .brandlist_wrap .pickup_title {
  margin-left: 10px;
  border-bottom: 2px solid #b19d5e;
  font-size: 20px;
  font-weight: bold;
}
.parts .brandlist_wrap .pickup_contents {
  display: flex;
  -ms-flex-align: center;
  margin: 1rem 1rem 0;
  align-items: center;
  flex-wrap: wrap;
}
.parts .brandlist_wrap .pickup_contents_area {
  display: flex;
  -ms-flex-align: start;
  width: 100%;
  align-items: flex-start;
}
.parts .brandlist_wrap .pickup_contents_area img {
  width: 100%;
  height: auto;
}
.parts .brandlist_wrap .pickup_image {
  width: 45%;
  padding: 1rem 0;
}
.parts .brandlist_wrap .pickup_brand {
  width: 55%;
  padding: 1rem;
}
.parts .brandlist_wrap .pickup_brand_name {
  margin-bottom: 1rem;
  font-size: 12px;
  font-weight: bold;
}
.parts .brandlist_wrap .pickup_brand_text {
  font-size: 10px;
}
.parts .brandlist_wrap .brand_list {
  display: none;
  width: 100%;
  padding: 2rem 1rem;
}
.parts .brandlist_wrap .brand_list ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.parts .brandlist_wrap .brand_list ul li {
  width: 100%;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #b1aeae;
}
.parts .brandlist_wrap .brand_list ul :hover {
  text-decoration: underline;
}
.parts .brandlist_wrap .brand_list ul span {
  font-size: 12px;
  color: gray;
}
.parts .brandlist_wrap .brand_alphabet {
  width: 100%;
  margin-top: -2rem;
  margin-bottom: 2rem;
  padding-top: 3rem;
  border-bottom: 2px solid #b19d5e;
  font-size: 20px;
  font-weight: bold;
}
@media screen {
  .parts [hidden~=screen] {
    display: inherit;
  }
  .parts [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
@media print, screen and (min-width: 1024px) {
  .parts .slick-prev,
.parts .slick-next {
    top: 49%;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 35px;
    height: 60px;
    padding: 8px;
    justify-content: center;
    align-items: center;
  }
  .parts .opacity {
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .parts .opacity:hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .parts .lg-none {
    display: none !important;
  }
  .parts .pc-only {
    display: block !important;
  }
  .parts .pc-none {
    display: none !important;
  }
  .parts .flex-r-pc {
    flex-direction: row;
  }
  .parts .flex-c-pc {
    flex-direction: column;
  }
  .parts .flex-rr-pc {
    flex-direction: row-reverse;
  }
  .parts .flex-cr-pc {
    flex-direction: column-reverse;
  }
  .parts .order_1-pc {
    order: 1;
  }
  .parts .order_2-pc {
    order: 2;
  }
  .parts .order_3-pc {
    order: 3;
  }
  .parts .wrap_check label::before {
    width: 3.2rem;
    height: 3.2rem;
  }
  .parts .wrap_check label::after {
    left: 0.6rem;
    font-size: 20px;
    font-size: 2rem;
  }
  .parts .btn_area ul {
    flex-direction: row-reverse;
    margin-top: 8rem;
  }
  .parts .btn_area ul li {
    width: 100%;
    margin: 0 1.6rem;
  }
  .parts .btn a,
.parts .btn input,
.parts .btn button {
    padding: 1.6rem 0;
  }
  .parts .btn_tocart a {
    padding: 1.2rem 0;
  }
  .parts .title_wrap.special .main_title {
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .parts .title01 .main {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .parts .title01 .en {
    font-size: 40px;
    font-size: 4rem;
  }
  .parts .title02 {
    font-size: 20px;
    font-size: 2rem;
  }
  .parts .title04 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .parts .title05 {
    font-size: 20px;
    font-size: 2rem;
  }
  .parts .main_title {
    margin-bottom: 4.8rem;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .parts .main_title.en {
    font-size: 40px;
    font-size: 4rem;
  }
  .parts #container {
    padding-top: 8rem;
  }
  .parts #main_wrap {
    display: flex;
    -ms-flex-pack: justify;
    padding: 0 1.6rem;
    justify-content: space-between;
  }
  .parts #main_column {
    width: 76%;
  }
  .parts #leftcolumn {
    width: 20%;
  }
  .parts .undercolumn {
    padding: 0 0 12rem;
  }
  .parts #error {
    padding-top: 12rem;
  }
  .parts #error .message {
    padding: 1.6rem;
  }
  .parts #error .message_main {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
  }
  .parts .pagenation {
    display: flex;
    -ms-flex-pack: center;
    margin-top: 9.6rem;
    justify-content: center;
  }
  .parts .pagenation .number_wrap .number {
    width: 4rem;
    height: 3.2rem;
    margin: 0 1.2rem;
    line-height: 3.2rem;
  }
  .parts .pagenation .pager_arrow {
    width: 6.4rem;
  }
  .parts .pagenation .pager_arrow a {
    line-height: 3.2rem;
  }
  .parts .pagenation .pager_arrow.prev {
    margin-right: 5.6rem;
  }
  .parts .pagenation .pager_arrow.next {
    margin-left: 5.6rem;
  }
  .parts #breadcrumb ol {
    padding: 0.8rem 0;
  }
  .parts .modal {
    overflow: auto;
  }
  .parts .modal_wrap {
    margin: 6.4rem auto;
  }
  .parts .modal_header {
    position: absolute;
  }
  .parts .modal_btn_area {
    position: absolute;
  }
  .parts .modal_btn_area ul {
    display: flex;
    justify-content: center;
  }
  .parts #header_wrap {
    display: flex;
    -ms-flex-pack: justify;
    height: 8rem;
    justify-content: space-between;
  }
  .parts .header_utility_wrap {
    width: 14.4rem;
    margin-right: 1.8rem;
  }
  .parts .header_utility_box {
    margin-left: 3.2rem;
  }
  .parts .header_utility_box .svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  .parts #sign_area {
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: end;
    margin-left: 1.6rem;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .parts #sign_area #logo_area {
    width: 9.5rem;
  }
  .parts #sign_area #site_description {
    margin-left: 0.8rem;
    font-size: 10px;
    font-size: 1rem;
  }
  .parts #pagetop.stop {
    right: 0;
  }
  .parts #footer {
    padding: 0 1.6rem;
  }
  .parts #footer .sns_area li {
    margin: 0 1.6rem;
  }
  .parts #footer .sns_area a {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .parts #message {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts #message .catchcopy_en {
    margin: 2.4rem 0;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .parts #message .catchcopy {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
  }
  .parts #service_wrap .service_block {
    width: 25%;
  }
  .parts #service_wrap .service_block a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts #service_wrap .service_block:nth-child(2) {
    background-position: right center;
  }
  .parts #service_wrap .service_block:nth-child(4) {
    background-position: right center;
  }
  .parts #service_wrap .service_block:nth-child(2n) {
    margin-left: 0;
  }
  .parts #service_wrap .service_box {
    height: 14.2rem;
  }
  .parts #service_wrap .service_box .link_style {
    margin-top: 0.8rem;
  }
  .parts #pc_wrap {
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 8rem;
    justify-content: space-between;
  }
  .parts .footer_link_wrap {
    width: calc(100% - 36.8rem);
  }
  .parts .footer_link_area {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .parts .footer_link_area li {
    box-sizing: border-box;
    width: 25%;
    margin-right: 5rem;
    margin-bottom: 1.6rem;
  }
  .parts .footer_link_area li a {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .parts .footer_link_area li a::before {
    font-family: Font Awesome\ 5 Free;
    font-weight: bold;
    color: #9b9b9b;
    content: "\f054";
  }
  .parts #calender {
    width: 36.8rem;
  }
  .parts #calender_wrap .calender_area {
    width: 48%;
  }
  .parts #calender_wrap .calender_area .month {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts #calender_wrap .calender_area th,
.parts #calender_wrap .calender_area td {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .parts #calender_wrap .calender_area th {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts .side_column .banner_area {
    margin-bottom: 4rem;
  }
  .parts .search {
    position: fixed;
    z-index: 4;
    top: 6rem;
    right: calc(50% - 43.2rem);
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    justify-content: space-between;
    align-items: center;
  }
  .parts .search_wrap {
    margin-right: 1.6rem;
  }
  .parts .search_area {
    width: 24rem;
  }
  .parts .search_area .search_input {
    padding: 0.8rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts .search_area .search_btn {
    right: 1.2rem;
  }
  .parts .search_area .search_btn .svg svg {
    height: 1.6rem;
  }
  .parts .category_all_title {
    margin-bottom: 2.4rem;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
  .parts .category_area {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .parts .category_area a {
    padding: 0.8rem;
  }
  .parts .category_area a::after {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .parts .category_area > ul .level1 > .category_title {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts .category_title p {
    padding: 0.8rem;
  }
  .parts .category_title p::before {
    right: 0.8rem;
    width: 1.3rem;
  }
  .parts .category_title p::after {
    right: 1.3rem;
    height: 1.3rem;
  }
  .parts #footer_category_wrap {
    position: fixed;
    z-index: 2;
    top: 8rem;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
  }
  .parts #footer_category_wrap_scroll {
    overflow: auto;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .parts #footer_category_wrap .category_wrap {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .parts #footer_category_wrap .category_wrap .title03 {
    padding: 0;
  }
  .parts #footer_category_wrap .category_title {
    position: relative;
  }
  .parts #footer_category_wrap .category_title.active::before {
    position: absolute;
    bottom: 0;
    left: 2rem;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 5px 10px 5px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5 transparent;
    content: "";
  }
  .parts #footer_category_wrap .category_title p {
    padding: 1.6rem 1.6rem 1.6rem 3.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts #footer_category_wrap .category_title p::before {
    right: calc(100% - 2.4rem);
  }
  .parts #footer_category_wrap .category_title p::after {
    right: calc(100% - 1.9rem);
  }
  .parts #footer_category_wrap .category_area {
    position: relative;
    margin-bottom: 0;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .parts #footer_category_wrap .category_area.type {
    padding-bottom: 2.4rem;
  }
  .parts #footer_category_wrap .category_area a {
    display: flex;
    flex-direction: row-reverse;
    -ms-flex-pack: end;
    -ms-flex-align: center;
    padding: 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
    justify-content: flex-end;
    align-items: center;
  }
  .parts #footer_category_wrap .category_area a::after {
    padding-right: 0.8rem;
  }
  .parts #footer_category_wrap .category_area ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .parts #footer_category_wrap .category_area li {
    width: 25%;
    border: 0;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .parts #footer_category_wrap .category_area li.level2 .category_title.active::before {
    bottom: 0;
    left: 2rem;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #9b9b9b transparent;
  }
  .parts #footer_category_wrap .category_area li.level2 .category_title.active::after {
    position: absolute;
    z-index: 1;
    bottom: -0.1rem;
    left: 2.1rem;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 5px 10px 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    content: "";
  }
  .parts #footer_category_wrap .category_area li.level2 .category_tree {
    margin: 0 1.6rem;
    border-top: 1px solid #9b9b9b;
    background: #fff;
  }
  .parts #footer_category_wrap .category_expander {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .parts #mainV {
    margin-bottom: 8rem;
  }
  .parts #feature {
    margin-bottom: 12rem;
    padding: 0;
  }
  .parts .ranking {
    margin-bottom: 12rem;
  }
  .parts #feature_category {
    margin-bottom: 12rem;
    padding: 0;
  }
  .parts #feature_category .banner_box p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .parts #recommend {
    margin: 0 0 12rem;
  }
  .parts #advantage {
    margin: 0 0 12rem;
  }
  .parts .advantage_box:nth-child(2),
.parts #top_search .search_type .type_box:nth-child(2) {
    margin: 0 6.4rem;
  }
  .parts .item_box .sale_price .price {
    font-size: 20px;
    font-size: 2rem;
  }
  .parts .category_main_image {
    margin-bottom: 2.4rem;
  }
  .parts .free_area .title01 .main {
    font-size: 30px;
    font-size: 3rem;
  }
  .parts .free_area .title01 .en {
    font-size: 30px;
    font-size: 3rem;
  }
  .parts .free_area .headline {
    margin-bottom: 3.6rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .parts .free_area .headline .en {
    font-size: 30px;
    font-size: 3rem;
  }
  .parts .free_area .col_wrap {
    margin-top: 1.6rem;
  }
  .parts .free_area .col_1 {
    width: calc(8.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_2 {
    width: calc(16.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_3 {
    width: calc(24.9% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_4 {
    width: calc(33.2% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_5 {
    width: calc(41.5% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_6 {
    width: calc(49.8% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_7 {
    width: calc(58.1% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_8 {
    width: calc(66.4% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_9 {
    width: calc(74.7% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_10 {
    width: calc(83% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_11 {
    width: calc(91.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_12 {
    width: calc(99.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_1-pc {
    width: calc(8.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_2-pc {
    width: calc(16.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_3-pc {
    width: calc(24.9% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_4-pc {
    width: calc(33.2% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_5-pc {
    width: calc(41.5% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_6-pc {
    width: calc(49.8% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_7-pc {
    width: calc(58.1% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_8-pc {
    width: calc(66.4% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_9-pc {
    width: calc(74.7% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_10-pc {
    width: calc(83% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_11-pc {
    width: calc(91.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .col_12-pc {
    width: calc(99.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .parts .free_area .sub_area {
    margin-bottom: 8rem;
  }
  .parts .free_area .sub_block {
    margin: 2.4rem 0 6.4rem;
  }
  .parts .free_area .sub_block .sale_price .price {
    font-size: 20px;
    font-size: 2rem;
  }
  .parts .free_area .sub_block .parts01_relative {
    position: relative;
  }
  .parts .free_area .sub_block .parts01_absolute {
    position: absolute;
    right: 2rem;
    max-height: 14rem;
  }
  .parts .free_area .sub_block .parts01_absolute .col_box {
    max-height: 12.8rem;
  }
  .parts .free_area .sub_block .parts01_pdt {
    padding-top: 16rem;
  }
  .parts .free_area .sub_headline {
    margin-bottom: 2.4rem;
  }
  .parts .free_area .sub_headline .main {
    font-size: 20px;
    font-size: 2rem;
  }
  .parts .free_area .sub_banner_area {
    margin: 3.2rem 0;
  }
  .parts .free_area .anker_menu_link {
    margin-bottom: 3.2rem;
  }
  .parts .free_area .anker_menu_link li {
    font-size: 40px;
    font-size: 4rem;
  }
  .parts .free_area .anker_menu_link li a {
    padding: 0.8rem 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts .free_area .anker_menu_link li a::after {
    right: 0.8rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .parts .free_area .pickup_main,
.parts .free_area .pickup_list {
    margin-top: 2.4rem;
  }
  .parts .free_area .pickup_main .item_contents {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .parts .free_area .pickup_main .item_comments span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .parts .free_area .btn_area {
    display: flex;
    -ms-flex-pack: end;
    margin: 3.2rem auto;
    justify-content: flex-end;
  }
  .parts .free_area .btn_more {
    width: 100%;
    margin-left: 1.6rem;
  }
  .parts .free_area .supplement {
    padding: 2.4rem 1.6rem;
  }
  .parts .free_area .supplement_title span {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .parts .free_area .title_banner .title_text {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .parts #brooch .reason_text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
  .parts #brooch .proposal_block {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts #brooch .proposal_block .gift_wrap {
    padding: 4rem 4.8rem 1.6rem;
  }
  .parts .decoframe02_wrap {
    padding: 4.8rem;
  }
  .parts #sweet .about {
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center;
  }
  .parts #sweet .sweet_dotBG {
    padding: 3.2rem;
  }
  .parts #sweet .sweet_dotBG .btn a {
    padding: 1.2rem 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .parts #sweet .sweet_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .parts #sweet .sweet_ranking {
    display: flex;
    justify-content: space-between;
  }
  .parts #sweet .sweet_ranking_box:nth-of-type(2) {
    padding: 0 4.8rem;
    background-image: url(/user_data/img/event/sweet10/psweet10-rank-line.jpg), url(/user_data/img/event/sweet10/psweet10-rank-line.jpg);
    background-position: top left, top right;
  }
  .parts #sweet .sweet_ranking_inner a {
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .parts #sweet .motif_block {
    padding: 4.8rem;
  }
  .parts #sweet .motif_box {
    -ms-flex-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    align-items: center;
  }
  .parts #sweet .motif_box img {
    max-width: 20rem;
  }
  .parts #sweet .faq_box dt,
.parts #sweet .faq_box dd {
    padding-left: 4.8rem;
    background-repeat: no-repeat;
    background-size: 4rem;
    line-height: 2.4;
  }
  .parts #sweet .faq_box dt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .parts #list_header {
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin: 5.6rem 0 4rem;
    justify-content: space-between;
    align-items: center;
  }
  .parts #sort_wrap {
    width: 37.6%;
  }
}
.parts .accordion-box {
  position: relative;
}
.parts .accordion-box label {
  height: 60px;
  /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* 以下グラデーションは「背景が白」に併せて設定しています */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.parts .accordion-box input:checked + label {
  background: inherit;
  /* 開いた時には背景グラデーションを消す */
}
.parts .accordion-box label:after {
  content: "続きをよむ";
  /* ラベルの文字 */
  letter-spacing: 0.05em;
  line-height: 2.5rem;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  background-color: #000;
  width: 18.75rem;
  border-radius: 20px;
}
.parts .accordion-box input {
  display: none;
}
.parts .accordion-box .accordion-container {
  overflow: hidden;
  height: 200px;
  /* 開く前に見えている部分の高さ */
  transition: all 0.1s;
  padding: 1.6rem;
}
.parts .accordion-box input:checked + label {
  /* display: none ; 閉じるボタンは要らないとき */
}
.parts .accordion-box input:checked + label:after {
  content: "閉じる";
}
.parts .accordion-box input:checked ~ .accordion-container {
  height: auto;
  padding-bottom: 80px;
  /* 閉じるボタンのbottomからの位置 */
  transition: all 0.1s;
}
.parts .just-cont {
  justify-content: center !important;
}
.parts .head-border {
  display: flex;
  align-items: center;
}
.parts .head-border:before,
.parts .head-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
}
.parts .head-border:before {
  margin-right: 1rem;
}
.parts .head-border:after {
  margin-left: 1rem;
}
.parts .balloon1 {
  position: relative;
  display: block;
  margin: 0 0 1.5em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  font-weight: bold;
  font-size: 1rem;
  background: #fef9e2;
  text-align: center;
}
.parts .balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fef9e2;
}
.parts .balloon1 p {
  margin: 0;
  padding: 0;
}
.parts .title09 {
  position: relative;
  padding: 0 65px;
  text-align: center;
}
.parts .title09:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #000;
}
.parts .title09 span {
  position: relative;
  padding: 0 1em;
  background: #f5f5f5;
  font-size: 1.9rem;
  font-weight: bold;
}
.parts .marker_yellow {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
.parts .double-border2 {
  width: 100%;
  border: 1px solid #474747;
  outline: 1px solid #474747;
  outline-offset: -7px;
  padding: 3%;
}
.parts .serif-min {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.parts .faq_a a {
  color: #3d4e84;
  font-weight: bold;
}
.parts .news_topic a {
  color: #3d4e84;
  font-weight: bold;
}
.parts .btn_passive a,
.parts .btn_passive input,
.parts .btn_passive button {
  color: #474747;
  font-weight: normal;
}
.parts .border_tlt01 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 1.2rem;
  color: #474747;
}
.parts .border_tlt01 span {
  border-bottom: 1px solid #b09c5d;
}
.parts .bg_tlt01 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 0rem auto 1rem;
  background: #faf0d6;
  padding: 1.2rem;
  color: #474747;
}
.parts #detail_rightbloc .status_icon li.status_3 {
  /*margin-right: .4rem; */
  /* padding: .6rem 1.6rem; */
  background: #fe0302;
  /* line-height: 1; */
  /* letter-spacing: 0; */
  color: #fff;
}
.parts .anniversary_product {
  display: none;
}
.parts #breadcrumb ol {
  font-size: 1.1rem;
}
.parts .pagenation .number_wrap .number a {
  display: block;
}
.parts .title08 {
  font-size: 16px;
  font-size: 1.9rem;
  margin: 2rem 0 0rem;
  /* margin-bottom: 2.0rem; */
  letter-spacing: 0;
  position: relative;
  text-align: left;
  /* border-bottom: #b39d5a 2px solid; */
  font-weight: bold;
}
.parts .btn_navy a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 1.8rem 0;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff;
  background: #3d4e84;
  margin: 0 auto;
  width: 86%;
}
.parts .btn_navy a::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  content: "\f107";
  transform: translateY(-50%);
}
.parts .sub_title01 {
  color: #5f5f5f;
  font-size: 1.2rem;
  margin-left: 1.2rem;
}
.parts .bnr_border01 {
  border: 4px solid #282828;
}
.parts .relative {
  position: relative;
}
.parts .bold {
  font-weight: bold;
}
.parts .red_txt {
  color: #871515;
}
.parts .red_txt02 {
  color: #c86a6e;
}
.parts .red_txt03 {
  color: #df1048;
}
.parts .black_txt {
  color: #474747;
}
.parts .white_txt {
  color: #ffffff !important;
}
.parts .yellow_txt {
  color: #ffcd00 !important;
}
.parts .orange_txt {
  color: #ff9e00 !important;
}
.parts .tac {
  text-align: center;
}
.parts .pc_on {
  display: block !important;
}
.parts .sp_on {
  display: none !important;
}
.parts .img60 {
  width: 60%;
  display: inline;
}
.parts .img80 {
  width: 80%;
  display: inline;
}
.parts .img100 {
  width: 100%;
  display: inline;
}
.parts .inline_b {
  display: inline-block !important;
}
.parts .border_box {
  border: 1px solid #9b9b9b;
  padding: 20px 0 0;
}
.parts .f_1rem {
  font-size: 1rem !important;
}
.parts .f_1_1rem {
  font-size: 1.1rem !important;
}
.parts .f_1_2rem {
  font-size: 1.2rem !important;
}
.parts .f_1_4rem {
  font-size: 1.4rem !important;
}
.parts .f_1_6rem {
  font-size: 1.6rem !important;
}
.parts .f_1_8rem {
  font-size: 1.8rem !important;
}
.parts .f_2_0rem {
  font-size: 2rem !important;
}
.parts .f_2_2rem {
  font-size: 2.2rem !important;
}
.parts .f_2_4rem {
  font-size: 2.4rem !important;
}
.parts .f_2_6rem {
  font-size: 2.6rem !important;
}
.parts .f_2_8rem {
  font-size: 2.8rem !important;
}
.parts .f_3_2rem {
  font-size: 3.2rem !important;
}
.parts .f_3_4rem {
  font-size: 3.4rem !important;
}
.parts .f_3_6rem {
  font-size: 3.6rem !important;
}
@media screen and (max-width: 768px) {
  .parts .sp_f_1rem {
    font-size: 1rem !important;
  }
  .parts .sp_f_1_1rem {
    font-size: 1.1rem !important;
  }
  .parts .sp_f_1_2rem {
    font-size: 1.2rem !important;
  }
  .parts .sp_f_1_4rem {
    font-size: 1.4rem !important;
  }
  .parts .sp_f_1_6rem {
    font-size: 1.6rem !important;
  }
  .parts .sp_f_1_8rem {
    font-size: 1.8rem !important;
  }
  .parts .sp_f_2_0rem {
    font-size: 2em !important;
  }
  .parts .sp_f_2_2rem {
    font-size: 2.2rem !important;
  }
  .parts .sp_f_2_4rem {
    font-size: 2.4rem !important;
  }
  .parts .sp_f_2_6rem {
    font-size: 2.6rem !important;
  }
  .parts .sp_f_2_8rem {
    font-size: 2.8rem !important;
  }
  .parts .sp_f_3_2rem {
    font-size: 3.2rem !important;
  }
  .parts .sp_f_3_4rem {
    font-size: 3.4rem !important;
  }
  .parts .sp_f_3_6rem {
    font-size: 3.6rem !important;
  }
  .parts .img60_sp {
    width: 60%;
    display: inline;
  }
  .parts .img80_sp {
    width: 80%;
    display: inline;
  }
  .parts .img100_sp {
    width: 100%;
    display: inline;
  }
}
.parts p.midasi-line01 {
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.parts p.midasi-line01 span {
  position: relative;
  font-size: 1.9rem;
}
.parts p.midasi-line01 span::before {
  content: "";
  display: block;
  width: 13px;
  height: 1px;
  background-color: rgb(71, 71, 71);
  position: absolute;
  top: 46%;
  left: -21px;
}
.parts p.midasi-line01 span::after {
  content: "";
  display: block;
  width: 13px;
  height: 1px;
  background-color: rgb(71, 71, 71);
  position: absolute;
  top: 46%;
  right: -21px;
}
.parts .en_noto {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  font-weight: bold;
}
.parts .border_box02 {
  border: 2px solid #e0e0e0;
  padding: 30px 10px 0px;
}
.parts .border_box03 {
  background: #ffffff;
  padding: 0 1.6rem 25px;
  overflow: hidden;
  margin: 0 1.6rem;
  border: 1px solid #9b9b9b;
}
.parts .b_bottom {
  border-bottom: 1px solid #9b9b9b;
  padding-bottom: 2rem;
}
.parts .item_image img {
  height: auto;
}
.parts .bg_gray {
  background: #f5f5f5;
}
.parts .bg_beige {
  background: #f6f3eb;
}
.parts .bg_01 {
  background: #b6d9e0;
}
.parts .bg_white {
  background: #fff;
  padding: 2rem;
  margin: 2rem 0;
}
.parts .bg_white_pick {
  background: #fff;
  padding: 1rem;
  margin: 1rem 0 0;
}
.parts .h_design01 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  margin: 0 0 2rem;
}
.parts .h_design02 {
  font-size: 1.6rem;
  font-weight: bold;
  border-left: #b39d5a 3px solid;
  padding-left: 5px;
  margin-bottom: 2rem;
}
.parts .ttl_bg01 {
  background: #653131;
  margin: 2rem 0;
  padding: 1rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.parts .mtmb0 {
  margin: 0 auto !important;
}
.parts .mb0 {
  margin-bottom: 0px !important;
}
.parts .mt10 {
  margin-top: 10px !important;
}
.parts .mt20 {
  margin-top: 20px !important;
}
.parts .mt30 {
  margin-top: 30px !important;
}
.parts .mt40 {
  margin-top: 40px !important;
}
.parts .mt50 {
  margin-top: 50px !important;
}
.parts .ml0 {
  margin-left: 0 !important;
}
.parts .ma1rem {
  margin: 1rem 0 !important;
}
.parts .ma2rem {
  margin: 2rem 0 !important;
}
.parts .mb04rem {
  margin-bottom: 0.4rem !important;
}
.parts .category_area dd ul li.level1 {
  border-bottom: 1px solid #d6d6d6;
  background: #fff;
}
.parts .category_area dd ul li.level1 > .category_title {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .box2col {
  float: left;
  /* background: #fff; */
  padding: 15px 10px;
  width: 98%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .box2col .fl {
  float: left;
  margin-right: 10px;
  width: 26%;
}
.parts .box2col .fr {
  float: right;
  width: 68%;
}
.parts .box2col h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.parts .list_design01 {
  font-weight: bold;
  margin: 2rem 1%;
  background: #ffffff;
  padding: 1.6rem;
  text-indent: 20px;
  border: #ccc solid 1px;
}
.parts .list_design01 li {
  list-style: disc;
}
.parts .mb1rem {
  margin-bottom: 1rem !important;
}
.parts .mb2rem {
  margin-bottom: 2rem !important;
}
.parts .mb3rem {
  margin-bottom: 3rem !important;
}
.parts .mb4rem {
  margin-bottom: 4rem !important;
}
.parts .over_h {
  overflow: hidden;
}
.parts .catch_text {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 2rem 0 !important;
}
.parts .catch_text01 {
  font-size: 1.3rem;
  margin: 2rem 0 !important;
}
.parts .catch_text02 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 2rem 0 !important;
}
.parts .text_block01 {
  padding: 0px 1.6rem;
}
.parts .side_h01 {
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 1px #b09c5d;
  padding: 0px 0.8rem 0.5rem;
  margin: 15px 0rem 5px;
}
.parts .ribbon9 {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}
.parts .ribbon9:before {
  /*左側のリボン端*/
  content: "";
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -26px;
  z-index: -2;
  border: 20px solid #a52424;
  border-left-color: transparent;
  /*山形に切り抜き*/
}
.parts .ribbon9:after {
  /*右側のリボン端*/
  content: "";
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -26px;
  z-index: -2;
  border: 20px solid #a52424;
  border-right-color: transparent;
  /*山形に切り抜き*/
}
.parts .ribbon9 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: #FFF;
  background: #871515;
  /*真ん中の背景色*/
}
.parts .ribbon9 h3:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #5d0b0b;
  /*左の折り返し部分*/
}
.parts .ribbon9 h3:after {
  position: absolute;
  content: "";
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #5d0b0b;
  /*右の折り返し部分*/
}
.parts #footer .sns_wrap {
  margin: 4rem 0;
}
.parts #top_search {
  /*padding-bottom: 2.6rem;*/
  padding-bottom: 1rem;
}
.parts #top_search .search_area {
  border: 1px solid #474747;
}
.parts .header_catch {
  display: block;
  background: #151515;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 0.9em;
}
.parts .fixed-header {
  /*  font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;*/
  background: #FFF;
  position: fixed;
  z-index: 1;
  top: 110px;
  /* -webkit-filter:drop-shadow(0 -7px 7px rgba(0,0,0,.6));
  filter:drop-shadow(0 -7px 7px rgba(0,0,0,.6));	*/
  left: 0;
  transition: all 0.3s ease;
}
.parts .fixed-header .header-kanban img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.parts .fixed-header .header-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #b09c5d;
  /*メニューの背景色*/
  width: 100%;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  vertical-align: middle;
}
.parts .fixed-header .header-menu ul li {
  margin: 0;
  padding: 0;
  display: table-cell;
  text-align: center;
  border-left: 1px solid #ffffff;
  /*メニューの仕切り罫線色(メニューの背景色より明るい色)*/
  border-right: 1px solid #ffffff;
  /*メニューの仕切り罫線色(メニューの背景色より暗い色)*/
  vertical-align: middle;
  font-weight: bold;
}
.parts .fixed-header .header-menu ul li:first-child {
  border-left: none;
}
.parts .fixed-header .header-menu ul li:last-child {
  border-right: none;
}
.parts .fixed-header .header-menu ul li a {
  text-decoration: none;
  display: block;
  padding: 10px 0;
  color: #FFFFFF;
  /*メニューの文字色*/
  font-size: 0.9em;
}
.parts .fixed-header .header-menu ul li a i {
  display: block;
  font-size: 1em;
  margin: 0 0 0.9em;
}
.parts #g_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #b09c5d;
  width: 100%;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  vertical-align: middle;
}
.parts #g_menu li {
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-right: none;
  border-left: none;
}
.parts #g_menu li a {
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  /*  font-size: 14px;
  font-weight: bold;*/
  line-height: 1;
  text-decoration: none;
  border-right: 1px solid #ffffff;
}
.parts #g_menu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.parts #g_menu li:last-child ul {
  /*  left: -100%;*/
  width: 100%;
}
.parts #g_menu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: 0.2s;
}
.parts #g_menu li ul li a {
  padding: 13px 15px;
  background: #96844b;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
.parts #g_menu li:hover > a {
  background: #96844b;
  color: #eae6d6;
}
.parts #g_menu li:hover ul li {
  overflow: visible;
  height: 39px;
  border-bottom: 1px solid #fff;
}
.parts #g_menu li:hover ul li:first-child {
  border-top: 0;
}
.parts #g_menu li:hover ul li:last-child {
  border-bottom: 0;
  border-right: none;
}
.parts #footer_category_wrap {
  top: 14.2rem;
}
.parts #breadcrumb {
  /*    padding: 8.8rem 1.6rem 1.8rem;*/
  margin-bottom: 1.6rem;
}
.parts #header.fixed {
  /*-webkit-filter: drop-shadow(0 0px 0px rgba(0, 0, 0, .0));
  filter: drop-shadow(0 0px 0px rgba(0, 0, 0, .0))*/
}
.parts #headtopics {
  font-size: 1.4rem;
  padding: 10px 1.6rem;
  margin: -10px 0 10px;
}
.parts #headtopics a {
  text-decoration: underline;
}
.parts .top_pickup_item {
  overflow: hidden;
}
.parts .top_pickup_item .item_box {
  float: left;
  /* background: #fff; */
  /*    padding: 10px;*/
  width: 23%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
}
.parts #mainV {
  margin-bottom: 1.5rem;
}
.parts .cont_ber_area {
  padding: 0 1.6rem 0rem;
  text-align: center;
  margin: 0 auto;
}
.parts .cont_ber_area img {
  display: inline-block;
}
.parts #container {
  padding-top: 13.5rem;
}
.parts #top_feature_new .btn a {
  padding: 1.3rem 0;
}
.parts #top_feature_new .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts #top_feature_new {
  /*background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_feature_new .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_feature_box {
  overflow: hidden;
}
.parts #top_feature_new .top_feature_box .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts #top_feature_new .top_feature_box .banner_box02 {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .banner_box h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts #top_pickup_brand {
  /*	background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_pickup_brand .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_pickup_brand_box {
  overflow: hidden;
}
.parts #top_pickup_brand .top_pickup_brand_box .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts #top_pickup_brand .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts #top_pickup_brand .btn a {
  padding: 1.3rem 0;
}
.parts .top_pickup_brand_box .banner_box h3 {
  font-size: 1.2rem !important;
  font-weight: bold;
  margin-top: 10px;
}
.parts .banner_box h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts .banner_box h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts #top_pickup_item {
  /*	  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_pickup_item .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #top_pickup_item .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts #top_pickup_item_xmas {
  /*	  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_pickup_item_xmas .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #top_pickup_item_xmas .more_btn {
  max-width: 60%;
  margin: 10px auto 20px;
}
.parts #top_ranking_new .btn a {
  padding: 1.3rem 0;
}
.parts #top_ranking_new {
  background: #f5f5f5;
  padding: 25px 1.6rem 0;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_ranking_new .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #top_ranking_new .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts .top_rank_box {
  float: left;
  background: #fff;
  padding: 10px;
  width: 23%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
}
.parts #top_ranking_new .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_rank_box .status_1 {
  /*    background: #fe0302;
  color: #fff;*/
  list-style: none;
  display: block;
  max-width: 37px;
  padding: 2px 3px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #474747;
}
.parts .ranking_sign {
  border: 2px solid #FFF;
}
.parts .top_rank_box .item_name {
  margin-top: 1.6rem;
  height: auto;
  overflow: hidden;
}
.parts .ladies_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .pair_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .mens_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .jewelry_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .title01 {
  color: #9b9b9b;
  letter-spacing: 0;
  font-feature-settings: "palt";
  line-height: 1;
  margin-bottom: 2.5rem;
}
.parts .title02 {
  font-size: 16px;
  font-size: 1.9rem;
  margin: 2rem 0;
  /*	margin-bottom: 2.0rem;*/
  letter-spacing: 0;
  position: relative;
  text-align: left;
  border-bottom: #b39d5a 2px solid;
  font-weight: bold;
  padding: 0.8rem 0;
}
.parts .title02_black {
  font-size: 16px;
  font-size: 1.9rem;
  margin: 2rem 0;
  /*	margin-bottom: 2.0rem;*/
  letter-spacing: 0;
  position: relative;
  text-align: left;
  border-bottom: #474747 2px solid;
  font-weight: bold;
}
.parts .title02:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: none;
  left: 0;
  max-width: 53.6rem;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.parts .main_title {
  font-weight: bold;
  /*	  margin-bottom: 2rem;*/
  margin: 0 1.6rem 2rem;
  line-height: 1.2;
}
.parts #top_month_special {
  overflow: hidden;
}
.parts #top_month_special .top_bd_stone {
  background: #f6f3eb;
  /* margin: 20px 0px; */
  padding: 25px 1.6rem 10px;
  float: left;
  width: 50%;
}
.parts .top_bd_stone .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_bd_stone_box {
  overflow: hidden;
}
.parts .top_bd_stone img {
  display: inline-block;
  /*	max-width: 20%;*/
  max-height: 100px;
  margin: 20px 0px;
}
.parts .top_bd_stone h3 {
  font-size: 1.2rem !important;
  font-weight: bold;
  margin: 1.5rem 0;
}
.parts #top_month_special .top_month_wrapping {
  /*	background: #f6f3eb;*/
  margin: 0px;
  padding: 25px 1.6rem;
  float: left;
  width: 50%;
}
.parts .top_month_wrapping .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_month_wrapping_box {
  overflow: hidden;
}
.parts .top_month_wrapping img {
  display: inline-block;
  /*	max-width: 24%;*/
  max-height: 140px;
}
.parts .top_month_wrapping h3 {
  font-size: 1.2rem !important;
  font-weight: bold;
  margin: 1.5rem 0;
}
.parts #top_month_special .title01 .en {
  font-size: 3.5rem;
}
.parts #top_month_special .btn a {
  padding: 1.3rem 0;
}
.parts #top_month_special .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts #top_column {
  /*	  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts #top_column .title02 span {
  background: none;
  padding: 5px;
}
.parts #top_column ul {
  overflow: hidden;
}
.parts #top_column li {
  overflow: hidden;
  width: 50%;
  padding: 1rem;
  float: left;
}
.parts #top_column li .fl {
  float: left;
  width: 30%;
}
.parts #top_column li .fl img {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
}
.parts #top_column li .fr {
  width: 66%;
  float: right;
  margin-right: 4%;
}
.parts .top_column_box {
  overflow: hidden;
}
.parts #top_column dt {
  clear: both;
  float: left;
  width: 100px;
  list-style: none;
  font-weight: bold;
  padding: 16px 0 16px 0;
}
.parts #top_column dd {
  list-style: none;
  padding: 16px 0 16px 8em;
  border-bottom: dotted 1px;
}
.parts #top_column a:hover {
  opacity: 0.7;
}
.parts #top_column .btn a {
  /*	  max-width: 60%;*/
  margin: 20px auto 0px;
  padding: 1.3rem 0;
}
.parts #top_news {
  /*  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts #top_news .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_news_box {
  overflow: hidden;
}
.parts #top_news dt {
  clear: both;
  float: left;
  width: 100px;
  list-style: none;
  font-weight: bold;
  padding: 16px 0 16px 0;
}
.parts #top_news dd {
  list-style: none;
  padding: 16px 0 16px 8em;
  border-bottom: dotted 1px;
}
.parts #top_news a:hover {
  opacity: 0.7;
}
.parts #top_news .btn a {
  /*	  max-width: 60%;*/
  margin: 20px auto 0px;
  padding: 1.3rem 0;
}
.parts #top_ranking_new .btn a {
  padding: 1.3rem 0;
}
.parts #advantage02 {
  background: #f6f3eb;
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #advantage02 .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #advantage02 .logo_area {
  width: 27.6%;
  max-width: 13rem;
  margin: 0 auto 10px;
}
.parts #advantage02 .catchcopy_en {
  font-family: Cormorant Garamond, serif;
  font-weight: 700;
  color: #b39d5a;
  margin: 3.2rem 0;
  line-height: 1;
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: 0;
}
.parts #advantage02 .catchcopy {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}
.parts #advantage02 .btn a {
  max-width: 60%;
  margin: 20px auto 0px;
  padding: 1.3rem 0;
  overflow: hidden;
}
.parts .advantage02_area {
  overflow: hidden;
}
.parts .advantage02_box {
  /*	float: left;
  background: #fff;
  padding: 15px 10px;
  width: 48%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #b39d5a;
  overflow: hidden;*/
  float: left;
  background: #fff;
  padding: 15px 10px;
  width: 23%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #b39d5a;
  overflow: hidden;
  height: 298px;
}
.parts .advantage-tlt {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.parts .advantage02_box .fl {
  float: left;
  margin-right: 10px;
  width: 100%;
}
.parts .advantage02_box .fl img {
  width: 100%;
}
.parts .advantage02_box .fl02 {
  float: left;
  padding: 0px 0px;
  width: 100%;
}
.parts .advantage02_box .fl02 ul {
  margin-left: 20px;
}
.parts .advantage02_box .fl02 li {
  list-style: disc;
  /*	font-size: 1.3rem;*/
  /*   font-weight: bold;*/
}
.parts .advantage02_box .fr {
  /*float: right;*/
}
.parts #advantage02 .title02 span {
  background: none;
  padding: 5px;
}
.parts #footer_address {
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #footer_address .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #footer_address .logo_area {
  width: 27.6%;
  max-width: 13rem;
  margin: 0 auto 10px;
}
.parts #footer_address .catchcopy_en {
  font-family: Cormorant Garamond, serif;
  font-weight: 700;
  color: #b39d5a;
  margin: 3.2rem 0;
  line-height: 1;
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: 0;
}
.parts #footer_address .catchcopy {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}
.parts #footer_address .btn a {
  max-width: 60%;
  margin: 20px auto 0px;
  padding: 1.3rem 0;
  overflow: hidden;
}
.parts .footer_address_area {
  overflow: hidden;
}
.parts #membership_point {
  font-size: 1.4rem;
  padding: 0px 1.6rem;
  box-sizing: border-box;
}
.parts #membership_point h3.title02 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.parts #membership_point p {
  margin-bottom: 1.6rem;
}
.parts #membership_point h4.title06 {
  margin-top: 1.6rem;
}
.parts .membership_point_box {
  margin: 20px auto 0px;
  padding: 0px 0px 0;
  overflow: hidden;
}
.parts .membership_point_box .fl {
  float: left;
  width: 25%;
  padding: 10px;
}
.parts .membership_point_box .fl p {
  margin: 10px 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.parts .membership_point_box .fl img {
  width: 50%;
  margin: 0 auto;
}
.parts .membership_point_box .fr {
  float: right;
}
.parts .category_box_free01 {
  padding: 0px 1.6rem;
}
.parts .free_area {
  margin-bottom: 1.8rem;
}
.parts .category_box {
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts .category_box .title02 span {
  background: none;
  padding: 5px;
}
.parts .category_block {
  overflow: hidden;
}
.parts .category_box .category_block {
  padding: 25px 1.6rem;
}
.parts .category_item {
  overflow: hidden;
}
.parts .category_item ul {
  text-align: center;
}
.parts .category_item .item_box {
  /*  float: left;*/
  background: #fff;
  padding: 10px;
  width: 22.4%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  display: inline-block;
  text-align: left;
}
.parts .item_box .item_name {
  margin-top: 1.6rem;
  height: auto;
  overflow: hidden;
}
.parts .category_box .more_btn {
  /*    max-width: 60%;*/
  max-width: 88%;
  margin: 20px auto 30px;
  clear: both;
}
.parts .category_box .btn a {
  padding: 1.3rem 0;
  display: inline-block;
  margin: 20px auto 0;
}
.parts .category_box .category_brand {
  /*	background: #f5f5f5;*/
  /*	padding: 25px 1.6rem;*/
  overflow: hidden;
  /*	margin: 20px 0px;*/
}
.parts .category_brand {
  overflow: hidden;
}
.parts .category_brand .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .category_brand .banner_box h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts .category_brand .banner_box02 {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 46%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .category_brand .banner_box02 h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts .reason_box {
  float: left;
  background: #fff;
  padding: 15px 10px;
  width: 48%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .reason_box .fl {
  float: left;
  margin-right: 10px;
  width: 35%;
}
.parts .reason_box .fr {
  float: right;
  /* margin-right: 10px; */
  width: 61%;
}
.parts h4.title05 {
  background: #f5f5f5;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .reason_box h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .advantage03 {
  overflow: hidden;
}
.parts .advantage03_h {
  background: #b09c5d;
  font-size: 1.6rem;
  padding: 0.5rem 0;
  text-align: center;
  color: #fff;
  margin: -10px -5px 5px;
}
.parts .advantage03 .adv_box {
  float: left;
  background: #fff;
  padding: 10px 5px;
  width: 48%;
  margin: 1%;
  position: relative;
}
.parts .advantage03 .adv_box p {
  font-weight: bold;
  margin: 10px 0 0;
}
.parts .advantage03 .adv_box img {
  width: 70%;
  margin: 0 auto;
}
.parts .item02 {
  overflow: hidden;
}
.parts .item_box02 {
  /*    float: left;*/
  background: #fff;
  padding: 15px 10px;
  /*    width: 48%;*/
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box02 .fl {
  width: 45%;
  margin: 0 auto;
  float: left;
}
.parts .item_box02 .fr {
  width: 52%;
  float: right;
}
.parts h4.title05 {
  background: none;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .item_box02 h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .item_box02 .fr ul {
  margin-left: 16px;
}
.parts .item_box02 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box02 .item_name {
  height: auto;
}
.parts .item05 {
  overflow: hidden;
}
.parts .item_box05 {
  /*    float: left;*/
  background: #fff;
  padding: 15px 0px;
  /*    width: 48%;*/
  margin: 10px 0% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box05 .fl {
  width: 53%;
  margin: 0 auto;
  float: left;
}
.parts .item_box05 .fr {
  width: 45%;
  float: right;
}
.parts h4.title05 {
  background: none;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .item_box05 h4 {
  font-size: 1.6rem;
  font-weight: bold;
  border-left: #b39d5a 3px solid;
  padding-left: 5px;
  margin-bottom: 2rem;
}
.parts .item_box05 h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .item_box05 .fr ul {
  margin-left: 16px;
}
.parts .item_box05 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box05 .item_name {
  height: auto;
}
.parts .item06 {
  overflow: hidden;
}
.parts .item_box06 {
  /* float: left; */
  background: #fff;
  padding: 0px 0px;
  /* width: 48%; */
  margin: 10px 2% 0;
  position: relative;
  box-sizing: border-box;
  /* border: 1px solid #b39d5a; */
  overflow: hidden;
  height: auto;
}
.parts .item_box06 .fl {
  width: 49%;
  margin: 0 auto;
  float: left;
}
.parts .item_box06 .fr {
  width: 48%;
  float: right;
}
.parts .point3 {
  overflow: hidden;
}
.parts .item_box06 .fr li.point3_box {
  background: #fff;
  padding: 0px;
  width: calc(33.3% - 0px);
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  margin: 1%;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .parts .item_box06 {
    width: 96%;
  }
  .parts .item_box06 .fl {
    width: 100%;
  }
  .parts .item_box06 .fr {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
  }
}
.parts .detail-free-f-container {
  /*display: flex;*/
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 1.6rem;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .parts .detail-free-f-container {
    width: 100%;
  }
}
.parts .category_bnrmenu {
  overflow: hidden;
}
.parts .category_bnrmenu .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 23.5%;
  margin-right: 2%;
  margin-top: 1.6rem;
  position: relative;
  font-size: 1.2rem;
  border: 1px solid #d6d6d6;
}
.parts .category_bnrmenu .banner_box:nth-child(4n) {
  margin-right: 0%;
}
.parts .category_bnrmenu .banner_box div {
  font-size: 1.1rem !important;
  font-weight: bold;
  position: absolute;
  bottom: 0rem;
  display: block;
  width: 100%;
  text-align: left;
  background: #fff;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
}
.parts .category_img_panel {
  overflow: hidden;
  position: relative;
  display: block;
}
.parts .category_img_panel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  /*	background: rgba(104, 104, 104, 0.3);*/
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
  pointer-events: none;
}
.parts .category_img_panel .panel_img {
  position: relative;
  z-index: 1;
  width: 100%;
}
.parts .category_img_panel .panel_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  z-index: 2;
  display: inline-block;
  width: 100%;
  padding: 5px;
}
.parts .category_bnrmenu02 {
  overflow: hidden;
}
.parts .category_bnrmenu02 .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  position: relative;
  /*    border: 1px solid #d6d6d6;*/
  width: 15%;
  align-items: center;
  justify-content: center;
  margin-right: 2%;
  margin-bottom: 2%;
}
.parts .category_bnrmenu02 .banner_box:nth-child(6n) {
  margin-right: 0%;
}
.parts .category_bnrmenu03 {
  overflow: hidden;
}
.parts .category_bnrmenu03 .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  position: relative;
  /*    border: 1px solid #d6d6d6;*/
  width: 32%;
  align-items: center;
  justify-content: center;
  margin-right: 2%;
  margin-bottom: 2%;
}
.parts .category_bnrmenu03 .banner_box:nth-child(3n) {
  margin-right: 0%;
}
.parts .category_bnrmenu4col {
  overflow: hidden;
}
.parts .category_bnrmenu4col .banner_box {
  float: left;
  position: relative;
  width: 23%;
  align-items: center;
  justify-content: center;
  margin-right: 2%;
  margin-bottom: 2%;
}
.parts .category_bnrmenu4col .banner_box:nth-child(4n) {
  margin-right: 0%;
}
.parts .bnrmenu {
  overflow: hidden;
}
.parts .bnrmenu .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 48%;
  margin: 1%;
  position: relative;
  font-size: 0.8em;
  border: 1px solid #d6d6d6;
}
.parts .bnrmenu .banner_box div {
  font-size: 1.2rem !important;
  font-weight: bold;
  position: absolute;
  bottom: 0rem;
  display: block;
  width: 100%;
  text-align: left;
  background: #fff;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
}
.parts .item03 {
  overflow: hidden;
}
.parts .item_box03 {
  /*    float: left;*/
  background: #fff;
  padding: 15px 0px;
  /*    width: 48%;*/
  margin: 10px 2% 0;
  margin: 10px 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box03 .fl {
  width: 45%;
  margin: 0 auto;
  float: left;
}
.parts .item_box03 .fr {
  width: 52%;
  float: right;
}
.parts .item_box03 h4 {
  font-size: 1.6rem;
  font-weight: bold;
  border-left: #b39d5a 3px solid;
  padding-left: 5px;
  margin-bottom: 2rem;
}
.parts h4.title05 {
  background: none;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .item_box03 h5 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
  background: #f5edd4;
  padding: 10px 5px;
}
.parts .item_box03 .fr ul {
  margin-left: 16px;
}
.parts .item_box03 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box03 .item_name {
  height: auto;
  margin-top: 0;
}
.parts .item_box03 .item_contents {
  margin-bottom: 2rem;
}
.parts .item04 {
  overflow: hidden;
}
.parts .item_box04 {
  /*    float: left;*/
  padding: 15px 0px;
  /*    width: 48%;*/
  margin: 10px 2% 0;
  margin: 10px 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box04 .fl {
  width: 45%;
  margin: 0 auto;
  float: left;
}
.parts .item_box04 .fr {
  width: 52%;
  float: right;
}
.parts .item_box04 h4 {
  font-size: 1.4rem;
  /* font-weight: bold; */
  /* border-left: #b39d5a 3px solid; */
  padding-left: 5px;
  margin-bottom: 2rem;
  color: #5d0b0b;
}
.parts .item_box04 h5 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
  background: #f5edd4;
  padding: 10px 5px;
}
.parts .item_box04 .fr ul {
  margin-left: 16px;
}
.parts .item_box04 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box04 .item_name {
  height: auto;
  margin-top: 0;
}
.parts .item_box04 .item_contents {
  margin-bottom: 2rem;
}
.parts .point3col {
  margin-top: 1.6rem;
}
.parts .point3col ul {
  display: flex;
}
.parts .point3col ul li {
  width: 32%;
  height: auto;
  /*    border: 1px solid #676767;*/
  background: #ffffff;
  box-sizing: border-box;
  padding: 1.4rem 1rem;
  text-align: center;
  margin-right: 2%;
}
.parts .point3col li p {
  font-size: 1.3rem;
}
.parts .point3col ul li:nth-child(3n) {
  margin-right: 0%;
}
.parts .point3 {
  overflow: hidden;
}
.parts .point3 ul {
  display: flex;
}
.parts .point3_box {
  background: #fff;
  padding: 10px;
  width: calc(33.3% - 0px);
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  margin: 2%;
}
.parts .point3_box p {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.parts .item_box02 .point3 ul {
  margin-top: 10px;
}
.parts .item_box02 .fr li.point3_box {
  background: #fff;
  padding: 0px;
  width: calc(33.3% - 0px);
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  margin: 1%;
  list-style: none;
}
.parts .item_box02 .fr li.point3_box p {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.parts .common_page {
  font-size: 1.4rem;
  padding: 0px 1.6rem;
  box-sizing: border-box;
}
.parts .common_page h3.title02 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.parts .common_page p {
  margin: 2rem 0;
}
.parts .common_page_main_image {
  margin-bottom: 1.6rem;
}
.parts .common_page .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts .common_page .btn a {
  padding: 1.3rem 0;
}
.parts .common_page_box {
  overflow: hidden;
}
.parts .common_page_box .fr {
  float: right;
  width: 35%;
}
.parts .common_page_box .fr img {
  display: inline-block;
}
.parts .category_h_img {
  position: relative;
}
.parts .recommend_sign01 {
  border-radius: 50%;
  width: 10.5rem;
  height: 10.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1rem;
  top: 1rem;
  color: #fff;
  z-index: 1;
  background: #a36e52;
  font-size: 1.8rem;
  border: 2px solid #FFF;
  text-align: center;
}
.parts .recommend_sign02 {
  border-radius: 50%;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  color: #434343;
  z-index: 1;
  background: #f5f5f5;
  font-size: 1.2rem;
  border: 2px solid #434343;
  text-align: center;
}
.parts .category_box .category_block01 {
  background: #f5f5f5;
  padding: 0 1.6rem 25px;
  overflow: hidden;
  margin: 0 1.6rem;
}
.parts .category_box .category_block02 {
  padding: 0 1.6rem 25px;
  overflow: hidden;
}
.parts .category_box .category_block03 {
  background: #ffffff;
  padding: 0 1.6rem 25px;
  overflow: hidden;
  margin: 0 1.6rem;
  border: 1px solid #666;
}
.parts .category_bg01 {
  overflow: hidden;
  margin: 2rem 0;
}
.parts .category_bg01 .item_box .item_image {
  border: 1px solid #ccc;
}
.parts .box_ttl01 {
  border: 2px solid #666666;
  border-radius: 100px;
  background: #fff;
  max-width: 350px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  top: 21px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.parts .box_ttl02 {
  border: 1px solid #666666;
  border-radius: 100px;
  background: #f3ede8;
  max-width: 350px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  top: 21px;
  text-align: center;
  font-size: 1.4rem;
  /* color: #fff; */
  font-weight: bold;
}
.parts .box_ttl03 {
  border: 2px solid #666666;
  border-radius: 100px;
  background: #fff;
  max-width: 350px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  top: 21px;
  text-align: center;
  font-size: 1.4rem;
  /* color: #fff; */
  font-weight: bold;
}
.parts .category_menu_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .category_menu_list {
  justify-content: center;
}
.parts .category_menu_list li {
  width: auto;
  margin: 0 2% 3.2rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .category_menu_list li {
  width: auto;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .category_menu_list li a {
  padding: 0 0 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.parts .category_menu_list li a .fas {
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 0.8rem;
}
.parts .feature_box {
  overflow: hidden;
}
.parts .feature_box li.banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .feature_box li.banner_box02 {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .feature_box02 {
  overflow: hidden;
}
.parts .feature_box02 li.banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
  min-height: 250px;
  display: inline-block;
}
.parts .feature_box02 li.banner_box:nth-child(1) {
  width: 50%;
  float: none;
  margin: 0 auto;
  display: block;
  min-height: 390px;
}
.parts .feature_box03 {
  overflow: hidden;
}
.parts .feature_box03 li.banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
  min-height: 250px;
  display: inline-block;
}
.parts .columnlist li {
  margin-bottom: 1rem;
}
.parts .category_bnrmenulist_box {
  float: left;
  background: #fff;
  padding: 5px 5px;
  width: 23%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /* border: 1px solid #b39d5a; */
  overflow: hidden;
  height: auto;
}
.parts .category_bnrmenulist_box .fl {
  margin-bottom: 1rem;
  /* float: left; */
  /*margin-right: 10px;*/
  /* width: 35%; */
}
.parts .category_bnrmenulist_box .fr {
  /* float: right; */
  /* margin-right: 10px; */
  /* width: 61%; */
}
.parts .category_bnrmenulist_box span {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .new_sign01 {
  border-radius: 50%;
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -1rem;
  top: -1rem;
  color: #fff;
  z-index: 1;
  background: #d6222f;
  font-size: 1.2rem;
  border: 2px solid #FFF;
  text-align: center;
}
.parts a.icon_ladys {
  padding-left: 50px;
}
.parts .icon_ladys::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_ladys.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts a.icon_pair {
  padding-left: 50px;
}
.parts .icon_pair::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_pair.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts a.icon_mens {
  padding-left: 50px;
}
.parts .icon_mens::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_mens.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts a.icon_xmas {
  padding-left: 50px;
}
.parts .icon_xmas::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_tree.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts .top_xmas_bg {
  background: url(/user_data/packages/default/img/top/xmas_pickup_bg.gif) no-repeat;
  background-size: cover;
  background-color: #faf7eb;
  background-size: 100%;
  background-position: center bottom;
}
.parts .news_list {
  /*  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts .news_list .title02 span {
  background: none;
  padding: 5px;
}
.parts .news_list_box {
  overflow: hidden;
}
.parts .news_list dl {
  font-size: 1.3rem;
}
.parts .news_list dt {
  clear: both;
  float: left;
  width: 90px;
  list-style: none;
  font-weight: bold;
  padding: 10px 0 10px 0;
}
.parts .news_list dd {
  list-style: none;
  padding: 10px 0 10px 8em;
  border-bottom: dotted 1px;
}
.parts .news_list a:hover {
  opacity: 0.7;
}
.parts .news_list .btn a {
  max-width: 60%;
  margin: 20px auto 0px;
  padding: 1.3rem 0;
}
@media screen and (max-width: 1023px) {
  .parts .fixed-header {
    top: 86px;
  }
  .parts #container {
    padding-top: 11rem !important;
  }
  .parts #top_month_special .title01 .en {
    font-size: 2.8rem;
  }
  .parts .advantage02_box {
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  .parts {
    /* ショートコード*/
    /*【TOP】上部お知らせコーナー*/
    /* TOP特集*/
    /* TOPピックアップブランド*/
    /*TOPランキング*/
    /*ジェイウェルの強み*/
    /*【下層ページ】会員・ポイントについて*/
    /* カテゴリー*/
    /*		.category_menu_list li:not(:last-child) {
        margin-bottom: .8rem;
    }*/
  }
  .parts .pc_on {
    display: none !important;
  }
  .parts .sp_on {
    display: block !important;
  }
  .parts .fixed-header {
    top: 86px;
  }
  .parts .category_area dd ul li.level1 > .category_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .parts .box_ttl01 {
    max-width: 258px;
  }
  .parts .box_ttl02 {
    max-width: 258px;
  }
  .parts .box_ttl03 {
    max-width: 300px;
  }
  .parts .box2col {
    width: 98%;
  }
  .parts .box2col .fl {
    width: 24%;
  }
  .parts .box2col .fr {
    width: 72%;
  }
  .parts .h_design01 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    margin: 0 0 2rem;
  }
  .parts .banner_box h3 {
    font-size: 1.2rem;
  }
  .parts #headtopics {
    font-size: 1.1rem;
  }
  .parts #headtopics a {
    text-decoration: underline;
  }
  .parts #container {
    padding-top: 11rem !important;
  }
  .parts #top_feature_new .top_feature_box .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts #top_feature_new .top_feature_box .banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts #top_pickup_brand .top_pickup_brand_box .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts #top_pickup_brand .top_pickup_brand_box .banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .top_rank_box {
    float: left;
    background: #fff;
    padding: 10px 5px;
    width: 48%;
    margin: 2% 1%;
    position: relative;
    font-size: 0.8em;
  }
  .parts #top_month_special .top_bd_stone {
    /* margin: 20px 0px; */
    padding: 25px 1.6rem 10px;
    width: 100%;
    float: none;
  }
  .parts #top_month_special .top_month_wrapping {
    /*	background: #f6f3eb;*/
    margin: 0px 0px 0;
    padding: 25px 1.6rem 10px;
    width: 100%;
    float: none;
  }
  .parts .top_bd_stone img {
    margin: 0px;
  }
  .parts .top_month_wrapping img {
    display: inline-block;
    max-width: 40%;
    max-height: 150px;
  }
  .parts #advantage02 .btn a {
    max-width: 70%;
    margin: 20px auto 0px;
    padding: 1.3rem 0;
    overflow: hidden;
  }
  .parts .advantage-tlt {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0;
  }
  .parts .advantage02_box {
    float: none;
    background: #fff;
    padding: 15px 10px;
    width: 100%;
    margin: 10px 0% 0;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #b39d5a;
    overflow: hidden;
    height: auto;
  }
  .parts .advantage02_box .fl {
    float: left;
    margin-right: 10px;
    width: 40%;
  }
  .parts .advantage02_box .fl02 {
    float: left;
    padding: 0px 0px;
    width: 53%;
  }
  .parts .advantage03_h {
    background: #b09c5d;
    font-size: 1.3rem;
    padding: 0.3rem 0;
    text-align: center;
    color: #fff;
    margin: -10px -5px 5px;
  }
  .parts .membership_point_box .fl {
    float: left;
    width: 50%;
    padding: 10px;
  }
  .parts .category_item .item_box {
    float: left;
    background: #fff;
    padding: 10px 5px;
    /*    width: 46%;
    margin: 2%;*/
    width: 48%;
    /* margin: 2%;*/
    position: relative;
    font-size: 0.8em;
  }
  .parts .top_pickup_item .item_box {
    float: left;
    /*		background: #fff;*/
    padding: 0px 5px 0;
    /*    width: 46%;
    margin: 2%;*/
    width: 48%;
    /* margin: 2%;*/
    position: relative;
    font-size: 0.8em;
  }
  .parts .category_child_list {
    margin-bottom: 1rem;
  }
  .parts .category_brand .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .category_brand .banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 100%;
    margin: 2% 0;
    position: relative;
    font-size: 1.2rem;
  }
  .parts .reason_box {
    width: 98%;
  }
  .parts .reason_box .fl {
    width: 24%;
  }
  .parts .reason_box .fr {
    width: 72%;
  }
  .parts .category_bnrmenu .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .bnrmenu .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 98%;
    margin: 1%;
    position: relative;
    font-size: 1.4rem;
  }
  .parts .item_box02 {
    width: 98%;
  }
  .parts .item_box02 .fl {
    width: 100%;
  }
  .parts .item_box02 .fr {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
  }
  .parts .item_box03 {
    width: 96%;
    width: 100%;
  }
  .parts .item_box03 .fl {
    width: 54%;
  }
  .parts .item_box03 .fr {
    width: 43%;
    font-size: 1.2rem;
    /*margin-top: 20px;*/
  }
  .parts .item_box04 {
    width: 96%;
    width: 100%;
  }
  .parts .item_box04 .fl {
    width: 100%;
    float: none;
  }
  .parts .item_box04 .box2col .fl {
    text-align: center;
  }
  .parts .item_box04 .box2col .fl img {
    display: inline-block;
  }
  .parts .item_box04 .fr {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
    float: none;
  }
  .parts .item_box05 {
    width: 100%;
  }
  .parts .item_box05 .fl {
    width: 100%;
  }
  .parts .item_box05 .fr {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
  }
  .parts .common_page_box .fr {
    float: none;
    width: 70%;
    margin: 0 auto;
  }
  .parts .common_page_box .fr img {
    display: inline-block;
    margin-bottom: 2rem;
    width: 100%;
  }
  .parts .recommend_sign01 {
    border-radius: 50%;
    width: 6.5rem;
    height: 6.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 1;
    background: #a36e52;
    font-size: 1.2rem;
    border: 2px solid #FFF;
    text-align: center;
  }
  .parts .item_box03 h5 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
    /* margin-top: 1.0rem; */
    background: #f5edd4;
    padding: 5px;
  }
  .parts .item_box03 .item_contents {
    margin-bottom: 0.9rem;
  }
  .parts .item_box04 h5 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
    /* margin-top: 1.0rem; */
    background: #f5edd4;
    padding: 5px;
  }
  .parts .item_box04 .item_contents {
    margin-bottom: 0.9rem;
  }
  .parts .point3_box {
    background: #fff;
    padding: 0px;
    position: relative;
    box-sizing: border-box;
    font-size: 10px;
    text-align: center;
    margin: 1%;
  }
  .parts .point3_box p {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
  }
  .parts .category_menu_list {
    background: #f5f5f5;
    padding: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .parts .category_menu_list li {
    background: #fff;
    border: 1px solid #d6d6d6;
    width: 47.8%;
    text-align: center;
    font-size: 14px;
    font-size: 1.2rem;
    margin: 0;
  }
  .parts .category_menu_list li:nth-child(2n) {
    margin-left: 4.4%;
  }
  .parts .category_menu_list li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .parts .category_menu_list li a {
    display: block;
    padding: 0.8rem;
    /* position: relative; */
  }
  .parts .feature_box li.banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .feature_box li.banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .feature_box02 li.banner_box:nth-child(1) {
    width: 80%;
    float: none;
    margin: 0 auto;
    display: block;
    min-height: 260px;
  }
  .parts .feature_box02 li.banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
    min-height: 190px;
  }
  .parts .feature_box03 li.banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
    min-height: 190px;
  }
}
@media screen and (min-width: 1024px) {
  .parts .ranking_item_box .item_name {
    font-size: 13px;
  }
  .parts .ranking_item_box .price {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 16px;
    font-size: 2rem;
  }
}
.parts .red02 {
  color: #d70035;
}
.parts .red02_header {
  color: #d70035;
  margin: 0 0 1rem;
  text-indent: 0;
  font-weight: bold;
  font-size: 1.5rem;
}
.parts .red02_line {
  border-bottom: #d70035 2px solid;
  padding: 0 0 0.3rem;
}
.parts .red02_h3 {
  border-bottom: #d70035 2px solid;
  color: #d70035;
  text-align: center;
}
.parts .red02_h3_bg {
  border-bottom: none;
  color: #fff;
  text-align: center;
  background: url(/user_data/img/brand/chromehearts/title_bg_2.jpg);
  padding: 0.5rem;
  letter-spacing: 1px;
  margin: 3rem 0 1rem;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.parts .white_box {
  background: #ffffff;
  padding: 1.2rem;
}
.parts .bg_gray02 {
  background-color: #949494;
}
.parts .bg_gray03 {
  background-color: #ddd;
}
.parts .bg_beige02 {
  background: #ede7d5;
}
.parts span.priceL {
  font-size: 2rem;
}
.parts .black_h2 {
  background-color: #000;
  padding: 10px;
  font-weight: bold;
  color: #fff;
}
.parts .black_h2_bg {
  background: url(/user_data/img/brand/chromehearts/title_bg_1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.parts .font_normal {
  font-weight: normal;
}
.parts .tar {
  text-align: right;
}
.parts .underline {
  text-decoration: underline;
}
.parts .no_underline {
  text-decoration: none;
}
.parts .bannerMenuBtn {
  display: block;
}
.parts .bannerMenuBtnBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.parts .bannerMenuBtnBox_list {
  width: 23%;
  align-items: center;
  justify-content: center;
  margin-left: 2%;
  margin-bottom: 2%;
}
.parts .bannerMenuBtnBox_list:first-child {
  margin-left: 0;
}
.parts .bannerMenuBtnBox_list a {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}
.parts .bannerMenuBtnBox_list a:hover {
  opacity: 0.8;
}
.parts .bannerMenuBtnBox_list img {
  display: inline-block;
}
.parts .bannerMenuBtnBox_list span {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1% 1% 1% 2%;
  font-weight: bold;
  text-align: center;
}
.parts .list_design02 {
  font-weight: bold;
  margin: 2rem 1%;
  background: #ffffff;
  padding: 1.2rem;
  text-indent: 20px;
  border: #ccc solid 1px;
}
@media screen and (max-width: 768px) {
  .parts .bannerMenuBtnBox_list {
    width: 47%;
    align-items: center;
    justify-content: center;
    margin-left: 2%;
    margin-bottom: 4%;
    flex-wrap: wrap;
  }
  .parts .bannerMenuBtnBox_list:nth-child(odd) {
    margin-left: 0%;
  }
}
.parts .content3Box {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
}
.parts .content3Box_innerBlock {
  width: 32%;
  background: #fff;
  margin-left: 1%;
  padding: 0.5rem;
}
.parts .content3Box_innerBlock:first-child {
  margin-left: 0%;
}
.parts .content3Box .content3Box_innerBlock .minh230 {
  min-height: 230px;
}
@media screen and (max-width: 768px) {
  .parts .content3Box {
    display: block;
  }
  .parts .content3Box_innerBlock {
    width: 100%;
    padding: 1.2rem;
    margin: 0 0 3%;
  }
  .parts .content3Box .content3Box_innerBlock .minh230 {
    min-height: auto;
  }
}
.parts .h4_title07 {
  font-weight: bold;
  text-align: center;
  font-size: 2.6rem;
  background-image: url(/user_data/img/brand/chromehearts/bgLine.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-bottom: 5px;
  margin-bottom: 1rem;
}
.parts .gift_point_area {
  margin: 80px 0 30px;
}
.parts .gift_point_area .point_ttl {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  max-width: 712px;
  width: 90%;
  background: #b39d5a;
  position: relative;
  margin: -40px auto 30px;
  box-shadow: 3px 0px 5px 2px rgba(0, 0, 0, 0.15);
}
.parts .gift_point_area .point_ttl span {
  color: #fff;
  font-weight: bold;
}
.parts .gift_point_area .point_ttl:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border: 1px dashed rgba(245, 241, 236, 0.33);
}
.parts .gift_point_area .point_img {
  margin: 0 auto 20px;
  width: 90%;
}
.parts .gift_point_area div {
  background: #fff;
  border: 3px solid #b39d5a;
  border-radius: 12px;
  max-width: 920px;
  width: 96%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 40px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.parts .gift_point_area div ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
}
.parts .gift_point_area div ul li {
  width: 33%;
  height: auto;
  border: 1px solid #b39d5a;
  background: #f6f3eb;
  box-sizing: border-box;
  padding: 20px 5px;
  text-align: center;
}
.parts .gift_point_area div ul li:not(:last-child) {
  margin-right: 1%;
}
.parts .gift_point_area div ul li .point_num {
  font-size: 1.7rem;
  color: #b39d5a;
  margin-bottom: 5px;
  font-weight: bold;
}
.parts .gift_point_area div ul li p {
  color: #000;
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: 0px;
}
.parts .gift_content1,
.parts .gift_content3 {
  background: #f5f1ec;
  padding: 77px 0;
}
@media screen and (max-width: 768px) {
  .parts .gift_point_area .point_ttl {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    max-width: 712px;
    width: 90%;
    background: #b39d5a;
    position: relative;
    margin: -40px auto 30px;
    box-shadow: 3px 0px 5px 2px rgba(0, 0, 0, 0.15);
  }
  .parts .gift_point_area div ul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .parts .gift_point_area div ul li {
    width: 32.6%;
    height: auto;
    border: 1px solid #b39d5a;
    background: #f6f3eb;
    box-sizing: border-box;
    padding: 20px 5px;
    text-align: center;
    margin: 0 0 1%;
  }
  .parts .gift_point_area div ul li .point_num {
    font-size: 1.6rem;
    color: #b39d5a;
    margin-bottom: 5px;
    font-weight: bold;
  }
}
.parts .recommendBlock {
  background-color: #f5f5f5;
  padding: 25px 1.6rem;
  margin: 1.6rem;
}
.parts .recommend2box {
  overflow: hidden;
  width: 80%;
  margin: 20px auto;
  text-align: center;
  display: flex;
  align-items: center;
}
.parts .recommend2box .fl {
  width: 35%;
  margin-right: 5%;
}
.parts .recommend2box .fr {
  width: 60%;
}
.parts .recommend2box .recommendTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .parts .recommend2box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  .parts .recommend2box .fl {
    float: none;
    width: 70%;
    margin: 0 auto;
  }
  .parts .recommend2box .fr {
    float: none;
    width: 100%;
    margin-top: 2%;
  }
  .parts .category_img_panel .panel_txt {
    font-size: 1.4rem;
  }
  .parts .category_bnrmenu02 .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    position: relative;
    /*    border: 1px solid #d6d6d6;*/
    width: 32%;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .parts .category_bnrmenu02 .banner_box:nth-child(3n) {
    margin-right: 0%;
  }
  .parts .category_bnrmenu03 .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    position: relative;
    /*    border: 1px solid #d6d6d6;*/
    width: 32%;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .parts .category_bnrmenu03 .banner_box:nth-child(3n) {
    margin-right: 0%;
  }
  .parts .category_bnrmenu4col .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    position: relative;
    /*    border: 1px solid #d6d6d6;*/
    width: 49%;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .parts .category_bnrmenu4col .banner_box:nth-child(2n) {
    margin-right: 0%;
  }
  .parts .point3col ul li {
    width: 32%;
    height: auto;
    /*    border: 1px solid #676767;*/
    background: #ffffff;
    box-sizing: border-box;
    padding: 1rem 0.6rem;
    text-align: center;
    margin-right: 2%;
  }
  .parts .category_bnrmenulist_box {
    float: left;
    background: #fff;
    padding: 5px 5px;
    width: 100%;
    margin: 10px 1% 0;
    position: relative;
    box-sizing: border-box;
    /* border: 1px solid #b39d5a; */
    overflow: hidden;
    height: auto;
  }
  .parts .category_bnrmenulist_box .fl {
    width: 18%;
    float: left;
  }
  .parts .category_bnrmenulist_box .fr {
    width: 80%;
    float: right;
  }
  .parts .category_bnrmenulist_box span {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0;
    /* margin-top: 1.0rem; */
  }
  .parts .new_sign01 {
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -8px;
    top: -7px;
    color: #fff;
    z-index: 1;
    background: #d6222f;
    font-size: 1rem;
    border: 2px solid #FFF;
    text-align: center;
  }
  .parts .top_xmas_bg {
    background: url(/user_data/packages/default/img/top/xmas_pickup_bg.gif) no-repeat;
    background-size: cover;
    background-color: #faf7eb;
    background-size: 180%;
    background-position: center bottom;
  }
  .parts .news_list dl {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .parts .category_child_list_wrap li {
    margin-bottom: 1rem;
    margin-right: 1rem;
    border: 1px solid #d6d6d6;
    padding: 0.5rem 1rem 0.5rem 1rem;
    width: 23%;
    font-size: 1.2rem;
    align-items: center;
    display: flex;
  }
}
.parts #sort_wrap {
  width: 46.6%;
}
.parts #sort_wrap .sort_btn {
  width: 45%;
}
.parts #sort_wrap .change {
  width: 23.8%;
  margin-left: 3%;
}
.parts #sort_wrap .change select {
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  .parts #sort_wrap {
    width: 65%;
    justify-content: flex-start;
  }
  .parts #sort_wrap .change {
    width: 45.8%;
  }
  .parts #sort_wrap .change:first-of-type {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 1024px) {
  .parts #sort_wrap .sort_btn {
    width: calc(100% - 8.8rem);
  }
}
@media print, screen and (max-width: 764px) {
  .parts #sort_wrap {
    width: 63%;
  }
}
@media print, screen and (min-width: 764px) and (max-width: 1024px) {
  .parts #sort_wrap {
    width: 42%;
  }
}
@media print, screen and (max-width: 370px) {
  .parts #sort_wrap {
    width: 60%;
  }
}
.parts #fixed-header-sp,
.parts #fixed-header-pc,
.parts #header,
.parts #search {
  transition: none;
}
.parts #logo_area img {
  height: 35px;
}
@media print, screen and (min-width: 1024px) {
  .parts #header_wrap {
    height: calc(8rem + 1px);
  }
}
.parts .gotop_block {
  text-align: center;
}
.parts .gotop_block a {
  width: 100%;
  max-width: 70%;
  position: relative;
  margin: 0 auto;
  padding: 1.1rem 0;
  overflow: hidden;
  border: none;
  background: #3d4e84;
  display: block;
  cursor: pointer;
  color: #fff;
  font-size: 1.4rem;
}
.parts .gotop_block a::after {
  color: #9b9b9b;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  transform: translateY(-50%);
}
.parts .gotop {
  margin-top: 20px;
  background: #3d4e84 !important;
  color: #fff !important;
  border: none !important;
}
.parts .gotop::after {
  content: none !important;
}
.parts #detail_rightbloc .status_icon li.status_3 {
  /*margin-right: .4rem; */
  /* padding: .6rem 1.6rem; */
  background: #fe0302;
  /* line-height: 1; */
  /* letter-spacing: 0; */
  color: #fff;
}
.parts .anniversary_product {
  display: none;
}
.parts #breadcrumb ol {
  font-size: 1.1rem;
}
.parts .pagenation .number_wrap .number a {
  display: block;
}
.parts .title08 {
  font-size: 16px;
  font-size: 1.9rem;
  margin: 2rem 0 0rem;
  /* margin-bottom: 2.0rem; */
  letter-spacing: 0;
  position: relative;
  text-align: left;
  /* border-bottom: #b39d5a 2px solid; */
  font-weight: bold;
}
.parts .btn_navy a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 1.8rem 0;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff;
  background: #3d4e84;
  margin: 0 auto;
  width: 86%;
}
.parts .btn_navy a::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  content: "\f107";
  transform: translateY(-50%);
}
.parts .sub_title01 {
  color: #5f5f5f;
  font-size: 1.2rem;
  margin-left: 1.2rem;
}
.parts .bnr_border01 {
  border: 4px solid #282828;
}
.parts .relative {
  position: relative;
}
.parts .bold {
  font-weight: bold;
}
.parts .red_txt {
  color: #871515;
}
.parts .red_txt02 {
  color: #c86a6e;
}
.parts .black_txt {
  color: #474747;
}
.parts .white_txt {
  color: #ffffff !important;
}
.parts .tac {
  text-align: center;
}
.parts .pc_on {
  display: block !important;
}
.parts .sp_on {
  display: none !important;
}
.parts .img100 {
  width: 100%;
  display: inline;
}
.parts .inline_b {
  display: inline-block !important;
}
.parts .border_box {
  border: 1px solid #9b9b9b;
  padding: 20px 0 0;
}
.parts .en_noto {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  font-weight: bold;
}
.parts .border_box02 {
  border: 2px solid #e0e0e0;
  padding: 30px 10px 0px;
}
.parts .border_box03 {
  background: #ffffff;
  padding: 0 1.6rem 25px;
  overflow: hidden;
  margin: 0 1.6rem;
  border: 1px solid #9b9b9b;
}
.parts .b_bottom {
  border-bottom: 1px solid #9b9b9b;
  padding-bottom: 2rem;
}
.parts .item_image img {
  height: auto;
}
.parts .bg_gray {
  background: #f5f5f5;
}
.parts .bg_beige {
  background: #f6f3eb;
}
.parts .bg_01 {
  background: #b6d9e0;
}
.parts .bg_white {
  background: #fff;
  padding: 2rem;
  margin: 2rem 0;
}
.parts .bg_white_pick {
  background: #fff;
  padding: 1rem;
  margin: 1rem 0 0;
}
.parts .h_design01 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  margin: 0 0 2rem;
}
.parts .h_design02 {
  font-size: 1.6rem;
  font-weight: bold;
  border-left: #b39d5a 3px solid;
  padding-left: 5px;
  margin-bottom: 2rem;
}
.parts .ttl_bg01 {
  background: #653131;
  margin: 2rem 0;
  padding: 1rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.parts .mtmb0 {
  margin: 0 auto !important;
}
.parts .mb0 {
  margin-bottom: 0px !important;
}
.parts .mt10 {
  margin-top: 10px !important;
}
.parts .mt20 {
  margin-top: 20px !important;
}
.parts .mt30 {
  margin-top: 30px !important;
}
.parts .mt40 {
  margin-top: 40px !important;
}
.parts .mt50 {
  margin-top: 50px !important;
}
.parts .ml0 {
  margin-left: 0 !important;
}
.parts .ma1rem {
  margin: 1rem 0 !important;
}
.parts .ma2rem {
  margin: 2rem 0 !important;
}
.parts .mb04rem {
  margin-bottom: 0.4rem !important;
}
.parts .category_area dd ul li.level1 {
  border-bottom: 1px solid #d6d6d6;
  background: #fff;
}
.parts .category_area dd ul li.level1 > .category_title {
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .box2col {
  float: left;
  /* background: #fff; */
  padding: 15px 10px;
  width: 98%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .box2col .fl {
  float: left;
  margin-right: 10px;
  width: 26%;
}
.parts .box2col .fr {
  float: right;
  width: 68%;
}
.parts .box2col h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.parts .list_design01 {
  font-weight: bold;
  margin: 2rem 1%;
  background: #ffffff;
  padding: 1.6rem;
  text-indent: 20px;
  border: #ccc solid 1px;
}
.parts .list_design01 li {
  list-style: disc;
  list-style-position: inside;
}
.parts .mb1rem {
  margin-bottom: 1rem !important;
}
.parts .mb2rem {
  margin-bottom: 2rem !important;
}
.parts .mb3rem {
  margin-bottom: 3rem !important;
}
.parts .mb4rem {
  margin-bottom: 4rem !important;
}
.parts .over_h {
  overflow: hidden;
}
.parts .catch_text {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 2rem 0 !important;
}
.parts .catch_text01 {
  font-size: 1.3rem;
  margin: 2rem 0 !important;
}
.parts .catch_text02 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 2rem 0 !important;
}
.parts .text_block01 {
  padding: 0px 1.6rem;
}
.parts .side_h01 {
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 1px #b09c5d;
  padding: 0px 0.8rem 0.5rem;
  margin: 15px 0rem 5px;
}
.parts .ribbon9 {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}
.parts .ribbon9:before {
  /*左側のリボン端*/
  content: "";
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -26px;
  z-index: -2;
  border: 20px solid #a52424;
  border-left-color: transparent;
  /*山形に切り抜き*/
}
.parts .ribbon9:after {
  /*右側のリボン端*/
  content: "";
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -26px;
  z-index: -2;
  border: 20px solid #a52424;
  border-right-color: transparent;
  /*山形に切り抜き*/
}
.parts .ribbon9 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: #FFF;
  background: #871515;
  /*真ん中の背景色*/
}
.parts .ribbon9 h3:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #5d0b0b;
  /*左の折り返し部分*/
}
.parts .ribbon9 h3:after {
  position: absolute;
  content: "";
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #5d0b0b;
  /*右の折り返し部分*/
}
.parts #footer .sns_wrap {
  margin: 4rem 0;
}
.parts #top_search {
  /*padding-bottom: 2.6rem;*/
  padding-bottom: 1rem;
}
.parts #top_search .search_area {
  border: 1px solid #474747;
}
.parts .header_catch {
  display: block;
  background: #151515;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 0.9em;
}
.parts .fixed-header {
  /*  font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;*/
  background: #FFF;
  position: fixed;
  z-index: 1;
  top: 110px;
  /* -webkit-filter:drop-shadow(0 -7px 7px rgba(0,0,0,.6));
  filter:drop-shadow(0 -7px 7px rgba(0,0,0,.6));	*/
  left: 0;
  transition: all 0.3s ease;
}
.parts .fixed-header .header-kanban img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.parts .fixed-header .header-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #b09c5d;
  /*メニューの背景色*/
  width: 100%;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  vertical-align: middle;
}
.parts .fixed-header .header-menu ul li {
  margin: 0;
  padding: 0;
  display: table-cell;
  text-align: center;
  border-left: 1px solid #ffffff;
  /*メニューの仕切り罫線色(メニューの背景色より明るい色)*/
  border-right: 1px solid #ffffff;
  /*メニューの仕切り罫線色(メニューの背景色より暗い色)*/
  vertical-align: middle;
  font-weight: bold;
}
.parts .fixed-header .header-menu ul li:first-child {
  border-left: none;
}
.parts .fixed-header .header-menu ul li:last-child {
  border-right: none;
}
.parts .fixed-header .header-menu ul li a {
  text-decoration: none;
  display: block;
  padding: 10px 0;
  color: #FFFFFF;
  /*メニューの文字色*/
  font-size: 0.9em;
}
.parts .fixed-header .header-menu ul li a i {
  display: block;
  font-size: 1em;
  margin: 0 0 0.9em;
}
.parts #g_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #b09c5d;
  width: 100%;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  vertical-align: middle;
}
.parts #g_menu li {
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-right: none;
  border-left: none;
}
.parts #g_menu li a {
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  /*  font-size: 14px;
  font-weight: bold;*/
  line-height: 1;
  text-decoration: none;
  border-right: 1px solid #ffffff;
}
.parts #g_menu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.parts #g_menu li:last-child ul {
  /*  left: -100%;*/
  width: 100%;
}
.parts #g_menu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: 0.2s;
}
.parts #g_menu li ul li a {
  padding: 13px 15px;
  background: #96844b;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
.parts #g_menu li:hover > a {
  background: #96844b;
  color: #eae6d6;
}
.parts #g_menu li:hover ul li {
  overflow: visible;
  height: 39px;
  border-bottom: 1px solid #fff;
}
.parts #g_menu li:hover ul li:first-child {
  border-top: 0;
}
.parts #g_menu li:hover ul li:last-child {
  border-bottom: 0;
  border-right: none;
}
.parts #footer_category_wrap {
  top: 14.2rem;
}
.parts #breadcrumb {
  /*    padding: 8.8rem 1.6rem 1.8rem;*/
  margin-bottom: 1.6rem;
}
.parts #header.fixed {
  /*-webkit-filter: drop-shadow(0 0px 0px rgba(0, 0, 0, .0));
  filter: drop-shadow(0 0px 0px rgba(0, 0, 0, .0))*/
}
.parts #headtopics {
  font-size: 1.4rem;
  padding: 10px 1.6rem;
  margin: -10px 0 10px;
}
.parts #headtopics a {
  text-decoration: underline;
}
.parts .top_pickup_item {
  overflow: hidden;
}
.parts .top_pickup_item .item_box {
  float: left;
  /* background: #fff; */
  /*    padding: 10px;*/
  width: 23%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
}
.parts #top-new-topics {
  overflow: hidden;
  padding: 25px 0 0;
  margin: 20px 0px;
}
.parts .top-new-topics-inner {
  display: flex;
  margin: 3.2rem 1.6rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .top-new-topics-box {
  width: 48%;
}
.parts .top-new-topics-box .item_box2col {
  float: left;
  background: #fff;
  padding: 10px;
  width: 48% !important;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.parts .top-new-topics-box .item_name {
  overflow: hidden;
  height: auto;
  margin-top: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parts #mainV {
  margin-bottom: 1.5rem;
}
.parts .cont_ber_area {
  padding: 0 1.6rem 0rem;
  text-align: center;
  margin: 0 auto;
}
.parts .cont_ber_area img {
  display: inline-block;
}
.parts #container {
  padding-top: 13.5rem;
}
.parts #top_feature_new .btn a {
  padding: 1.3rem 0;
}
.parts #top_feature_new .more_btn {
  max-width: 88%;
  margin: 20px auto 30px;
}
.parts #top_feature_new {
  /*background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_feature_new .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_feature_box {
  overflow: hidden;
}
.parts #top_feature_new .top_feature_box .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts #top_feature_new .top_feature_box .banner_box02 {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .banner_box h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts #top_pickup_brand {
  /*	background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_pickup_brand .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_pickup_brand_box {
  overflow: hidden;
}
.parts #top_pickup_brand .top_pickup_brand_box .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts #top_pickup_brand .more_btn {
  max-width: 88%;
  margin: 20px auto 30px;
}
.parts #top_pickup_brand .btn a {
  padding: 1.3rem 0;
}
.parts .top_pickup_brand_box .banner_box h3 {
  font-size: 1.2rem !important;
  font-weight: bold;
  margin-top: 10px;
}
.parts .banner_box h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts .banner_box h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts #top_pickup_item {
  /*	  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_pickup_item .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #top_pickup_item .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts #top_pickup_item_xmas {
  /*	  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_pickup_item_xmas .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #top_pickup_item_xmas .more_btn {
  max-width: 60%;
  margin: 10px auto 20px;
}
.parts #top_ranking_new .btn a {
  padding: 1.3rem 0;
}
.parts #top_ranking_new {
  background: #f5f5f5;
  padding: 25px 1.6rem 0;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #top_ranking_new .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #top_ranking_new .more_btn {
  max-width: 88%;
  margin: 20px auto 30px;
}
.parts .top_rank_box {
  float: left;
  background: #fff;
  padding: 10px;
  width: 23%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
}
.parts #top_ranking_new .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_rank_box .status_1 {
  /*    background: #fe0302;
  color: #fff;*/
  list-style: none;
  display: block;
  max-width: 37px;
  padding: 2px 3px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #474747;
}
.parts .ranking_sign {
  border: 2px solid #FFF;
}
.parts .top_rank_box .item_name {
  margin-top: 1.6rem;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
}
.parts .ladies_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .pair_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .mens_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .jewelry_ranking {
  overflow: hidden;
  margin: 0 auto;
}
.parts .title01 {
  color: #9b9b9b;
  letter-spacing: 0;
  font-feature-settings: "palt";
  line-height: 1;
  margin-bottom: 2.5rem;
}
.parts .title02 {
  font-size: 16px;
  font-size: 1.9rem;
  margin: 2rem 0;
  /*	margin-bottom: 2.0rem;*/
  letter-spacing: 0;
  position: relative;
  text-align: left;
  border-bottom: #b39d5a 2px solid;
  font-weight: bold;
  padding: 0.8rem 0;
}
.parts .title02_black {
  font-size: 16px;
  font-size: 1.9rem;
  margin: 2rem 0;
  /*	margin-bottom: 2.0rem;*/
  letter-spacing: 0;
  position: relative;
  text-align: left;
  border-bottom: #474747 2px solid;
  font-weight: bold;
}
.parts .title02:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: none;
  left: 0;
  max-width: 53.6rem;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.parts .main_title {
  font-weight: bold;
  /*	  margin-bottom: 2rem;*/
  margin: 0 1.6rem 2rem;
  line-height: 1.2;
}
.parts #top_month_special {
  overflow: hidden;
}
.parts #top_month_special .top_bd_stone {
  background: #f6f3eb;
  /* margin: 20px 0px; */
  padding: 25px 1.6rem 10px;
  float: left;
  width: 50%;
}
.parts .top_bd_stone .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_bd_stone_box {
  overflow: hidden;
}
.parts .top_bd_stone img {
  display: inline-block;
  /*	max-width: 20%;*/
  max-height: 100px;
  margin: 20px 0px;
}
.parts .top_bd_stone h3 {
  font-size: 1.2rem !important;
  font-weight: bold;
  margin: 1.5rem 0;
}
.parts #top_month_special .top_month_wrapping {
  /*	background: #f6f3eb;*/
  margin: 0px;
  padding: 25px 1.6rem;
  float: left;
  width: 50%;
}
.parts .top_month_wrapping .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_month_wrapping_box {
  overflow: hidden;
}
.parts .top_month_wrapping img {
  display: inline-block;
  /*	max-width: 24%;*/
  max-height: 140px;
}
.parts .top_month_wrapping h3 {
  font-size: 1.2rem !important;
  font-weight: bold;
  margin: 1.5rem 0;
}
.parts #top_month_special .title01 .en {
  font-size: 3.5rem;
}
.parts #top_month_special .btn a {
  padding: 1.3rem 0;
}
.parts #top_month_special .more_btn {
  max-width: 88%;
  margin: 20px auto 30px;
}
.parts #top_column {
  /*	  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts #top_column .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_column_box {
  overflow: hidden;
}
.parts #top_column dt {
  clear: both;
  float: left;
  width: 120px;
  list-style: none;
  font-weight: bold;
  padding: 16px 0 16px 0;
}
.parts #top_column dd {
  list-style: none;
  padding: 16px 0 16px 8em;
  border-bottom: dotted 1px;
}
.parts #top_column a:hover {
  opacity: 0.7;
}
.parts #top_column .btn a {
  /*	  max-width: 88%;*/
  margin: 20px auto 0px;
  padding: 1.3rem 0;
}
.parts #top_news {
  /*  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts #top_news .title02 span {
  background: none;
  padding: 5px;
}
.parts .top_news_box {
  overflow: hidden;
}
.parts #top_news dt {
  clear: both;
  float: left;
  width: 100px;
  list-style: none;
  font-weight: bold;
  padding: 16px 0 16px 0;
}
.parts #top_news dd {
  list-style: none;
  padding: 16px 0 16px 8em;
  border-bottom: dotted 1px;
}
.parts #top_news a:hover {
  opacity: 0.7;
}
.parts #top_news .btn a {
  /*	  max-width: 88%;*/
  margin: 20px auto 0px;
  padding: 1.3rem 0;
}
.parts #top_ranking_new .btn a {
  padding: 1.3rem 0;
}
.parts #advantage02 {
  background: #f6f3eb;
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #advantage02 .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #advantage02 .logo_area {
  width: 27.6%;
  max-width: 13rem;
  margin: 0 auto 10px;
}
.parts #advantage02 .catchcopy_en {
  font-family: Cormorant Garamond, serif;
  font-weight: 700;
  color: #b39d5a;
  margin: 3.2rem 0;
  line-height: 1;
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: 0;
}
.parts #advantage02 .catchcopy {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}
.parts #advantage02 .btn a {
  max-width: 60%;
  margin: 20px auto 0px;
  padding: 1.3rem 0;
  overflow: hidden;
}
.parts .advantage02_area {
  overflow: hidden;
}
.parts .advantage02_box {
  /*	float: left;
  background: #fff;
  padding: 15px 10px;
  width: 48%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #b39d5a;
  overflow: hidden;*/
  float: left;
  background: #fff;
  padding: 15px 10px;
  width: 23%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #b39d5a;
  overflow: hidden;
  height: 298px;
}
.parts .advantage-tlt {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.parts .advantage02_box .fl {
  float: left;
  margin-right: 10px;
  width: 100%;
}
.parts .advantage02_box .fl img {
  width: 100%;
}
.parts .advantage02_box .fl02 {
  float: left;
  padding: 0px 0px;
  width: 100%;
}
.parts .advantage02_box .fl02 ul {
  margin-left: 20px;
}
.parts .advantage02_box .fl02 li {
  list-style: disc;
  /*	font-size: 1.3rem;*/
  /*   font-weight: bold;*/
}
.parts .advantage02_box .fr {
  /*float: right;*/
}
.parts #advantage02 .title02 span {
  background: none;
  padding: 5px;
}
.parts #footer_address {
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 20px 0px;
}
.parts #footer_address .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}
.parts #footer_address .logo_area {
  width: 27.6%;
  max-width: 13rem;
  margin: 0 auto 10px;
}
.parts #footer_address .catchcopy_en {
  font-family: Cormorant Garamond, serif;
  font-weight: 700;
  color: #b39d5a;
  margin: 3.2rem 0;
  line-height: 1;
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: 0;
}
.parts #footer_address .catchcopy {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}
.parts #footer_address .btn a {
  max-width: 60%;
  margin: 20px auto 0px;
  padding: 1.3rem 0;
  overflow: hidden;
}
.parts .footer_address_area {
  overflow: hidden;
}
.parts #membership_point {
  font-size: 1.4rem;
  padding: 0px 1.6rem;
  box-sizing: border-box;
}
.parts #membership_point h3.title02 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.parts #membership_point p {
  margin-bottom: 1.6rem;
}
.parts #membership_point h4.title06 {
  margin-top: 1.6rem;
}
.parts .membership_point_box {
  margin: 20px auto 0px;
  padding: 0px 0px 0;
  overflow: hidden;
}
.parts .membership_point_box .fl {
  float: left;
  width: 25%;
  padding: 10px;
}
.parts .membership_point_box .fl p {
  margin: 10px 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.parts .membership_point_box .fl img {
  width: 50%;
  margin: 0 auto;
}
.parts .membership_point_box .fr {
  float: right;
}
.parts .category_box_free01 {
  padding: 0px 1.6rem;
}
.parts .free_area {
  margin-bottom: 1.8rem;
}
.parts .category_box {
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts .category_box .title02 span {
  background: none;
  padding: 5px;
}
.parts .category_block {
  overflow: hidden;
}
.parts .category_box .category_block {
  padding: 25px 1.6rem;
}
.parts .category_item-3col {
  overflow: hidden;
}
.parts .category_item-3col ul {
  text-align: center;
}
.parts .category_item-3col .item_box {
  /*  float: left;*/
  background: #fff;
  padding: 10px;
  width: 22.4%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.parts .category_item {
  overflow: hidden;
}
.parts .category_item ul {
  text-align: center;
}
.parts .category_item .item_box {
  /*  float: left;*/
  background: #fff;
  padding: 10px;
  width: 22.4%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.parts .category_item .item_box2col {
  /* float: left; */
  background: #fff;
  padding: 10px;
  width: 44.8%;
  margin: 1%;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.parts .item_box .item_name {
  margin-top: 1.6rem;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
}
.parts .category_box .more_btn {
  /*    max-width: 60%;*/
  max-width: 88%;
  margin: 20px auto 30px;
  clear: both;
}
.parts .category_box .btn a {
  padding: 1.3rem 0;
  display: inline-block;
  margin: 20px auto 0;
  width: 70%;
}
.parts .category_box .category_brand {
  /*	background: #f5f5f5;*/
  /*	padding: 25px 1.6rem;*/
  overflow: hidden;
  /*	margin: 20px 0px;*/
}
.parts .category_brand {
  overflow: hidden;
}
.parts .category_brand .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .category_brand .banner_box h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts .category_brand .banner_box02 {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 46%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .category_brand .banner_box02 h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 10px;
}
.parts .reason_box {
  float: left;
  background: #fff;
  padding: 15px 10px;
  width: 48%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .reason_box .fl {
  float: left;
  margin-right: 10px;
  width: 35%;
}
.parts .reason_box .fr {
  float: right;
  /* margin-right: 10px; */
  width: 61%;
}
.parts h4.title05 {
  background: #f5f5f5;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .reason_box h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .advantage03 {
  overflow: hidden;
}
.parts .advantage03_h {
  background: #b09c5d;
  font-size: 1.6rem;
  padding: 0.5rem 0;
  text-align: center;
  color: #fff;
  margin: -10px -5px 5px;
}
.parts .advantage03 .adv_box {
  float: left;
  background: #fff;
  padding: 10px 5px;
  width: 48%;
  margin: 1%;
  position: relative;
}
.parts .advantage03 .adv_box p {
  font-weight: bold;
  margin: 10px 0 0;
}
.parts .advantage03 .adv_box img {
  width: 70%;
  margin: 0 auto;
}
.parts .item02 {
  overflow: hidden;
}
.parts .item_box02 {
  /*    float: left;*/
  background: #fff;
  padding: 15px 10px;
  /*    width: 48%;*/
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box02 .fl {
  width: 45%;
  margin: 0 auto;
  float: left;
}
.parts .item_box02 .fr {
  width: 52%;
  float: right;
}
.parts h4.title05 {
  background: none;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .item_box02 h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .item_box02 .fr ul {
  margin-left: 16px;
}
.parts .item_box02 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box02 .item_name {
  height: auto;
}
.parts .item05 {
  overflow: hidden;
}
.parts .item_box05 {
  /*    float: left;*/
  background: #fff;
  padding: 15px 0px;
  /*    width: 48%;*/
  margin: 10px 0% 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box05 .fl {
  width: 53%;
  margin: 0 auto;
  float: left;
}
.parts .item_box05 .fr {
  width: 45%;
  float: right;
}
.parts h4.title05 {
  background: none;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .item_box05 h4 {
  font-size: 1.6rem;
  font-weight: bold;
  border-left: #b39d5a 3px solid;
  padding-left: 5px;
  margin-bottom: 2rem;
}
.parts .item_box05 h5 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .item_box05 .fr ul {
  margin-left: 16px;
}
.parts .item_box05 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box05 .item_name {
  height: auto;
}
.parts .category_bnrmenu {
  overflow: hidden;
}
.parts .category_bnrmenu .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 23.5%;
  margin-right: 2%;
  margin-top: 1.6rem;
  position: relative;
  font-size: 1.2rem;
  border: 1px solid #d6d6d6;
}
.parts .category_bnrmenu .banner_box:nth-child(4n) {
  margin-right: 0%;
}
.parts .category_bnrmenu .banner_box div {
  font-size: 1.1rem !important;
  font-weight: bold;
  position: absolute;
  bottom: 0rem;
  display: block;
  width: 100%;
  text-align: left;
  background: #fff;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
  letter-spacing: normal;
}
.parts .category_img_panel {
  overflow: hidden;
  position: relative;
  display: block;
}
.parts .category_img_panel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  /*	background: rgba(104, 104, 104, 0.3);*/
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
  pointer-events: none;
}
.parts .category_img_panel .panel_img {
  position: relative;
  z-index: 1;
  width: 100%;
}
.parts .category_img_panel .panel_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  z-index: 2;
  display: inline-block;
  width: 100%;
  padding: 5px;
}
.parts .category_bnrmenu02 {
  overflow: hidden;
}
.parts .category_bnrmenu02 .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  position: relative;
  /*    border: 1px solid #d6d6d6;*/
  width: 15%;
  align-items: center;
  justify-content: center;
  margin-right: 2%;
  margin-bottom: 2%;
}
.parts .category_bnrmenu02 .banner_box:nth-child(6n) {
  margin-right: 0%;
}
.parts .category_bnrmenu4col {
  overflow: hidden;
}
.parts .category_bnrmenu4col .banner_box {
  float: left;
  position: relative;
  width: 23%;
  align-items: center;
  justify-content: center;
  margin-right: 2%;
  margin-bottom: 2%;
}
.parts .category_bnrmenu4col .banner_box:nth-child(4n) {
  margin-right: 0%;
}
.parts .bnrmenu {
  overflow: hidden;
}
.parts .bnrmenu .banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 48%;
  margin: 1%;
  position: relative;
  font-size: 0.8em;
  border: 1px solid #d6d6d6;
}
.parts .bnrmenu .banner_box div {
  font-size: 1.2rem !important;
  font-weight: bold;
  position: absolute;
  bottom: 0rem;
  display: block;
  width: 100%;
  text-align: left;
  background: #fff;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
}
.parts .item03 {
  overflow: hidden;
}
.parts .item_box03 {
  /*    float: left;*/
  background: #fff;
  padding: 15px 0px;
  /*    width: 48%;*/
  margin: 10px 2% 0;
  margin: 10px 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box03 .fl {
  width: 45%;
  margin: 0 auto;
  float: left;
}
.parts .item_box03 .fr {
  width: 52%;
  float: right;
}
.parts .item_box03 h4 {
  font-size: 1.6rem;
  font-weight: bold;
  border-left: #b39d5a 3px solid;
  padding-left: 5px;
  margin-bottom: 2rem;
}
.parts h4.title05 {
  background: none;
  padding: 0.8rem;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.parts .item_box03 h5 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
  background: #f5edd4;
  padding: 10px 5px;
}
.parts .item_box03 .fr ul {
  margin-left: 16px;
}
.parts .item_box03 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box03 .item_name {
  height: auto;
  margin-top: 0;
}
.parts .item_box03 .item_contents {
  margin-bottom: 2rem;
}
.parts .item04 {
  overflow: hidden;
}
.parts .item_box04 {
  /*    float: left;*/
  padding: 15px 0px;
  /*    width: 48%;*/
  margin: 10px 2% 0;
  margin: 10px 0;
  position: relative;
  box-sizing: border-box;
  /*    border: 1px solid #b39d5a;*/
  overflow: hidden;
  height: auto;
}
.parts .item_box04 .fl {
  width: 45%;
  margin: 0 auto;
  float: left;
}
.parts .item_box04 .fr {
  width: 52%;
  float: right;
}
.parts .item_box04 h4 {
  font-size: 1.4rem;
  /* font-weight: bold; */
  /* border-left: #b39d5a 3px solid; */
  padding-left: 5px;
  margin-bottom: 2rem;
  color: #5d0b0b;
}
.parts .item_box04 h5 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
  background: #f5edd4;
  padding: 10px 5px;
}
.parts .item_box04 .fr ul {
  margin-left: 16px;
}
.parts .item_box04 .fr li {
  list-style: disc;
  font-weight: bold;
}
.parts .item_box04 .item_name {
  height: auto;
  margin-top: 0;
}
.parts .item_box04 .item_contents {
  margin-bottom: 2rem;
}
.parts .point3col {
  margin-top: 1.6rem;
}
.parts .point3col ul {
  display: flex;
}
.parts .point3col ul li {
  width: 32%;
  height: auto;
  /*    border: 1px solid #676767;*/
  background: #ffffff;
  box-sizing: border-box;
  padding: 1.4rem 1rem;
  text-align: center;
  margin-right: 2%;
}
.parts .point3col li p {
  font-size: 1.3rem;
}
.parts .point3col ul li:nth-child(3n) {
  margin-right: 0%;
}
.parts .point3 {
  overflow: hidden;
}
.parts .point3 ul {
  display: flex;
}
.parts .point3_box {
  background: #fff;
  padding: 10px;
  width: calc(33.3% - 0px);
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  margin: 2%;
}
.parts .point3_box p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.parts .item_box02 .point3 ul {
  margin-top: 10px;
}
.parts .item_box02 .fr li.point3_box {
  background: #fff;
  padding: 0px;
  width: calc(33.3% - 0px);
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  margin: 1%;
  list-style: none;
}
.parts .item_box02 .fr li.point3_box p {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.parts .common_page {
  font-size: 1.4rem;
  padding: 0px 1.6rem;
  box-sizing: border-box;
}
.parts .common_page h3.title02 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.parts .common_page p {
  margin: 2rem 0;
}
.parts .common_page_main_image {
  margin-bottom: 1.6rem;
}
.parts .common_page .more_btn {
  max-width: 60%;
  margin: 20px auto 30px;
}
.parts .common_page .btn a {
  padding: 1.3rem 0;
}
.parts .common_page_box {
  overflow: hidden;
}
.parts .common_page_box .fr {
  float: right;
  width: 35%;
}
.parts .common_page_box .fr img {
  display: inline-block;
}
.parts .category_h_img {
  position: relative;
}
.parts .recommend_sign01 {
  border-radius: 50%;
  width: 10.5rem;
  height: 10.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1rem;
  top: 1rem;
  color: #fff;
  z-index: 1;
  background: #a36e52;
  font-size: 1.8rem;
  border: 2px solid #FFF;
  text-align: center;
}
.parts .recommend_sign02 {
  border-radius: 50%;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  color: #434343;
  z-index: 1;
  background: #f5f5f5;
  font-size: 1.2rem;
  border: 2px solid #434343;
  text-align: center;
}
.parts .category_box .category_block01 {
  background: #f5f5f5;
  padding: 0 1.6rem 25px;
  overflow: hidden;
  margin: 0 1.6rem;
}
.parts .category_box .category_block02 {
  padding: 0 1.6rem 25px;
  overflow: hidden;
}
.parts .category_box .category_block03 {
  background: #ffffff;
  padding: 0 1.6rem 25px;
  overflow: hidden;
  margin: 0 1.6rem;
  border: 1px solid #666;
}
.parts .category_bg01 {
  overflow: hidden;
  margin: 2rem 0;
}
.parts .category_bg01 .item_box .item_image {
  border: 1px solid #ccc;
}
.parts .box_ttl01 {
  border: 2px solid #666666;
  border-radius: 100px;
  background: #fff;
  max-width: 350px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  top: 21px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.parts .box_ttl02 {
  border: 1px solid #666666;
  border-radius: 100px;
  background: #f3ede8;
  max-width: 350px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  top: 21px;
  text-align: center;
  font-size: 1.4rem;
  /* color: #fff; */
  font-weight: bold;
}
.parts .box_ttl03 {
  border: 2px solid #666666;
  border-radius: 100px;
  background: #fff;
  max-width: 350px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  top: 21px;
  text-align: center;
  font-size: 1.4rem;
  /* color: #fff; */
  font-weight: bold;
}
.parts .category_menu_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .category_menu_list {
  justify-content: center;
}
.parts .category_menu_list li {
  width: auto;
  margin: 0 2% 3.2rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .category_menu_list li {
  width: auto;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .category_menu_list li a {
  padding: 0 0 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.parts .category_menu_list li a .fas {
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 0.8rem;
}
.parts .category_menu_list_02 {
  background: #f5f5f5;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 3.2rem 0;
}
.parts .category_menu_list_02 {
  justify-content: left;
}
.parts .category_menu_list_02 li {
  width: auto;
  margin: 0 2% 3.2rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.parts .category_menu_list_02 li {
  text-align: center;
  font-size: 1.4rem;
  border: 1px solid #d6d6d6;
  width: 28.9%;
}
.parts .category_menu_list_02 li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem 0;
  background: #fff;
}
.parts .category_menu_list_02 li a .fas {
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 0.8rem;
}
.parts .feature_box {
  overflow: hidden;
}
.parts .feature_box li.banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 21%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .feature_box li.banner_box02 {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
}
.parts .feature_box02 {
  overflow: hidden;
}
.parts .feature_box02 li.banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
  min-height: 250px;
  display: inline-block;
}
.parts .feature_box02 li.banner_box:nth-child(1) {
  width: 50%;
  float: none;
  margin: 0 auto;
  display: block;
  min-height: 390px;
}
.parts .feature_box03 {
  overflow: hidden;
}
.parts .feature_box03 li.banner_box {
  float: left;
  /* padding: 0px 5px 10px 5px; */
  width: 29.3%;
  margin: 2%;
  position: relative;
  font-size: 0.8em;
  min-height: 250px;
  display: inline-block;
}
.parts .columnlist li {
  margin-bottom: 1rem;
}
.parts .category_bnrmenulist_box {
  float: left;
  background: #fff;
  padding: 5px 5px;
  width: 23%;
  margin: 10px 1% 0;
  position: relative;
  box-sizing: border-box;
  /* border: 1px solid #b39d5a; */
  overflow: hidden;
  height: auto;
}
.parts .category_bnrmenulist_box .fl {
  margin-bottom: 1rem;
  /* float: left; */
  /*margin-right: 10px;*/
  /* width: 35%; */
}
.parts .category_bnrmenulist_box .fr {
  /* float: right; */
  /* margin-right: 10px; */
  /* width: 61%; */
}
.parts .category_bnrmenulist_box span {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  /* margin-top: 1.0rem; */
}
.parts .new_sign01 {
  border-radius: 50%;
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -1rem;
  top: -1rem;
  color: #fff;
  z-index: 1;
  background: #d6222f;
  font-size: 1.2rem;
  border: 2px solid #FFF;
  text-align: center;
}
.parts a.icon_ladys {
  padding-left: 50px;
}
.parts .icon_ladys::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_ladys.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts a.icon_pair {
  padding-left: 50px;
}
.parts .icon_pair::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_pair.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts a.icon_mens {
  padding-left: 50px;
}
.parts .icon_mens::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_mens.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts a.icon_highjewelry {
  padding-left: 50px;
}
.parts .icon_highjewelry::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_ring.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 5px;
  left: 10px;
}
.parts a.icon_flower {
  padding-left: 50px;
}
.parts .icon_flower::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_flower.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  left: 10px;
}
.parts .icon_xmas::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(/user_data/packages/default/img/icon/icon_tree.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 10px;
}
.parts .top_xmas_bg {
  background: url(/user_data/packages/default/img/top/xmas_pickup_bg.gif) no-repeat;
  background-size: cover;
  background-color: #faf7eb;
  background-size: 100%;
  background-position: center bottom;
}
.parts .news_list {
  /*  background: #f5f5f5;*/
  padding: 25px 1.6rem;
  overflow: hidden;
  margin: 0px 0px 20px;
}
.parts .news_list .title02 span {
  background: none;
  padding: 5px;
}
.parts .news_list_box {
  overflow: hidden;
}
.parts .news_list dl {
  font-size: 1.3rem;
}
.parts .news_list dt {
  clear: both;
  float: left;
  width: 90px;
  list-style: none;
  font-weight: bold;
  padding: 10px 0 10px 0;
}
.parts .news_list dd {
  list-style: none;
  padding: 10px 0 10px 8em;
  border-bottom: dotted 1px;
}
.parts .news_list a:hover {
  opacity: 0.7;
}
.parts .news_list .btn a {
  max-width: 60%;
  margin: 20px auto 0px;
  padding: 1.3rem 0;
}
@media screen and (max-width: 1023px) {
  .parts .fixed-header {
    top: 86px;
  }
  .parts #container {
    padding-top: 11rem !important;
  }
  .parts #top_month_special .title01 .en {
    font-size: 2.8rem;
  }
  .parts .advantage02_box {
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  .parts {
    /* ショートコード*/
    /*【TOP】上部お知らせコーナー*/
    /* TOP特集*/
    /* TOPピックアップブランド*/
    /*TOPランキング*/
    /*ジェイウェルの強み*/
    /*【下層ページ】会員・ポイントについて*/
    /* カテゴリー*/
    /*		.category_menu_list li:not(:last-child) {
        margin-bottom: .8rem;
    }*/
    /*		.category_menu_list li:not(:last-child) {
        margin-bottom: .8rem;
    }*/
  }
  .parts .pc_on {
    display: none !important;
  }
  .parts .sp_on {
    display: block !important;
  }
  .parts .fixed-header {
    top: 86px;
  }
  .parts .category_area dd ul li.level1 > .category_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .parts .box_ttl01 {
    max-width: 258px;
  }
  .parts .box_ttl02 {
    max-width: 258px;
  }
  .parts .box_ttl03 {
    max-width: 300px;
  }
  .parts .box2col {
    width: 98%;
  }
  .parts .box2col .fl {
    width: 24%;
  }
  .parts .box2col .fr {
    width: 72%;
  }
  .parts .h_design01 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    margin: 0 0 2rem;
  }
  .parts .banner_box h3 {
    font-size: 1.2rem;
  }
  .parts #headtopics {
    font-size: 1.1rem;
  }
  .parts #headtopics a {
    text-decoration: underline;
  }
  .parts #container {
    padding-top: 11rem !important;
  }
  .parts #top_feature_new .top_feature_box .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
    min-height: 183px;
  }
  .parts #top_feature_new .top_feature_box .banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts #top_pickup_brand .top_pickup_brand_box .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts #top_pickup_brand .top_pickup_brand_box .banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .top_rank_box {
    float: left;
    background: #fff;
    padding: 10px 5px;
    width: 48%;
    margin: 2% 1%;
    position: relative;
    font-size: 0.8em;
  }
  .parts #top_month_special .top_bd_stone {
    /* margin: 20px 0px; */
    padding: 25px 1.6rem 10px;
    width: 100%;
    float: none;
  }
  .parts #top_month_special .top_month_wrapping {
    /*	background: #f6f3eb;*/
    margin: 0px 0px 0;
    padding: 25px 1.6rem 10px;
    width: 100%;
    float: none;
  }
  .parts .top_bd_stone img {
    margin: 0px;
  }
  .parts .top_month_wrapping img {
    display: inline-block;
    max-width: 40%;
    max-height: 150px;
  }
  .parts #advantage02 .btn a {
    max-width: 70%;
    margin: 20px auto 0px;
    padding: 1.3rem 0;
    overflow: hidden;
  }
  .parts .advantage-tlt {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0;
  }
  .parts .advantage02_box {
    float: none;
    background: #fff;
    padding: 15px 10px;
    width: 100%;
    margin: 10px 0% 0;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #b39d5a;
    overflow: hidden;
    height: auto;
  }
  .parts .advantage02_box .fl {
    float: left;
    margin-right: 10px;
    width: 40%;
  }
  .parts .advantage02_box .fl02 {
    float: left;
    padding: 0px 0px;
    width: 53%;
  }
  .parts .advantage03_h {
    background: #b09c5d;
    font-size: 1.3rem;
    padding: 0.3rem 0;
    text-align: center;
    color: #fff;
    margin: -10px -5px 5px;
  }
  .parts .membership_point_box .fl {
    float: left;
    width: 50%;
    padding: 10px;
  }
  .parts .category_item .item_box {
    float: left;
    background: #fff;
    padding: 10px 5px;
    /*    width: 46%;
    margin: 2%;*/
    width: 48%;
    /* margin: 2%;*/
    position: relative;
    font-size: 0.8em;
    min-height: 240px;
  }
  .parts .category_item .item_box2col {
    float: left;
    background: #fff;
    padding: 10px 5px;
    width: 48%;
    /* margin: 2%; */
    position: relative;
    font-size: 0.8em;
    min-height: 240px;
  }
  .parts .category_item-3col .item_box {
    float: left;
    background: #fff;
    padding: 10px 5px;
    /*    width: 46%;
    margin: 2%;*/
    width: 31%;
    /* margin: 2%;*/
    position: relative;
    font-size: 0.8em;
    min-height: 210px;
  }
  .parts .top_pickup_item .item_box {
    float: left;
    /*		background: #fff;*/
    padding: 0px 5px 0;
    /*    width: 46%;
    margin: 2%;*/
    width: 48%;
    /* margin: 2%;*/
    position: relative;
    font-size: 0.8em;
  }
  .parts .category_child_list {
    margin-bottom: 1rem;
  }
  .parts .category_brand .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .category_brand .banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 100%;
    margin: 2% 0;
    position: relative;
    font-size: 1.2rem;
  }
  .parts .reason_box {
    width: 98%;
  }
  .parts .reason_box .fl {
    width: 24%;
  }
  .parts .reason_box .fr {
    width: 72%;
  }
  .parts .category_bnrmenu .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .bnrmenu .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 98%;
    margin: 1%;
    position: relative;
    font-size: 1.4rem;
  }
  .parts .item_box02 {
    width: 98%;
  }
  .parts .item_box02 .fl {
    width: 100%;
  }
  .parts .item_box02 .fr {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
  }
  .parts .item_box03 {
    width: 96%;
    width: 100%;
  }
  .parts .item_box03 .fl {
    width: 54%;
  }
  .parts .item_box03 .fr {
    width: 43%;
    font-size: 1.2rem;
    /*margin-top: 20px;*/
  }
  .parts .item_box04 {
    width: 96%;
    width: 100%;
  }
  .parts .item_box04 .fl {
    width: 100%;
    float: none;
  }
  .parts .item_box04 .box2col .fl {
    text-align: center;
  }
  .parts .item_box04 .box2col .fl img {
    display: inline-block;
  }
  .parts .item_box04 .fr {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
    float: none;
  }
  .parts .item_box05 {
    width: 100%;
  }
  .parts .item_box05 .fl {
    width: 100%;
  }
  .parts .item_box05 .fr {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
  }
  .parts .common_page_box .fr {
    float: none;
    width: 70%;
    margin: 0 auto;
  }
  .parts .common_page_box .fr img {
    display: inline-block;
    margin-bottom: 2rem;
    width: 100%;
  }
  .parts .recommend_sign01 {
    border-radius: 50%;
    width: 6.5rem;
    height: 6.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 1;
    background: #a36e52;
    font-size: 1.2rem;
    border: 2px solid #FFF;
    text-align: center;
  }
  .parts .item_box03 h5 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
    /* margin-top: 1.0rem; */
    background: #f5edd4;
    padding: 5px;
  }
  .parts .item_box03 .item_contents {
    margin-bottom: 0.9rem;
  }
  .parts .item_box04 h5 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
    /* margin-top: 1.0rem; */
    background: #f5edd4;
    padding: 5px;
  }
  .parts .item_box04 .item_contents {
    margin-bottom: 0.9rem;
  }
  .parts .point3_box {
    background: #fff;
    padding: 0px;
    position: relative;
    box-sizing: border-box;
    font-size: 10px;
    text-align: center;
    margin: 1%;
  }
  .parts .point3_box p {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
  }
  .parts .category_menu_list {
    background: #f5f5f5;
    padding: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .parts .category_menu_list li {
    background: #fff;
    border: 1px solid #d6d6d6;
    width: 47.8%;
    text-align: center;
    font-size: 14px;
    font-size: 1.2rem;
    margin: 0;
  }
  .parts .category_menu_list li:nth-child(2n) {
    margin-left: 4.4%;
  }
  .parts .category_menu_list li {
    margin-bottom: 1rem;
  }
  .parts .category_menu_list li a {
    display: block;
    padding: 0.8rem;
    /* position: relative; */
  }
  .parts .category_menu_list_02 {
    background: #f5f5f5;
    /*    padding: 1.6rem;*/
    margin-bottom: 1.6rem;
  }
  .parts .category_menu_list_02 li {
    background: #fff;
    border: 1px solid #d6d6d6;
    width: 47.8%;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    margin: 0;
  }
  .parts .category_menu_list_02 li:nth-child(2n) {
    margin-left: 4.4%;
  }
  .parts .category_menu_list_02 li {
    margin-bottom: 1rem;
  }
  .parts .category_menu_list_02 li a {
    display: block;
    padding: 0.8rem;
    /* position: relative; */
  }
  .parts .feature_box li.banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .feature_box li.banner_box02 {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
  }
  .parts .feature_box02 li.banner_box:nth-child(1) {
    width: 80%;
    float: none;
    margin: 0 auto;
    display: block;
    min-height: 260px;
  }
  .parts .feature_box02 li.banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
    min-height: 190px;
  }
  .parts .feature_box03 li.banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    width: 46%;
    margin: 2%;
    position: relative;
    font-size: 0.8em;
    min-height: 190px;
  }
}
@media screen and (min-width: 1024px) {
  .parts .ranking_item_box .item_name {
    font-size: 13px;
  }
  .parts .ranking_item_box .price {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 16px;
    font-size: 2rem;
  }
}
.parts .red02 {
  color: #d70035;
}
.parts .red02_header {
  color: #d70035;
  margin: 0 0 1rem;
  text-indent: 0;
  font-weight: bold;
  font-size: 1.5rem;
}
.parts .red02_line {
  border-bottom: #d70035 2px solid;
  padding: 0 0 0.3rem;
}
.parts .red02_h3 {
  border-bottom: #d70035 2px solid;
  color: #d70035;
  text-align: center;
}
.parts .red02_h3_bg {
  border-bottom: none;
  color: #fff;
  text-align: center;
  background: url(/user_data/img/brand/chromehearts/title_bg_2.jpg);
  padding: 0.5rem;
  letter-spacing: 1px;
  margin: 3rem 0 1rem;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.parts .white_box {
  background: #ffffff;
  padding: 1.2rem;
}
.parts .bg_gray02 {
  background-color: #949494;
}
.parts .bg_gray03 {
  background-color: #ddd;
}
.parts .bg_beige02 {
  background: #ede7d5;
}
.parts span.priceL {
  font-size: 2rem;
}
.parts .black_h2 {
  background-color: #000;
  padding: 10px;
  font-weight: bold;
  color: #fff;
}
.parts .black_h2_bg {
  background: url(/user_data/img/brand/chromehearts/title_bg_1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.parts .font_normal {
  font-weight: normal;
}
.parts .tar {
  text-align: right;
}
.parts .underline {
  text-decoration: underline;
}
.parts .no_underline {
  text-decoration: none;
}
.parts .bannerMenuBtn {
  display: block;
}
.parts .bannerMenuBtnBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.parts .bannerMenuBtnBox_list {
  width: 23%;
  align-items: center;
  justify-content: center;
  margin-left: 2%;
  margin-bottom: 2%;
}
.parts .bannerMenuBtnBox_list:first-child {
  margin-left: 0;
}
.parts .bannerMenuBtnBox_list a {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}
.parts .bannerMenuBtnBox_list a:hover {
  opacity: 0.8;
}
.parts .bannerMenuBtnBox_list img {
  display: inline-block;
}
.parts .bannerMenuBtnBox_list span {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1% 1% 1% 2%;
  font-weight: bold;
  text-align: center;
}
.parts .list_design02 {
  font-weight: bold;
  margin: 2rem 1%;
  background: #ffffff;
  padding: 1.2rem;
  text-indent: 20px;
  border: #ccc solid 1px;
}
@media screen and (max-width: 768px) {
  .parts .bannerMenuBtnBox_list {
    width: 47%;
    align-items: center;
    justify-content: center;
    margin-left: 2%;
    margin-bottom: 4%;
    flex-wrap: wrap;
  }
  .parts .bannerMenuBtnBox_list:nth-child(odd) {
    margin-left: 0%;
  }
}
.parts .content3Box {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
}
.parts .content3Box_innerBlock {
  width: 32%;
  background: #fff;
  margin-left: 1%;
  padding: 0.5rem;
}
.parts .content3Box_innerBlock:first-child {
  margin-left: 0%;
}
.parts .content3Box .content3Box_innerBlock .minh230 {
  min-height: 230px;
}
@media screen and (max-width: 768px) {
  .parts .content3Box {
    display: block;
  }
  .parts .content3Box_innerBlock {
    width: 100%;
    padding: 1.2rem;
    margin: 0 0 3%;
  }
  .parts .content3Box .content3Box_innerBlock .minh230 {
    min-height: auto;
  }
}
.parts .h4_title07 {
  font-weight: bold;
  text-align: center;
  font-size: 2.6rem;
  background-image: url(/user_data/img/brand/chromehearts/bgLine.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-bottom: 5px;
  margin-bottom: 1rem;
}
.parts .gift_point_area {
  margin: 80px 0 30px;
}
.parts .gift_point_area .point_ttl {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  max-width: 712px;
  width: 90%;
  background: #b39d5a;
  position: relative;
  margin: -40px auto 30px;
  box-shadow: 3px 0px 5px 2px rgba(0, 0, 0, 0.15);
}
.parts .gift_point_area .point_ttl span {
  color: #fff;
  font-weight: bold;
}
.parts .gift_point_area .point_ttl:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border: 1px dashed rgba(245, 241, 236, 0.33);
}
.parts .gift_point_area .point_img {
  margin: 0 auto 20px;
  width: 90%;
}
.parts .gift_point_area div {
  background: #fff;
  border: 3px solid #b39d5a;
  border-radius: 12px;
  max-width: 920px;
  width: 96%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 40px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.parts .gift_point_area div ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
}
.parts .gift_point_area div ul li {
  width: 33%;
  height: auto;
  border: 1px solid #b39d5a;
  background: #f6f3eb;
  box-sizing: border-box;
  padding: 20px 5px;
  text-align: center;
}
.parts .gift_point_area div ul li:not(:last-child) {
  margin-right: 1%;
}
.parts .gift_point_area div ul li .point_num {
  font-size: 1.7rem;
  color: #b39d5a;
  margin-bottom: 5px;
  font-weight: bold;
}
.parts .gift_point_area div ul li p {
  color: #000;
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: 0px;
}
.parts .gift_content1,
.parts .gift_content3 {
  background: #f5f1ec;
  padding: 77px 0;
}
@media screen and (max-width: 768px) {
  .parts .gift_point_area .point_ttl {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    max-width: 712px;
    width: 90%;
    background: #b39d5a;
    position: relative;
    margin: -40px auto 30px;
    box-shadow: 3px 0px 5px 2px rgba(0, 0, 0, 0.15);
  }
  .parts .gift_point_area div ul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .parts .gift_point_area div ul li {
    width: 32.6%;
    height: auto;
    border: 1px solid #b39d5a;
    background: #f6f3eb;
    box-sizing: border-box;
    padding: 20px 5px;
    text-align: center;
    margin: 0 0 1%;
  }
  .parts .gift_point_area div ul li .point_num {
    font-size: 1.6rem;
    color: #b39d5a;
    margin-bottom: 5px;
    font-weight: bold;
  }
}
.parts .recommendBlock {
  background-color: #f5f5f5;
  padding: 25px 1.6rem;
  margin: 1.6rem;
}
.parts .recommend2box {
  overflow: hidden;
  width: 80%;
  margin: 20px auto;
  text-align: center;
  display: flex;
  align-items: center;
}
.parts .recommend2box .fl {
  width: 35%;
  margin-right: 5%;
}
.parts .recommend2box .fr {
  width: 60%;
}
.parts .recommend2box .recommendTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .parts .recommend2box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  .parts .recommend2box .fl {
    float: none;
    width: 70%;
    margin: 0 auto;
  }
  .parts .recommend2box .fr {
    float: none;
    width: 100%;
    margin-top: 2%;
  }
  .parts .category_img_panel .panel_txt {
    font-size: 1.4rem;
  }
  .parts .category_bnrmenu02 .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    position: relative;
    /*    border: 1px solid #d6d6d6;*/
    width: 32%;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .parts .category_bnrmenu02 .banner_box:nth-child(3n) {
    margin-right: 0%;
  }
  .parts .category_bnrmenu4col .banner_box {
    float: left;
    /* padding: 0px 5px 10px 5px; */
    position: relative;
    /*    border: 1px solid #d6d6d6;*/
    width: 49%;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .parts .category_bnrmenu4col .banner_box:nth-child(2n) {
    margin-right: 0%;
  }
  .parts .point3col ul li {
    width: 32%;
    height: auto;
    /*    border: 1px solid #676767;*/
    background: #ffffff;
    box-sizing: border-box;
    padding: 1rem 0.6rem;
    text-align: center;
    margin-right: 2%;
  }
  .parts .category_bnrmenulist_box {
    float: left;
    background: #fff;
    padding: 5px 5px;
    width: 100%;
    margin: 10px 1% 0;
    position: relative;
    box-sizing: border-box;
    /* border: 1px solid #b39d5a; */
    overflow: hidden;
    height: auto;
  }
  .parts .category_bnrmenulist_box .fl {
    width: 18%;
    float: left;
  }
  .parts .category_bnrmenulist_box .fr {
    width: 80%;
    float: right;
  }
  .parts .category_bnrmenulist_box span {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0;
    /* margin-top: 1.0rem; */
  }
  .parts .new_sign01 {
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -8px;
    top: -7px;
    color: #fff;
    z-index: 1;
    background: #d6222f;
    font-size: 1rem;
    border: 2px solid #FFF;
    text-align: center;
  }
  .parts .top_xmas_bg {
    background: url(/user_data/packages/default/img/top/xmas_pickup_bg.gif) no-repeat;
    background-size: cover;
    background-color: #faf7eb;
    background-size: 180%;
    background-position: center bottom;
  }
  .parts .news_list dl {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .parts .category_child_list_wrap li {
    margin-bottom: 1rem;
    margin-right: 1rem;
    border: 1px solid #d6d6d6;
    padding: 0.5rem 1rem 0.5rem 1rem;
    width: 23%;
    font-size: 1.2rem;
    align-items: center;
    display: flex;
  }
}
.parts #sort_wrap {
  width: 46.6%;
}
.parts #sort_wrap .sort_btn {
  width: 45%;
}
.parts #sort_wrap .change {
  width: 23.8%;
  margin-left: 3%;
}
.parts #sort_wrap .change select {
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  .parts #sort_wrap {
    width: 65%;
    justify-content: flex-start;
  }
  .parts #sort_wrap .change {
    width: 45.8%;
  }
  .parts #sort_wrap .change:first-of-type {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 1024px) {
  .parts #sort_wrap .sort_btn {
    width: calc(100% - 8.8rem);
  }
}
@media print, screen and (max-width: 764px) {
  .parts #sort_wrap {
    width: 94%;
  }
}
@media print, screen and (min-width: 764px) and (max-width: 1024px) {
  .parts #sort_wrap {
    width: 42%;
  }
}
@media print, screen and (max-width: 370px) {
  .parts #sort_wrap {
    width: 60%;
  }
}
.parts #fixed-header-sp,
.parts #fixed-header-pc,
.parts #header,
.parts #search {
  transition: none;
}
.parts #logo_area img {
  height: 35px;
}
@media print, screen and (min-width: 1024px) {
  .parts #header_wrap {
    height: calc(8rem + 1px);
  }
}
.parts .gotop_block {
  text-align: center;
}
.parts .gotop_block a {
  width: 100%;
  max-width: 70%;
  position: relative;
  margin: 0 auto;
  padding: 1.1rem 0;
  overflow: hidden;
  border: none;
  background: #3d4e84;
  display: block;
  cursor: pointer;
  color: #fff;
  font-size: 1.4rem;
}
.parts .gotop_block a::after {
  color: #9b9b9b;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  transform: translateY(-50%);
}
.parts .gotop {
  margin-top: 20px;
  background: #3d4e84 !important;
  color: #fff !important;
  border: none !important;
}
.parts .gotop::after {
  content: none !important;
}
.parts .convenience_box {
  border: 1px solid #ccc;
  padding: 1rem;
  margin: 1rem 0;
}
.parts .convenience_box a {
  color: #3d4e84;
  font-weight: bold;
}
.parts .border_b {
  border-bottom: 1px solid;
}
.parts .option_menu {
  overflow: hidden;
}
.parts .option_menu .fl {
  width: 49%;
  float: left;
  background: #fff9ec;
  border: 2px solid #002863;
  padding: 0.8rem;
  margin-right: 1%;
  margin-bottom: 10px;
}
.parts .option_menu .fr {
  width: 49%;
  float: right;
  background: #fff9ec;
  border: 2px solid #002863;
  padding: 0.8rem;
  margin-bottom: 10px;
}
.parts .option_menu .fl02 {
  width: 49%;
  background: #fff9ec;
  border: 2px solid #002863;
  padding: 0.8rem;
  margin: 0 auto;
  clear: both;
}
.parts .price_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}
.parts .price_block_thumb {
  width: 40%;
  /* width: 30%; */
  margin-right: 4%;
  margin-left: 5.46%;
}
.parts .price_block_status {
  width: 48.7%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /* flex-grow: 1; */
  /* margin-top: 22px; */
  /* margin-left: 4%; */
}
.parts .price_block_status .item_name {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parts #giftservice {
  font-size: 1.4rem;
}
.parts #giftconcept {
  padding: 1.6rem;
}
.parts #giftservice h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.parts #giftconcept h2 {
  font-weight: bold;
  text-align: center;
  margin: 3.2rem 0 0;
  font-size: 1.8rem;
  color: #B39D5A;
  display: inline;
  border-bottom: 1px solid;
  padding-bottom: 0.5rem;
  line-height: 2;
}
.parts #jwell-kokuin {
  font-size: 1.4rem;
}
.parts #kokuin-concept {
  /*	padding: 1.6rem;*/
  text-align: center;
  font-size: 1.6rem;
}
.parts #kokuin-concept h2 {
  font-weight: 600;
  margin: 3.2rem 0 0;
  font-size: 3rem;
  color: #B39D5A;
  padding-bottom: 0.5rem;
}
.parts #kokuin-sample h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
}
.parts #kokuin-concept .concept-img img {
  width: 70%;
  margin: 3.2rem auto;
}
.parts #kokuin-sample h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  margin-top: 3.2rem;
}
.parts #kokuin-sample h3 {
  text-align: center;
  margin-bottom: 1.6rem;
}
.parts #kokuin-sample h3 span {
  font-size: 2.6rem;
  position: relative;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
.parts #kokuin-sample h3 span:before {
  width: 30px;
  content: "";
  position: absolute;
  display: inline-block;
  height: 1px;
  top: 50%;
  left: -40px;
  background-color: #474747;
}
.parts #kokuin-sample h3 span:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 1px;
  top: 50%;
  right: -40px;
  background-color: #474747;
}
.parts #kokuin-sample .accordion-box {
  background-color: #fff;
  border: solid #ccc 1px;
}
.parts #kokuin-sample .accordion-box .listbox {
  margin-bottom: 0px;
  padding: 9px;
}
.parts #kokuin-sample .accordion-box .listbox li {
  padding: 0 0 6px 13px;
  margin-bottom: 6px;
  font-size: 1.4rem;
  border-bottom: 1px dotted #ccc;
}
.parts #kokuin-sample .accordion-box .listbox li::before {
  content: "•";
  display: inline-block;
  margin-left: -1em;
  width: 0.7em;
  font-weight: bold;
  font-size: 1.2rem;
  color: #b09c5d;
}
.parts #kokuin-gallery h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  margin-top: 3.2rem;
}
.parts #kokuin-gallery .fl {
  float: left;
  width: 50%;
}
.parts #kokuin-gallery .fr {
  float: right;
  width: 50%;
}
.parts #kokuin-notice h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  margin-top: 3.2rem;
}
.parts #kokuin-notice li::before {
  content: "•";
  display: inline-block;
  margin-left: -1em;
  width: 0.7em;
  font-weight: bold;
  font-size: 1.2rem;
  color: #b09c5d;
}
.parts #kokuin-notice li {
  padding: 0 0 6px 13px;
  margin-bottom: 6px;
  font-size: 1.4rem;
}
.parts #jwell-concept {
  font-size: 1.4rem;
}
.parts #jwell-concept .concept01 {
  background: url(/user_data/packages/default/img/concept/concept-bg01.jpg) center bottom no-repeat;
  background-size: cover;
  min-height: 800px;
  text-align: center;
  padding: 5rem 1.6rem;
  font-size: 2rem;
}
.parts #jwell-concept .concept01 h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5rem;
}
.parts #jwell-concept .concept01 p {
  font-size: 2rem;
  margin-bottom: 5rem;
  font-weight: 500;
}
.parts #jwell-concept .concept_logo img {
  display: inline;
}
.parts #jwell-concept .concept02 {
  background: url(/user_data/packages/default/img/concept/concept-bg02.jpg) center bottom no-repeat;
  background-size: cover;
  min-height: 900px;
  padding: 5rem 1.6rem;
  font-size: 2rem;
}
.parts #jwell-concept .concept02 h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 7rem;
}
.parts #jwell-concept .concept02 h3 {
  font-size: 2.4rem;
  font-weight: 600;
}
.parts #jwell-concept .concept02 p {
  font-size: 1.6rem;
  margin-bottom: 6rem;
}
.parts #jwell-concept .category_bnrmenu4col {
  margin-top: 3.2rem;
}
.parts #jwell-concept .category_bnrmenu4col .banner_box {
  float: left;
  position: relative;
  width: 23.5%;
  align-items: center;
  justify-content: center;
  margin-right: 2%;
  margin-bottom: 2%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  /* font-size: 3.2rem; */
}
.parts #jwell-concept .category_img_panel .panel_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  z-index: 2;
  display: inline-block;
  width: 100%;
  padding: 5px;
}
.parts #jwell-concept .category_bnrmenu4col .banner_box:nth-child(4n) {
  margin-right: 0%;
}
.parts .pc2sp2_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .pc2sp2_inner::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}
.parts .pc2sp2_inner::after {
  content: "";
  display: block;
  width: 23%;
}
.parts .pc2sp2_box {
  width: 50%;
  padding: 1rem;
  margin: 1rem 0;
}
.parts .pc2sp2_box h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.parts .pc4sp2_01_inner {
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
  justify-content: center;
  text-align: left;
}
.parts .pc4sp2_01_box {
  width: 14%;
  padding: 0.8rem;
  margin: 1rem 0;
}
.parts .pc4sp2_01_box h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
}
.parts .pc4sp2_01_box:nth-child(2n) {
  width: 36%;
  padding: 0.8rem;
  margin: 1rem 0;
}
.parts .pc4sp2_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parts .pc4sp2_inner::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}
.parts .pc4sp2_inner::after {
  content: "";
  display: block;
  width: 23%;
}
.parts .pc4sp2_box {
  width: 23%;
  padding: 1rem;
  margin: 1rem 0;
}
.parts .pc4sp2_box h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.parts .pc4sp2_01_inner {
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
  justify-content: center;
  text-align: left;
}
.parts .pc4sp2_01_box {
  width: 14%;
  padding: 0.8rem;
  margin: 1rem 0;
}
.parts .pc4sp2_01_box h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
}
.parts .pc4sp2_01_box:nth-child(2n) {
  width: 36%;
  padding: 0.8rem;
  margin: 1rem 0;
}
.parts .category_bnrmenu3col {
  margin-top: 3.2rem;
  width: 80%;
  /* 追加 */
  margin: 1.6rem auto;
  overflow: hidden;
}
.parts .category_bnrmenu3col .banner_box {
  float: left;
  position: relative;
  width: 31%;
  align-items: center;
  justify-content: center;
  margin-right: 2%;
  margin-bottom: 2%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  /* font-size: 3.2rem; */
}
.parts .category_bnrmenu3col .category_img_panel .panel_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  z-index: 2;
  display: inline-block;
  width: 100%;
  padding: 5px;
}
.parts .category_bnrmenu3col .banner_box:nth-child(3n) {
  margin-right: 0%;
}
.parts .price-btn-more {
  display: block;
  margin: 1rem auto;
  position: relative;
  width: 100%;
  height: 32px;
  font-size: 1.3rem;
  line-height: 29px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 5px;
}
.parts .price-btn-more::before,
.parts .price-btn-more::after {
  /* 矢印アイコン */
  content: "";
  display: block;
  position: absolute;
  background: #9b9b9b;
  top: 50%;
  transform: translateY(-50%);
}
.parts .price-btn-more::before {
  /* 矢印アイコン（上） */
  top: 41%;
  right: 0.76rem;
  width: 1rem;
  height: 0.1rem;
  transform: translateY(-100%) rotate(45deg);
}
.parts .price-btn-more::after {
  /* 矢印アイコン（下） */
  top: 44%;
  right: 1.2rem;
  width: 0.1rem;
  height: 1rem;
  transform: rotate(45deg);
}
.parts .price-btn-more:hover,
.parts .price-btn-more:active {
  /* もっと見るボタン、マウスオーバー時 */
  background-color: #fffcf5;
}
.parts #jwelltop-catch h2 {
  font-weight: 600;
  margin: 0 0;
  font-size: 3rem;
  color: #871515;
  padding-bottom: 0.5rem;
}
.parts .jwelltop-3point {
  display: flex;
  justify-content: center;
}
.parts .jwelltop-3point .pointbox {
  padding: 20px;
}
.parts .hiragi {
  width: 60px;
}
.parts .xmas-banner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.parts .xmas-banner .banner-box {
  padding: 5px;
  width: 33%;
}
.parts #jwelltop-item h3 {
  font-size: 2.2rem;
  font-weight: 600;
}
.parts .jwelltop-itemlist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.parts .jwelltop-itemlist .itemlistbox {
  padding: 10px;
  width: 16%;
  text-align: center;
}
.parts .jwelltop-itemlist .itemlistbox .txt {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 0.2rem;
}
.parts .snow-point {
  position: relative;
  z-index: 1;
}
.parts .snow-point::before {
  display: inline-block;
  content: "";
  width: 184px;
  height: 77px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 10%;
  top: 0px;
  z-index: -1;
  background-image: url(/user_data/packages/default/img/top_2021xmas/snow-left.png);
}
.parts .snow-point::after {
  display: inline-block;
  content: "";
  width: 184px;
  height: 77px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 10%;
  top: 0px;
  z-index: -1;
  background-image: url(/user_data/packages/default/img/top_2021xmas/snow-right.png);
}
.parts .bg-star {
  position: relative;
  z-index: 1;
  margin-bottom: 4.2rem !important;
}
.parts .bg-star::after {
  /*display: inline-block;
  content: '';
  width: 912px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: 4rem;
  z-index: -1;
  background-image: url(/user_data/packages/default/img/top_2021xmas/bg-star-pc.png);*/
}
@media print, screen and (max-width: 768px) {
  .parts #jwelltop-catch h2 {
    font-weight: 600;
    margin: 0 0;
    font-size: 2rem;
    color: #871515;
    padding-bottom: 0.5rem;
  }
  .parts .jwelltop-3point .pointbox {
    padding: 1.6rem 8px 0 0;
  }
  .parts .jwelltop-3point .pointbox:nth-child(3n) {
    padding-right: 0%;
  }
  .parts .xmas-banner {
    display: block;
    justify-content: center;
  }
  .parts .xmas-banner .banner-box {
    padding: 0 0 1.6rem;
    width: 100%;
  }
  .parts .jwelltop-itemlist .itemlistbox {
    padding: 10px;
    width: 33.3%;
    text-align: center;
  }
  .parts .snow-point::before {
    display: inline-block;
    content: "";
    width: 100px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0%;
    top: 0px;
    z-index: -1;
    background-image: url(/user_data/packages/default/img/top_2021xmas/snow-left.png);
  }
  .parts .snow-point::after {
    display: inline-block;
    content: "";
    width: 100px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0%;
    top: 0px;
    z-index: -1;
    background-image: url(/user_data/packages/default/img/top_2021xmas/snow-right.png);
  }
  .parts .bg-star {
    position: relative;
    z-index: 1;
    margin-bottom: 9.2rem !important;
  }
  .parts .bg-star::after {
    display: inline-block;
    content: "";
    width: 502px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 4rem;
    z-index: -1;
    background-image: url(/user_data/packages/default/img/top_2021xmas/bg-star-sp.png);
  }
  .parts #jwell-concept .concept01 {
    background: url(/user_data/packages/default/img/concept/concept-bg01-sp.jpg) center bottom no-repeat;
    background-size: 100%;
    background-color: #fefbf9;
    min-height: auto;
    text-align: left;
    padding: 1.6rem 0;
    font-size: 1.2rem;
  }
  .parts #jwell-concept .concept01 h2 {
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 3rem;
  }
  .parts #jwell-concept .concept01 p {
    margin-bottom: 1.6rem;
    font-size: 1.2rem;
    font-weight: 600;
  }
  .parts #jwell-concept .concept_logo img {
    width: 30%;
  }
  .parts #jwell-concept .concept02 {
    background: url(/user_data/packages/default/img/concept/concept-bg02-sp.jpg) center bottom no-repeat;
    background-size: 100%;
    min-height: auto;
    text-align: left;
    padding: 1.6rem 0;
    font-size: 1.2rem;
  }
  .parts #jwell-concept .concept02 h2 {
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 3rem;
  }
  .parts #jwell-concept .concept02 h3 {
    font-size: 1.8rem;
    font-weight: 600;
  }
  .parts #jwell-concept .concept02 p {
    font-size: 1.2rem;
    margin-bottom: 3rem;
  }
  .parts #jwell-concept .category_bnrmenu4col .banner_box {
    float: left;
    position: relative;
    width: 49%;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* font-size: 3.2rem; */
  }
  .parts #jwell-concept .category_bnrmenu4col .banner_box:nth-child(2n) {
    margin-right: 0%;
  }
  .parts .pc2sp2_box {
    width: 48%;
    padding: 0rem;
    margin: 1rem 0;
  }
  .parts .pc4sp2_box {
    width: 48%;
    padding: 0rem;
    margin: 1rem 0;
  }
  .parts .pc4sp2_01_box {
    width: 30%;
    padding: 0rem;
    margin: 1rem 0;
  }
  .parts .pc4sp2_01_box:nth-child(2n) {
    width: 70%;
    padding: 1rem;
    margin: 0 0 1rem;
  }
  .parts .category_bnrmenu3col {
    width: 100%;
  }
  .parts .category_bnrmenu3col .banner_box {
    width: 32%;
  }
  .parts .category_bnrmenu3col .category_img_panel .panel_txt {
    font-size: 1.2rem;
  }
  .parts .category_box .btn a {
    font-size: 1.2rem;
    width: 100%;
  }
  .parts #kokuin-concept {
    /*	padding: 1.6rem;*/
    text-align: center;
    font-size: 1.4rem;
  }
  .parts #kokuin-concept h2 {
    font-weight: 600;
    margin: 1.6rem 0 0;
    font-size: 1.8rem;
    color: #B39D5A;
    padding-bottom: 0.5rem;
    line-height: 2;
  }
  .parts .pc4sp2_01_box h3 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
  }
  .parts #kokuin-sample h2 {
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 3.2rem;
    margin-top: 1.6rem;
  }
  .parts #kokuin-sample h3 span {
    font-size: 1.8rem;
    position: relative;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
  }
  .parts #kokuin-concept .concept-img img {
    width: 80%;
    margin: 3.2rem auto;
  }
  .parts #kokuin-gallery h2 {
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.6rem;
    margin-top: 1.6rem;
  }
  .parts #kokuin-gallery .fl {
    float: none;
    width: 100%;
  }
  .parts #kokuin-gallery .fr {
    float: none;
    width: 100%;
  }
  .parts #kokuin-notice h2 {
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 1.6rem;
  }
  .parts #top_column li {
    overflow: hidden;
    width: 100%;
    padding: 1rem;
    float: none;
    border-bottom: 1px solid #ccc;
  }
  .parts #top_column li:first-child {
    border-top: 1px solid #ccc;
  }
  .parts #top_column li .fl img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .parts #top_column li .fr {
    width: 70%;
    float: right;
    margin-right: 0;
  }
}
.parts .xmas21-btn a {
  background: #b5280e;
  color: #fff;
  padding: 2.2rem !important;
  font-size: 1.4rem !important;
  border: 1px solid #fff;
}
.parts .xmas21-btn a::after {
  color: #FFF;
}
.parts .pc2sp1_01_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: left;
  border: 1px solid #ccc;
  margin: 1.6rem;
}
.parts .pc2sp1_01_box {
  width: 15%;
  padding: 0.8rem;
  margin: 1rem 0;
}
.parts .pc2sp1_01_box:nth-child(2n) {
  width: 80%;
  padding: 0.8rem;
  margin: 1rem 0;
}
.parts .pc2sp1_01_box img {
  border-radius: 50%;
  border: 1px solid #ccc;
}
.parts #column-profile .sns_area {
  display: flex;
}
.parts #column-profile .sns_area li {
  font-size: 3rem;
  margin: 0 0.6rem;
}
.parts .category_box .top-new-topics-box .btn a {
  padding: 1.3rem 0;
  display: inline-block;
  margin: 20px auto 0;
  width: 100%;
}
@media print, screen and (max-width: 768px) {
  .parts .pc2sp1_01_box {
    width: 25%;
    padding: 0.8rem;
    margin: 1rem 0;
  }
  .parts .pc2sp1_01_box:nth-child(2n) {
    width: 70%;
    padding: 0.8rem;
    margin: 1rem 0;
  }
  .parts #column-profile p {
    font-size: 1.1rem;
  }
  .parts .top-new-topics-inner {
    display: block;
  }
  .parts .top-new-topics-box {
    width: 100%;
    margin-bottom: 1.6rem;
  }
}
.parts .item_catchtxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parts .main_title {
  /*margin-bottom: 0!important;*/
}
.parts .subtitle {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #9B9B9B;
  margin-top: -1.6rem;
  margin-bottom: 1.6rem;
}
.parts .category_bg_gray {
  background: #FBFBFB;
}
.parts .category_bg_01 {
  background: #F6F3EB;
}
.parts .category-option01 {
  display: flex;
  overflow: hidden;
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  width: 60%;
  margin: auto;
}
.parts .category-option01 div {
  width: 48%;
  padding: 0.8rem;
  margin: 1rem 0;
}
.parts .category-option01 span {
  display: block;
  text-align: center;
  font-weight: bold;
  margin: 1rem 0;
  font-size: 1.4rem;
}
.parts .category-option01 p {
  font-size: 1.2rem;
}
.parts .category-option01 img {
  border-radius: 50%;
}
.parts .main_tlt {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0;
  text-align: center;
  background: #9B9B9B;
  color: #fff;
  padding: 2.2rem 1.6rem;
}
.parts .main_tlt02 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 3.2rem 0 0;
  text-align: center;
  background: #F6F3EB;
  padding: 2.2rem 1.6rem;
}
.parts .main_tlt02 h3 {
  font-size: 1.6rem;
  border-bottom: solid 1px !important;
  margin-bottom: 0.6rem;
}
.parts .main_tlt03 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1.6rem;
}
.parts .category-item {
  background: #FBFBFB;
}
.parts .category-item_inner {
  border: 1px solid #ccc;
  background: #fff;
  padding: 3.2rem 1.6rem;
}
.parts .category-item_inner-box {
  display: flex;
}
.parts .category-item_inner-box .box1 {
  width: 60%;
}
.parts .category-item_inner-box .box1 p {
  text-align: center;
  margin-top: 1.6rem;
}
.parts .category-item_inner-box .box2 {
  width: 60%;
}
.parts .category-item_inner-box .box2 p {
  margin: 1rem;
}
.parts .category-item_inner h4 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3.2rem;
}
.parts .category-item_inner-box02 {
  display: block;
}
.parts .category-item_inner-box {
  display: flex;
  /*    justify-content: space-between;
  flex-wrap: wrap;*/
}
.parts .category-item_inner-box .box {
  width: 23%;
  padding: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 768px) {
  .parts .category-ooption01 {
    width: 100%;
  }
  .parts .category-item_inner {
    padding: 3.2rem 0.8rem;
  }
  .parts .category-item_inner h4 {
    margin-bottom: 1.6rem;
    margin-top: 3.2rem;
  }
  .parts .category-item_inner-box {
    display: block;
  }
  .parts .category-item_inner-box .box1 {
    width: 100%;
  }
  .parts .category-item_inner-box .box2 {
    width: 100%;
    margin-top: 1.6rem;
  }
  .parts .category-item_inner-box .box {
    width: 48%;
    padding: 0rem;
    margin: 1rem 0;
  }
}
.parts .item_box .status_icon_list li.status_yoyaku {
  background: #85716b;
  color: #fff;
}
.parts .title_jwell01 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 2rem 0;
  /*	margin-bottom: 2.0rem;*/
  letter-spacing: 0;
  position: relative;
  text-align: left;
  border-bottom: #b39d5a 2px solid;
  font-weight: bold;
  padding: 0.8rem 0;
}
.parts .title_jwell01 span {
  position: relative;
  display: inline-block;
  padding: 0;
  /*    background: #fff;*/
}
.parts .catch_text_f14 {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 2rem 0 !important;
}
.parts ul.col3 {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.parts ul.col3 li {
  display: block;
  width: 32%;
  margin-bottom: 10px;
  background-color: #fff;
  padding: 0%;
  box-sizing: border-box;
}
.parts ul.col3 li p:first-of-type {
  margin-bottom: 5px;
}
.parts ul.col3 li p {
  font-size: 1rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.parts .col3 dd ul li p span {
  font-size: 1rem;
}
.parts ul.col3 li p.price {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}
.parts ul.col3 li p.price span {
  font-size: 1rem;
}
.parts .a-menu_bg {
  background: #f9f8f5;
}
.parts .a-menu_bg h2 {
  text-align: center;
  padding: 1.6rem 0 0;
  font-size: 1.9rem;
  font-weight: 600;
}
.parts .category-top-menu {
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  margin: 0 0;
  flex-wrap: wrap;
}
.parts .category-top-menu li {
  width: 59%;
  background: #f7b0ca;
  text-align: center;
  font-weight: 400;
  margin: 5px 5px;
  padding: 8px 5px;
  letter-spacing: -1px;
}
.parts .category-top-menu li a {
  display: block;
  height: 100%;
  width: 100%;
}
.parts .category-top-menu li {
  background: #ffffff;
  border: 1px solid #9b9b9b;
  box-shadow: 0 3px 0 rgba(139, 131, 134, 0.72);
  border-radius: 10px;
}
.parts .category-top-menu li a {
  color: #474747;
  font-size: 1.6rem;
}
.parts .more_btn.flow a {
  box-shadow: 0 3px 0 rgba(139, 131, 134, 0.72);
  border-radius: 10px;
}
.parts #footer .sns_area li {
  margin: 0 1.4rem !important;
}
.parts .jwell-category-catch {
  padding: 0 1.6rem;
  text-align: center;
}
.parts__heading {
  font-size: 1.8rem !important;
  font-weight: bold;
  position: relative;
  padding: 20px;
  margin: auto auto 24px;
  background-color: #F4F6FA;
}
@media screen and (max-width: 768px) {
  .parts__heading {
    font-size: 1.6rem !important;
    margin: auto auto 0px;
    padding: 16px;
  }
}
.parts__heading--fixed {
  font-size: 1.8rem;
  font-weight: bold;
  margin: auto auto 40px;
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .parts__heading--fixed {
    font-size: 1.6rem;
    margin: auto auto 0px;
    padding: 20px 0;
  }
}
.parts__content {
  display: block;
  padding: 0px 0 40px 0;
}
@media screen and (max-width: 768px) {
  .parts__content {
    padding: 0;
  }
}

.reviews {
  display: flex;
  align-items: center;
  margin: 16px auto;
}
.reviews__star i {
  color: #F7CB00;
  margin-left: -4px;
}
.reviews__star__half {
  background: linear-gradient(90deg, #F7CB00 50%, #ECECEC 51%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.reviews__star__gray {
  color: #ECECEC !important;
}
.reviews__score {
  margin: auto 0 -2px 12px;
  font-size: 1.4rem;
}
.reviews__score a {
  color: #3269B1;
}
.reviews__score a:hover {
  text-decoration: underline;
}
.reviews__item {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin: 0px auto 40px auto;
}
@media screen and (max-width: 768px) {
  .reviews__item {
    flex-direction: column;
    gap: 0px;
    padding: 12px;
    margin: 0px auto 20px auto;
  }
}
.reviews__item__image {
  width: 20%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .reviews__item__image {
    width: 60%;
    margin: auto;
  }
}
.reviews__item__image img {
  width: 100%;
}
.reviews__item__inner {
  width: 80%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .reviews__item__inner {
    width: 100%;
    margin: 16px auto auto auto;
  }
}
.reviews__list li {
  background-color: #fafaf8;
  padding: 10px 28px 28px;
}
@media screen and (max-width: 768px) {
  .reviews__list li {
    padding: 10px 20px 20px;
  }
}
.reviews__list li + li {
  margin: 28px auto auto;
}
.reviews__text {
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .reviews__text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.reviews__user {
  border-top: solid 1px #f1ebd7;
  margin: 16px auto auto;
  padding: 16px 0 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .reviews__user {
    margin: 12px auto auto;
    padding: 12px 0 0;
  }
}

.fa {
  display: inline-block;
  font-family: "Font Awesome";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1.6rem !important;
}

.popular {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin: 12px auto;
  font-size: 1.4rem;
  font-weight: bold;
  color: #B09100;
}
.cart, .cart--sp {
  background-color: #F4F6FA;
  padding: 20px;
  border: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .cart, .cart--sp {
    padding: 16px;
  }
}
.cart--sp {
  border: none;
}
@media screen and (max-width: 768px) {
  .cart--sp {
    display: block;
  }
}
.cart__inner {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.cart__inner + .cart__inner {
  margin: 12px auto auto;
}
.cart__spec {
  margin: auto auto 24px;
  padding: 0 0 20px;
  border-bottom: solid 1px #dadada;
}
@media screen and (max-width: 768px) {
  .cart__spec {
    margin: auto auto 20px;
  }
}
.cart__spec-title {
  font-size: 1.4rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.cart__spec-title span {
  background-color: #EF6074;
  color: #FFFFFF;
  font-size: 1.2rem;
  padding: 3px 4px 2px 4px;
  margin: auto 8px auto 0;
  border-radius: 2px;
}
.cart__spec-select {
  position: relative;
  display: inline-block;
  width: 100%;
}
.cart__spec-select select {
  width: 100%;
  padding: 16px;
  border: solid 1px #dadada;
  font-size: 1.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #FFFFFF;
  color: #303030;
}
@media screen and (max-width: 768px) {
  .cart__spec-select select {
    padding: 12px;
  }
}
.cart__spec-select *:disabled {
  color: #c9c9c9;
  -webkit-text-fill-color: #c9c9c9;
}
.cart__spec-select::after {
  border-right: solid 2px #303030;
  border-top: solid 2px #303030;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 16px;
  top: 45%;
  transform: translateY(-50%) rotate(135deg);
  pointer-events: none;
  width: 8px;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
.cart__spec-select.open::after {
  transform: translateY(-50%) rotate(-45deg);
}
.cart__spec-error select {
  border: solid 1px #E43636;
}
.cart__option {
  border-bottom: solid 1px #dadada;
  margin: auto auto 24px;
  padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .cart__option {
    margin: auto auto 20px;
  }
}
.cart__option-title {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: auto auto 16px;
  display: flex;
  align-items: center;
}
.cart__option-title span {
  background-color: #40B2AA;
  color: #FFFFFF;
  font-size: 1.2rem;
  padding: 3px 4px 2px 4px;
  margin: auto 8px auto 0;
  border-radius: 2px;
}
.cart__option-check {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cart__option-check label {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}
.cart__option-check label:not(:last-of-type) {
  margin-bottom: 16px;
}
.cart__option-check input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #40B2AA;
  background-color: #ffffff;
  border-radius: 2px;
  cursor: pointer;
}
.cart__option-check input[type=checkbox]:checked {
  background-color: #40B2AA;
}
.cart__option-check input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 12px;
  height: 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
}
.cart__option-contents {
  border: solid 1px #dadada;
  padding: 12px;
  background-color: #FFFFFF;
  display: none;
}
.cart__option-contents-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart__option-block {
  display: flex;
  gap: 12px;
}
.cart__option-radio {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
}
.cart__option-radio .radio-card {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.cart__option-radio .radio-card input[type=radio] {
  display: none;
}
.cart__option-radio .radio-card__content {
  border: solid 1px #dadada;
  padding: 12px;
  display: flex;
  gap: 12px;
}
.cart__option-radio .radio-card__image {
  width: 80px;
  height: auto;
}
.cart__option-radio .radio-card__image img {
  width: 100%;
  height: auto;
}
.cart__option-radio .radio-card__inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart__option-radio .radio-card__text {
  font-size: 14px;
  width: 100%;
}
.cart__option-radio .radio-card__price {
  font-size: 14px;
  width: 100%;
}
.cart__option-radio .radio-card__price span.tax {
  font-size: 1.2rem;
  margin: auto auto auto 4px;
}
.cart__option-radio .radio-card__note {
  font-size: 12px;
  width: 100%;
  color: #7c7c7c;
}
.cart__option-radio .radio-card input[type=radio]:checked + .radio-card__content {
  border-color: #40B2AA;
  background-color: rgba(64, 178, 170, 0.1);
}
.cart__option-image {
  width: 80px;
  border: solid 1px #dadada;
}
.cart__option-image img {
  width: 100%;
}
.cart__option-note {
  font-size: 1.4rem;
  line-height: 1.4;
  width: calc(100% - 100px - 12px);
}
.cart__option-note span {
  font-weight: bold;
}
.cart__option-field {
  width: 100%;
}
.cart__option-field textarea {
  border: solid 1px #dadada;
  width: 100%;
  height: 44px;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 4px;
  border-radius: 0px;
}
@media screen and (max-width: 768px) {
  .cart__option-field textarea {
    font-size: 16px;
  }
}
.cart__option-error textarea {
  border: solid 1px #E43636;
}
.cart__error {
  background-color: #E43636;
  color: #FFFFFF;
  padding: 6px 6px;
  font-size: 1.2rem;
  position: absolute;
  top: -4px;
  right: 0;
  border-radius: 3px;
}
.cart__error::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%);
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #E43636 transparent transparent transparent;
}

.checkbox_icon:checked ~ .cart__option-contents {
  display: block;
}

.cart__option-block:not(:has(.cart__option-image)) .cart__option-note {
  width: 100%;
}

.cart-dialog-open {
  cursor: pointer;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.cart-dialog__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9999;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.cart-dialog__container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.cart-dialog__container.active {
  opacity: 1;
  visibility: visible;
}
.cart-dialog__container.sp-active {
  opacity: 1;
  visibility: visible;
}
.cart-dialog__header {
  height: 60px;
  border-bottom: solid 1px #dadada;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .cart-dialog__header {
    padding: 0 16px;
  }
}
.cart-dialog__close {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-dialog__close span {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.cart-dialog__close span::before,
.cart-dialog__close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background: #333;
  transform-origin: center;
}
.cart-dialog__close span::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cart-dialog__close span::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cart-dialog__footer {
  height: 80px;
  border-top: solid 1px #dadada;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .cart-dialog__footer {
    padding: 0 8px;
  }
}
.cart-dialog__price {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 12px;
  align-items: center;
  color: #E43636;
  width: 35%;
}
.cart-dialog__price span.tax {
  font-size: 1.2rem;
  margin: auto 0 auto 4px;
  font-weight: normal;
  color: #303030;
}
.cart-dialog__price span.total {
  display: block;
  font-size: 1.2rem;
  margin: auto 0 6px;
  font-weight: normal;
  color: #303030;
}
.cart-dialog__contents {
  height: calc(100dvh - 60px - 80px);
  overflow-y: scroll;
  padding: 0px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #F4F6FA;
}
.cart-dialog__body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  background: #FFFFFF;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}

.cart-dialog__container.sp-active .cart-dialog__body {
  transform: translateY(0);
}

.is-fixed {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  overscroll-behavior: none;
}

.featureList ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .featureList ul {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 12px;
  }
}
.featureList ul li {
  position: relative;
}
.featureList__img {
  width: 100%;
}
.featureList__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px #f1ebd7;
}
.featureList__inner {
  margin: 16px auto auto;
}
@media screen and (max-width: 768px) {
  .featureList__inner {
    margin: 8px auto auto;
  }
}
.featureList__title {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .featureList__title {
    font-size: 1.2rem;
  }
}
.featureList__description {
  font-size: 1.4rem;
  margin: 8px auto auto;
  line-height: 1.4;
  color: #7c7c7c;
}
@media screen and (max-width: 768px) {
  .featureList__description {
    font-size: 1rem;
    margin: 6px auto auto;
  }
}

#calender {
  margin: 20px auto auto;
}

#calender_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#calender_wrap .calender_area {
  width: 47.5%;
  text-align: center;
  letter-spacing: 0;
  font-feature-settings: "palt";
}

#calender_wrap .calender_area .month {
  text-align: left;
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  margin: auto auto 8px;
}
@media screen and (max-width: 768px) {
  #calender_wrap .calender_area .month {
    font-size: 1.2rem;
  }
}

#calender_wrap .calender_area th,
#calender_wrap .calender_area td {
  padding: 6px 10px;
  border: 1px solid #d6d6d6;
  font-size: 1.4rem;
  font-family: "Inter", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #calender_wrap .calender_area th,
#calender_wrap .calender_area td {
    padding: 3px 4px;
    font-size: 1rem;
  }
}

#calender_wrap .calender_area th:first-child {
  color: #F87E7E;
}

#calender_wrap .calender_area th:last-child {
  color: #598DD1;
}

#calender_wrap .calender_area .off {
  background: #FD96A4;
}

#calender .notice {
  margin: 12px auto auto;
  font-size: 1.4rem;
}

#calender .notice span {
  color: #FD96A4;
}

.privacy {
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .privacy {
    width: 100%;
    max-width: 100%;
    margin: auto auto 40px;
  }
}
.privacy p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .privacy p {
    margin: 24px auto auto;
    line-height: 1.9;
  }
}
.privacy ul {
  margin: 20px auto !important;
  list-style: disc;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .privacy ul {
    margin: 16px auto !important;
  }
}
.privacy ul li {
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .privacy ul li {
    font-size: 16px;
    line-height: 1.9;
  }
}
.privacy ul li a {
  color: #3269B1;
}
.privacy ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1000px) {
  .company {
    width: 100%;
    max-width: 100%;
  }
}
.company table {
  width: 100%;
  margin: 40px auto auto;
}
.company table tr {
  border-bottom: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .company table tr {
    display: flex;
    flex-direction: column;
  }
}
.company table tr:last-child {
  border-bottom: none;
}
.company table th {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .company table th {
    width: 100%;
  }
}
.company table th,
.company table td {
  padding: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}
.company table th a,
.company table td a {
  color: #3269B1;
}
.company table th a:hover,
.company table td a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .company table th {
    padding: 16px 0px 2px;
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .company table td {
    padding: 0 0px 16px;
  }
}
.company table td span {
  font-weight: bold;
}

.form input,
.form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFFFFF;
  color: #303030;
}
.form input[type=text],
.form input[type=password],
.form select,
.form textarea {
  border: solid 1px #A8A8A8;
  font-size: 1.6rem;
  padding: 14px;
  border-radius: 2px;
  width: 100%;
}
.form input[type=text]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form select::-moz-placeholder, .form textarea::-moz-placeholder {
  color: #dadada;
  font-size: 1.4rem;
}
.form input[type=text]::placeholder,
.form input[type=password]::placeholder,
.form select::placeholder,
.form textarea::placeholder {
  color: #dadada;
  font-size: 1.4rem;
}
.form input[type=file] {
  font-size: 1.6rem;
  padding: 10p 0;
  border-radius: 2px;
  width: 100%;
}
.form input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 2rem;
  height: 2rem;
  border: 1px solid #A8A8A8;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  margin: 0 5px 0 0;
  position: relative;
  padding: 0;
}
.form input[type=radio]:checked {
  border-color: #3269B1;
}
.form input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: #3269B1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.form textarea {
  height: 200px;
}
.form label {
  display: flex;
  align-items: center;
}
.form a {
  color: #3269B1;
}
.form a:hover {
  text-decoration: underline;
}
.form__heading {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  font-size: 1.6rem;
  padding: 16px;
  margin: auto auto 20px;
  display: flex;
  align-items: center;
}
.form__title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .form__title {
    font-size: 1.6rem;
  }
}
.form__inner {
  width: 100%;
  margin: auto;
}
.form__inner--beginner {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  padding: 40px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form__inner--beginner {
    padding: 24px;
  }
}
.form__message {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .form__message {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.form__error {
  margin: 20px auto 20px;
}
.form__error li {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #E43636;
}
.form__container {
  margin: 40px auto auto;
}
.form__input + .form__input {
  margin: 20px auto auto;
}
.form__input__heading {
  font-size: 1.4rem;
}
.form__input__heading label {
  cursor: auto;
  display: flex;
  align-items: center;
}
.form__input__body, .form__input__body--size50 {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 1.6rem;
  margin: 8px 0 auto;
}
@media screen and (max-width: 1000px) {
  .form__input__body, .form__input__body--size50 {
    gap: 10px;
  }
}
.form__input__body--size50 {
  width: calc(50% - 10px);
}
@media screen and (max-width: 1000px) {
  .form__input__body--size50 {
    width: 100%;
  }
}
.form__input__notes {
  font-size: 1.2rem;
  color: #A8A8A8;
  margin: 8px auto auto;
}
.form__input__notes li.red {
  color: #E43636;
}
.form__input__notes li + li {
  margin: 4px auto auto;
}
.form__input__image {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form__input__image {
    flex-direction: column;
    width: 100%;
  }
}
.form__input__image__thumb {
  width: 160px;
  margin: auto auto auto 0;
  border-radius: 4px;
}
.form__input__image__thumb img {
  width: 100% !important;
  border-radius: 4px;
  border: solid 1px #A8A8A8;
  margin: auto auto 8px;
}
.form__input__image__file {
  width: calc(100% - 160px);
}
@media screen and (max-width: 768px) {
  .form__input__image__file {
    width: 100%;
  }
}
.form__confirmation + .form__confirmation {
  margin: 20px auto auto;
}
.form__confirmation__heading {
  font-size: 1.2rem;
  color: #A8A8A8;
}
.form__confirmation__body {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 1.6rem;
  margin: 4px 0 auto;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .form__confirmation__body {
    gap: 10px;
  }
}
.form__confirmation__body img {
  width: 100px;
}
@media screen and (max-width: 1000px) {
  .form__confirmation__body img {
    width: 80px;
  }
}
.form__confirmation__parts img {
  width: 20px;
  height: auto;
  display: inline-block;
  margin: 0 4px 0 0;
  vertical-align: middle;
}
.form span.required {
  background-color: #E43636;
  color: #FFFFFF;
  border-radius: 2px;
  font-size: 1rem;
  margin: auto auto auto 8px;
  padding: 4px;
}
.form__link {
  margin: 24px auto auto;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .form__link {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.form__link a {
  color: #3269B1;
}
.form__link a:hover {
  text-decoration: underline;
}
.form__btn {
  display: flex;
  justify-content: center;
  margin: 36px auto auto;
}
@media screen and (max-width: 768px) {
  .form__btn {
    margin: 24px auto auto;
  }
}
.form__btn a,
.form__btn input[type=submit],
.form__btn input[type=button] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 260px;
  color: #FFFFFF;
  background-color: #303030;
  font-size: 1.6rem;
  text-align: center;
  padding: 16px 24px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .form__btn a,
.form__btn input[type=submit],
.form__btn input[type=button] {
    min-width: 100%;
  }
}
.form__btn a:hover,
.form__btn input[type=submit]:hover,
.form__btn input[type=button]:hover {
  opacity: 0.8;
}
.form__btn a {
  background-color: #FFFFFF;
  color: #3269B1;
  border: solid 1px #3269B1;
}
.form__btn input[type=button] {
  color: #303030;
  background-color: #FFFFFF;
  border: solid 1px #303030;
}
@media screen and (max-width: 1000px) {
  .form__btn input[type=button] {
    min-width: 100%;
  }
}
.form__btn input[type=button]:hover {
  opacity: 0.8;
}
.form__btn__inner {
  gap: 40px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .form__btn__inner {
    gap: 20px;
    width: 100%;
    flex-direction: column-reverse;
  }
}
.form__btn .back {
  background-color: #FFFFFF !important;
  color: #3269B1 !important;
  border: solid 1px #3269B1 !important;
}
.form .block_form {
  margin: 36px auto auto;
  min-width: 260px;
  width: 260px;
  font-size: 1.6rem;
}
.form .block_form .holder_input.style-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  min-height: 58px;
  border: solid 1px #E2E4EB;
  background-color: #F4F6FA;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.form .block_form input[type=checkbox] + * .mark {
  margin-right: 12px;
  width: 22px;
  height: 22px;
  border-radius: 2px;
}
.form .block_form .mark {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  border: 1px solid #B2B7C5;
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.45s ease 0s;
}
.form .block_form .holder_input.style-panel:has(*:checked) {
  border-color: #1B1F27;
  background-color: #FFF;
}
.form .block_form input[type=checkbox] {
  display: none;
  visibility: hidden;
  accent-color: #404553;
}
.form .block_form input[type=checkbox] + * {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 18px;
  cursor: pointer;
  transition: all 0.4s ease 0s;
}
.form .block_form input[type=checkbox]:checked + * .mark {
  border-color: #1B1F27;
  border-width: 5px;
  background-color: #1B1F27;
}
.form .block_form input[type=checkbox]:checked + * .mark::before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: all 0.3s cubic-bezier(0.36, 1.74, 0.62, 1) 0s;
}
.form .block_form input[type=checkbox] + * .mark::before {
  content: "\e905";
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  font-family: "symbols";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  letter-spacing: 0;
  line-height: 1;
}

@font-face {
  font-family: "symbols";
  src: url("../img/symbols/symbols.eot");
  src: url("../img/symbols/symbols.eot") format("embedded-opentype"), url("../img/symbols/symbols.ttf") format("truetype"), url("../img/symbols/symbols.woff") format("woff"), url("../img/symbols/symbols.svg") format("svg");
}
.guide {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .guide {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .guide {
    width: 100%;
    max-width: 100%;
  }
}
.guide img {
  width: 100%;
  margin: 40px auto auto;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .guide img {
    margin: 24px auto auto;
    border-radius: 2px;
  }
}
.guide h2 {
  font-size: 2rem;
  background-color: #b09c5d;
  color: #FFFFFF;
  padding: 16px 20px;
  margin: 0px auto 28px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .guide h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 12px 16px;
    margin: 0px auto 20px;
  }
}
.guide h3 {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  font-size: 1.6rem;
  padding: 16px 20px;
  margin: 0px auto 28px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .guide h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 12px 16px;
    margin: 0px auto 20px;
  }
}
.guide h4 {
  border-bottom: solid 1px #f1ebd7;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0px auto 16px;
  padding: 0 0 16px;
}
@media screen and (max-width: 768px) {
  .guide h4 {
    font-size: 1.5rem;
    margin: 0px auto 12px;
    padding: 0 0 12px;
  }
}
.guide p {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .guide p {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
.guide p a {
  color: #3269B1;
}
.guide p a:hover {
  text-decoration: underline;
}
.guide p.right {
  text-align: right;
}
.guide p span.red {
  color: #E43636;
}
.guide p + p {
  margin: 16px auto auto !important;
}
.guide p + h3 {
  margin: 16px auto auto !important;
}
.guide ul {
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .guide ul {
    padding: 0 0 0 24px;
  }
}
.guide ul a {
  color: #3269B1;
}
.guide ul a:hover {
  text-decoration: underline;
}
.guide ul.disc {
  list-style: disc;
}
.guide ul.decimal {
  list-style: decimal;
}
.guide ul li {
  font-size: 16px;
  line-height: 1.6;
  padding: 2px 0;
}
@media screen and (max-width: 768px) {
  .guide ul li {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.guide ul.note {
  padding: 0;
  color: #7c7c7c;
  margin: 16px auto;
}
.guide ul.note li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.4rem;
}
.guide ul.note li::before {
  content: "※";
}
.guide ul.note li.red {
  color: #E43636;
}
.guide ul .red {
  color: #E43636;
}
.guide__title {
  font-size: 2.2rem;
  font-weight: bold;
  margin: auto auto 28px;
}
@media screen and (max-width: 768px) {
  .guide__title {
    font-size: 20px;
  }
}
.guide__afterSupportTitle {
  background-color: #303030;
  color: #FFFFFF;
  border: solid 1px #f1ebd7;
  font-size: 1.6rem;
  padding: 16px 20px;
  margin: 40px auto 28px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .guide__afterSupportTitle {
    font-size: 16px;
    font-weight: bold;
    padding: 12px 16px;
    margin: 20px auto 20px;
  }
}
.guide__inner + .guide__inner {
  margin: 40px auto auto;
}
.guide__credit {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
  margin: 16px auto;
}
.guide__credit__item {
  width: 60px;
  height: 60px;
  border: solid 1px #dadada;
  display: flex;
  align-items: center;
}
.guide__credit__item img {
  width: 74%;
  margin: auto auto auto;
  border-radius: 0px;
}
.guide__store {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin: 16px auto;
}
@media screen and (max-width: 768px) {
  .guide__store {
    flex-direction: column;
  }
}
.guide__store__inner {
  width: calc(50% - 10px);
  border: solid 1px #dadada;
}
@media screen and (max-width: 768px) {
  .guide__store__inner {
    width: 100%;
  }
}
.guide__store__title {
  font-size: 1.4rem;
  background-color: #303030;
  color: #FFFFFF;
  text-align: center;
  padding: 12px;
}
.guide__store__text {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 12px;
}
.guide__store__logo {
  margin: 12px;
  display: flex;
  align-items: center;
}
.guide__store__logo img.seven {
  width: 50px;
  margin: auto;
}
.guide__store__logo img.lawson {
  width: 90px;
  margin: auto;
}
.guide__store__logo img.famima {
  width: 90px;
  margin: 0;
}
.guide__store__logo img.ministop {
  width: 60px;
  margin: auto;
}
.guide__support {
  border: solid 1px #f1ebd7;
  padding: 16px;
  margin: 16px auto;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .guide__support {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.guide__support__header {
  margin: auto auto 8px;
}
.guide__support dl {
  display: flex;
  flex-wrap: wrap;
}
.guide__support dl dt {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .guide__support dl dt {
    width: 100%;
    padding: 4px 0px;
  }
}
.guide__support dl dd {
  width: 75%;
  padding: 0 4px;
}
@media screen and (max-width: 768px) {
  .guide__support dl dd {
    width: 100%;
    padding: 0px 0 4px 0px;
  }
}
.guide__commission {
  border: solid 1px #f1ebd7;
  padding: 8px 16px;
  margin: 16px auto;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .guide__commission {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.guide__commission dl {
  display: flex;
  flex-wrap: wrap;
}
.guide__commission dl dt {
  width: 50%;
  padding: 8px;
  border-bottom: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .guide__commission dl dt {
    width: 100%;
    padding: 8px 0 0;
    border: none;
  }
}
.guide__commission dl dt.last {
  border: none;
}
.guide__commission dl dd {
  width: 50%;
  padding: 8px;
  border-bottom: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .guide__commission dl dd {
    width: 100%;
    padding: 0 0 8px;
  }
}
.guide__commission dl dd.last {
  border: none;
}
.guide__navSide__title {
  font-size: 1.8rem;
  font-weight: bold;
  margin: auto auto 28px;
}
.guide__navSide {
  text-align: left;
  padding: 0 !important;
  margin: 0 !important;
}
.guide__navSide li {
  position: relative;
}
.guide__navSide li a {
  font-size: 1.6rem;
  color: #303030;
  transition: all 0.3s;
  display: block;
  padding: 12px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.guide__navSide li a:hover {
  text-decoration: underline;
}
.guide__index {
  padding: 20px 40px;
  border-radius: 2px;
  background-color: #f9fafc;
  margin: auto auto 60px;
}
@media screen and (max-width: 768px) {
  .guide__index {
    padding: 10px 20px;
  }
}
.guide__index:before {
  display: none !important;
}
.guide__index ol li {
  font-size: 1.6rem;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .guide__index ol li {
    font-size: 1.4rem;
    padding: 12px 0;
  }
}
.guide__index ol li a {
  color: #303030;
}
.guide__index ol li a:hover {
  text-decoration: underline;
}
.guide__index ol li + li {
  border-top: solid 1px #ECECEC;
}

.type__main__image {
  margin: auto auto 40px;
}
@media screen and (max-width: 768px) {
  .type__main__image {
    margin: auto auto 16px;
  }
}
.type__main__image img {
  width: 100%;
}
.type__main__title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  margin: auto auto 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .type__main__title {
    font-size: 1.8rem;
  }
}
.type__main__title span {
  display: block;
  font-size: 1.4rem;
  color: #b09c5d;
  font-family: "Inter", sans-serif;
  margin: 8px auto auto;
}
@media screen and (max-width: 768px) {
  .type__main__title span {
    font-size: 1.2rem;
    margin: 4px auto auto;
  }
}
.type__main__description {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .type__main__description {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.type__header, .type__header--column {
  position: relative;
  margin: auto auto 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .type__header, .type__header--column {
    margin: auto auto 16px;
  }
}
.type__header--column {
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .type__header--column {
    gap: 8px;
  }
}
.type__header__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .type__header__title {
    font-size: 1.6rem;
  }
}
.type__header__title a {
  color: #303030;
}
.type__header__title a:hover {
  text-decoration: underline;
}
.type__header__title span {
  margin: auto auto auto 4px;
}
.type__header__description {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .type__header__description {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.type__header__link {
  font-size: 1.4rem;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  word-break: keep-all;
  background-color: #b09c5d;
  padding: 12px 16px;
  border-radius: 2px;
}
.type__header__link:hover {
  background-color: #8b7b45;
}
@media screen and (max-width: 768px) {
  .type__header__link {
    display: none;
  }
}
.type__header__subTitle {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  color: #b09c5d;
  width: 20%;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .type__header__subTitle {
    font-size: 1.4rem;
    width: 100%;
    margin: auto auto 12px;
  }
}

.category {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .category {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
.category > li a {
  display: flex;
  border: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .category > li a {
    background-color: #FFFFFF;
    flex-direction: column;
  }
}
.category__inner {
  margin: 16px auto auto;
  margin: auto;
  width: 100%;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .category__inner {
    padding: 8px;
  }
}
.category__photo {
  position: relative;
  border-right: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .category__photo {
    border-radius: 2px;
    border-right: none;
    border-bottom: solid 1px #f1ebd7;
  }
}
.category__photo img {
  width: 170px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
@media screen and (max-width: 1000px) {
  .category__photo img {
    width: 100%;
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .category__photo img {
    border-radius: 2px;
    height: 90px;
  }
}
.category__name {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .category__name {
    font-size: 1.2rem;
  }
}

.category__index__inner + .category__index__inner {
  margin: 24px auto auto;
}
@media screen and (max-width: 768px) {
  .category__index__inner + .category__index__inner {
    margin: 40px auto auto;
  }
}

.motif > li {
  display: flex;
  align-items: center;
  border-top: solid 1px #ECECEC;
  padding: 20px 0 20px;
}
@media screen and (max-width: 768px) {
  .motif > li {
    flex-direction: column;
  }
}
.motif > li > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .motif > li > ul {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
  }
}
.motif > li > ul > li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 32px 8px 16px;
  font-size: 1.6rem;
  position: relative;
  border: solid 1px #ECECEC;
  background-color: #FFFFFF;
  border-radius: 9999px;
}
@media screen and (max-width: 768px) {
  .motif > li > ul > li a {
    font-size: 1.2rem;
    padding: 8px 32px 8px 12px;
  }
}
.motif > li > ul > li a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
  border: solid 1px #b09c5d;
}
.motif > li > ul > li a::before {
  content: "";
  position: absolute;
  right: 16px;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .motif > li > ul > li a::before {
    top: 35%;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.motif > li > ul > li a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.motif__title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  color: #b09c5d;
  width: 20%;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .motif__title {
    font-size: 1.4rem;
    width: 100%;
    margin: auto auto 12px;
  }
}

.material {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .material {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
.material li a {
  display: block;
  width: 100%;
  padding: 24px 20px;
  font-size: 1.6rem;
  position: relative;
  border: solid 1px #f1ebd7;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .material li a {
    padding: 20px 16px;
    font-size: 1.2rem;
  }
}
.material li a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.material li a::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .material li a::before {
    right: 16px;
    top: 42%;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.material li a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.material li a span {
  display: none;
  color: #b09c5d;
  font-size: 1.2rem;
  margin: 4px auto auto 0;
}
.material li a:hover span {
  color: #FFFFFF;
}

.brand__main__image {
  width: 100%;
  position: relative;
  margin: auto auto 40px;
}
.brand__main__image img {
  width: 100%;
}
.brand__main__inner {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .brand__main__inner {
    flex-direction: column;
    gap: 20px;
  }
}
.brand__main__logo {
  text-align: center;
  border: solid 1px #e4e4e4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  padding: 16px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .brand__main__logo {
    margin: auto;
  }
}
.brand__main__logo img {
  width: 140px;
}
.brand__main__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  font-family: "Inter", sans-serif;
  margin: 0 auto 0 0;
}
@media screen and (max-width: 768px) {
  .brand__main__name {
    line-height: 1.2;
    text-align: center;
    margin: 0 auto;
  }
}
.brand__main__reading {
  font-size: 11px;
  line-height: 1.4;
  color: #8a8a8a;
  margin: 4px auto auto 0;
}
@media screen and (max-width: 768px) {
  .brand__main__reading {
    text-align: center;
    margin: 4px auto auto;
  }
}
.brand__main__description {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 16px 0 auto;
}
@media screen and (max-width: 768px) {
  .brand__main__description {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.brand__story {
  margin: 48px auto auto;
  display: flex;
  gap: 30px;
  padding: 32px 24px 24px;
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  position: relative;
}
@media screen and (max-width: 768px) {
  .brand__story {
    margin: 40px auto auto;
    flex-direction: column;
    gap: 16px;
  }
}
.brand__story__header {
  color: #b09c5d;
  font-size: 1.8rem;
  font-weight: bold;
  left: 16px;
  padding: 3px 10px;
  position: absolute;
  top: -14px;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Inter", sans-serif;
}
.brand__story__image {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .brand__story__image {
    width: 100%;
  }
}
.brand__story__image img {
  width: 100%;
}
.brand__story__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.brand__story__title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .brand__story__title {
    font-size: 1.4rem;
  }
}
.brand__story__description {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .brand__story__description {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.brand__story a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border: solid 1px #dadada;
  padding: 16px 20px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 8px 0 auto;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .brand__story a {
    width: 100%;
    font-size: 1.2rem;
    padding: 20px;
    justify-content: center;
  }
}

.mypage {
  width: 100%;
}
.mypage__nav {
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin: 60px auto auto;
}
@media screen and (max-width: 768px) {
  .mypage__nav {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 40px auto auto;
  }
}
.mypage__nav li a {
  font-size: 1.6rem;
  color: #303030;
  transition: all 0.3s;
  display: block;
  padding: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: solid 1px #dadada;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mypage__nav li a {
    padding: 16px;
  }
}
.mypage__nav li a:hover {
  background-color: #fafaf8;
}
.mypage__nav li a::before {
  content: "";
  position: absolute;
  right: 16px;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .mypage__nav li a::before {
    top: 42%;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.mypage__nav + .mypage__nav {
  margin: 20px auto auto;
  padding: 20px 0 0 0;
}
.mypage__account {
  margin: auto;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .mypage__account {
    flex-direction: column;
    gap: 0px;
  }
}
.mypage__account__name {
  font-size: 2rem;
  margin: auto auto 16px;
}
@media screen and (max-width: 768px) {
  .mypage__account__name {
    margin: auto auto 8px;
  }
}
.mypage__account__name::after {
  content: "さん";
  font-weight: normal;
  font-size: 1.2rem;
  margin: auto auto auto 4px;
}
.mypage__account__head {
  display: flex;
  align-items: flex-start;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .mypage__account__head {
    width: 100%;
  }
}
.mypage__account__inner {
  margin: 0 0 auto;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .mypage__account__inner {
    margin: 32px 0 auto;
    width: 100%;
  }
}
.mypage__account dl {
  font-size: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mypage__account dl dt {
  padding: 4px 0;
  font-weight: normal;
  width: 50%;
}
.mypage__account dl dd {
  padding: 4px 0;
  text-align: left;
  width: 50%;
}
.mypage__account dl dd span.mypage__account__rank {
  color: #EF6074;
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
}
.mypage__account dl dd span.mypage__account__point {
  color: #EF6074;
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
}
.mypage__account dl dd span.mypage__account__point::after {
  content: "pt";
  font-weight: normal;
  font-size: 1.2rem;
  color: #303030;
  margin: auto auto auto 4px;
}
.mypage__account__pointLimit {
  font-size: 1.4rem;
  color: #7c7c7c;
  margin: 8px auto auto;
}
.mypage__account__pointLimit span {
  font-family: "Inter", sans-serif;
}
.mypage__account__price {
  margin: auto auto 8px;
  display: flex;
  justify-content: space-between;
  font-family: "Inter", sans-serif;
}
.mypage__account__price span {
  color: #A8A8A8;
  font-size: 1.4rem;
}
.mypage__account__lank {
  width: 100%;
  background-color: #F4F6FA;
  border-radius: 9999px;
}
.mypage__account__lank--current {
  height: 8px;
  background-color: #EF6074;
  border-radius: 9999px;
}
.mypage__account__text {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 16px auto auto;
  font-family: "Inter", sans-serif;
}
.mypage__account__text span {
  color: #EF6074;
  margin: auto 4px;
}
.mypage__account__link {
  text-align: right;
  margin: 20px auto auto;
}
.mypage__account__link a {
  color: #3269B1;
  font-size: 1.4rem;
}
.mypage__account__link a:hover {
  text-decoration: underline;
}
.mypage__navSide {
  text-align: left;
}
.mypage__navSide li {
  position: relative;
}
.mypage__navSide li a {
  font-size: 1.6rem;
  color: #303030;
  display: block;
  padding: 12px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.mypage__navSide li a:hover {
  text-decoration: underline;
}
.mypage__delete {
  display: flex;
  justify-content: flex-end;
}
.mypage__delete a {
  text-align: center;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}
.mypage__delete a:hover {
  opacity: 0.8;
}
.mypage__delete a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-image: url("../img/mypage/delete.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .mypage__delete a::before {
    width: 20px;
    height: 20px;
  }
}
.mypage__pay__item {
  border: solid 1px #ECECEC;
}
.mypage__pay__item + .mypage__pay__item {
  margin: 32px auto auto;
}
.mypage__pay__head {
  border-bottom: solid 1px #ECECEC;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fafaf8;
}
@media screen and (max-width: 768px) {
  .mypage__pay__head {
    padding: 12px;
  }
}
.mypage__pay__head dl {
  display: flex;
  align-items: center;
}
.mypage__pay__head dl dt {
  font-size: 1.4rem;
  color: #A8A8A8;
  font-weight: normal;
  margin: auto 20px auto auto;
}
.mypage__pay__head dl dd {
  font-size: 1.4rem;
}
.mypage__pay__body {
  display: flex;
  align-items: flex-start;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .mypage__pay__body {
    flex-direction: column;
    padding: 12px;
  }
}
.mypage__pay__body dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .mypage__pay__body dl {
    width: 100%;
  }
}
.mypage__pay__body dl dt {
  font-size: 1.4rem;
  color: #A8A8A8;
  font-weight: normal;
  width: 50%;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  .mypage__pay__body dl dt {
    width: 30%;
    font-size: 1.2rem;
  }
}
.mypage__pay__body dl dd {
  font-size: 1.4rem;
  width: 50%;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  .mypage__pay__body dl dd {
    width: 70%;
    font-size: 1.2rem;
  }
}
.mypage__pay a {
  font-size: 1.4rem;
  color: #3269B1;
}
@media screen and (max-width: 768px) {
  .mypage__pay a {
    font-size: 1.2rem;
  }
}
.mypage__pay a:hover {
  text-decoration: underline;
}
.mypage__order__inner + .mypage__order__inner {
  margin: 32px auto;
}
.mypage__order__title {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  padding: 16px;
  font-size: 1.6rem;
  margin: auto auto 16px;
}
.mypage__order__item li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.mypage__order__item li + li {
  margin: 16px auto auto;
  border-top: solid 1px #ECECEC;
  padding: 20px 0 0;
}
.mypage__order__item__thumb {
  width: 15%;
}
.mypage__order__item__thumb img {
  width: 100%;
  mix-blend-mode: multiply;
  transition: all 0.3s;
}
.mypage__order__item__thumb img:hover {
  opacity: 0.8;
}
.mypage__order__item__inner {
  width: calc(85% - 20px);
}
.mypage__order__item__title {
  font-size: 1.4rem;
}
.mypage__order__item__title a {
  color: #3269B1;
}
.mypage__order__item__title a:hover {
  text-decoration: underline;
}
.mypage__order__item dl {
  display: flex;
  flex-wrap: wrap;
  margin: 8px auto auto;
  font-size: 1.4rem;
  line-height: 1.4;
}
.mypage__order__item dl dt {
  width: 20%;
  font-weight: normal;
  color: #A8A8A8;
  padding: 2px 0;
}
.mypage__order__item dl dd {
  width: 80%;
  padding: 2px 0;
}
.mypage__order__item__subtotal {
  margin: 16px auto auto;
  font-size: 1.4rem;
  text-align: right;
  color: #A8A8A8;
}
.mypage__order__item__subtotal span {
  color: #303030;
  font-weight: bold;
}
.mypage__order__item__review {
  margin: 12px auto auto;
  text-align: right;
}
.mypage__order__item__review a {
  font-size: 1.4rem;
  color: #3269B1;
}
.mypage__order__item__review a:hover {
  text-decoration: underline;
}
.mypage__order__total {
  border-top: solid 1px #ECECEC;
  margin: 20px auto auto;
  padding: 20px 0 0;
}
.mypage__order__total dl {
  display: flex;
  flex-wrap: wrap;
  margin: 8px auto auto;
  font-size: 1.4rem;
  line-height: 1.4;
}
.mypage__order__total dl dt {
  width: 80%;
  font-weight: normal;
  color: #A8A8A8;
  padding: 2px 0;
  text-align: right;
}
.mypage__order__total dl dd {
  width: 20%;
  padding: 2px 0;
  text-align: right;
}
.mypage__order__total dl dd span {
  font-weight: bold;
  color: #303030;
}
.mypage__order__note {
  margin: 12px auto auto;
  font-size: 1.2rem;
}
.mypage__order__note span {
  color: #3269B1;
  cursor: pointer;
}
.mypage__order__note span:hover {
  text-decoration: underline;
}
.mypage__review__item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.mypage__review__item__image {
  width: 160px;
  margin: auto;
}
.mypage__review__item__image img {
  width: 100%;
}
.mypage__review__item a {
  line-height: 1.4;
}
.mypage__point__item {
  border: solid 1px #ECECEC;
  display: flex;
  align-items: flex-start;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .mypage__point__item {
    flex-direction: column;
    padding: 12px;
  }
}
.mypage__point__item + .mypage__point__item {
  margin: 24px auto auto;
}
@media screen and (max-width: 768px) {
  .mypage__point__item + .mypage__point__item {
    margin: 20px auto auto;
  }
}
.mypage__point dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 90%;
}
@media screen and (max-width: 768px) {
  .mypage__point dl {
    width: 100%;
  }
}
.mypage__point dl dt {
  font-size: 1.4rem;
  color: #A8A8A8;
  font-weight: normal;
  width: 20%;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  .mypage__point dl dt {
    width: 30%;
  }
}
.mypage__point dl dd {
  font-size: 1.4rem;
  width: 80%;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  .mypage__point dl dd {
    width: 70%;
  }
}
.mypage__address__item {
  border: solid 1px #ECECEC;
  display: flex;
  align-items: flex-start;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .mypage__address__item {
    flex-direction: column;
    padding: 12px;
  }
}
.mypage__address__item + .mypage__address__item {
  margin: 24px auto auto;
}
@media screen and (max-width: 768px) {
  .mypage__address__item + .mypage__address__item {
    margin: 20px auto auto;
  }
}
.mypage__address dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 90%;
}
@media screen and (max-width: 1200px) {
  .mypage__address dl {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .mypage__address dl {
    width: 100%;
  }
}
.mypage__address dl dt {
  font-size: 1.4rem;
  color: #A8A8A8;
  font-weight: normal;
  width: 20%;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  .mypage__address dl dt {
    width: 30%;
  }
}
.mypage__address dl dd {
  font-size: 1.4rem;
  width: 80%;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  .mypage__address dl dd {
    width: 70%;
  }
}
.mypage__address__btn {
  width: 10%;
  text-align: right;
  margin: 12px auto auto;
}
@media screen and (max-width: 1200px) {
  .mypage__address__btn {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .mypage__address__btn {
    width: 100%;
  }
}
.mypage__address__btn a {
  font-size: 1.4rem;
  color: #3269B1;
}
.mypage__address__btn a:hover {
  text-decoration: underline;
}
.mypage__address__btn a + a {
  margin: auto auto auto 8px;
}
.mypage__address__addBtn {
  margin: auto auto 20px;
  text-align: right;
}
.mypage__address__addBtn a {
  font-size: 1.4rem;
  color: #3269B1;
}
.mypage__address__addBtn a:hover {
  text-decoration: underline;
}
.mypage__message {
  font-size: 1.6rem;
  line-height: 1.4;
}

.button-radio {
  width: 100%;
}
.button-radio li {
  display: flex;
  align-items: center;
  margin: 12px auto;
}
.button-radio .stone_name {
  width: 100%;
  font-size: 1.4rem;
}
.button-radio input[type=radio] {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 2rem;
  height: 2rem;
  border: 1px solid #ECECEC;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.button-radio input[type=radio]:checked + label {
  background-color: #FF9933;
}
.button-radio label {
  width: auto;
  display: inline-block !important;
  color: #FFFFFF;
  background-color: #ECECEC;
  padding: 4px 4px;
  cursor: pointer;
  font-size: 1.4rem;
  border-radius: 2px;
}
.button-radio label.ston_select_none {
  background-color: #FFFFFF;
  pointer-events: none;
  opacity: 0;
}
.button-radio img {
  width: 20px;
  height: auto;
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}

#message_loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 42px;
}

.panel_message {
  color: #FFF;
}

.panel_message .symbol.type-loading {
  -webkit-animation-name: loading;
  animation-name: loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.panel_message .symbol.type-loading .inner_symbol > * {
  stroke-width: 2px;
}

.panel_message .symbol.type-loading .inner_symbol .symbol_track {
  color: rgba(27, 31, 39, 0.4);
}

.panel_message .symbol.type-loading .inner_symbol .symbol_runner {
  color: #FFF;
}

.panel_message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 26px 0;
  text-align: center;
  color: #B2B7C5;
}

.panel_message .container_image {
  padding-bottom: 12px;
}

.panel_message .txt_main {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(27, 31, 39, 0.7);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

/* loading
------------------------*/
@-webkit-keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
#design_dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 42px;
}

#design_dialog .panel_message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 26px 0;
  font-family: "BIZ UDPGothic", "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.15em;
  line-height: 1.6;
  text-align: center;
  color: #FFF;
}

#design_dialog .panel_message .container_image {
  padding-bottom: 12px;
}

#design_dialog .panel_message .txt_main {
  font-weight: 700;
}

#design_dialog .symbol {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 23px;
  aspect-ratio: 1/1;
  overflow: visible;
  font-family: "symbols";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  letter-spacing: 0;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #404553;
}

#design_dialog .symbol .inner_symbol {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 15px;
  height: 15px;
  overflow: visible;
  letter-spacing: 0;
  line-height: 1;
  transform-origin: 50% 50% 0;
  transform: translate3d(-50%, -50%, 0);
  transition: transform 0.8s ease 0s;
}

#design_dialog .symbol .inner_symbol > * {
  fill: none;
  stroke-width: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 50% 0;
  transition: transform 0.8s ease 0s;
}

#design_dialog .symbol.size-badge {
  width: 84px;
}

#design_dialog .symbol.size-badge .inner_symbol {
  width: 56px;
  height: 56px;
}

#design_dialog .symbol.size-badge .inner_symbol > * {
  stroke-width: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#design_dialog .panel_message .symbol.type-loading {
  -webkit-animation-name: loading;
  animation-name: loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#design_dialog .panel_message .symbol.type-loading .inner_symbol > * {
  stroke-width: 2px;
}

#design_dialog .panel_message .symbol.type-loading .inner_symbol .symbol_track {
  color: rgba(27, 31, 39, 0.4);
}

#design_dialog .panel_message .symbol.type-loading .inner_symbol .symbol_runner {
  color: #FFF;
}

.sitemap {
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .sitemap {
    width: 100%;
    max-width: 100%;
  }
}
.sitemap__inner {
  padding: 0;
}
.sitemap__inner + .sitemap__inner {
  margin: 24px auto auto;
  padding: 24px 0 0;
}
.sitemap__heading {
  color: #b09c5d;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: solid 1px #f1ebd7;
  padding: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sitemap__heading a:hover {
  text-decoration: underline;
}
.sitemap__heading span {
  transform: rotate(-45deg);
}
.sitemap__subHeading {
  color: #b09c5d;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}
.sitemap__brand {
  margin: 20px auto auto;
}
.sitemap ul {
  width: 100%;
  margin: 16px auto !important;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .sitemap ul {
    margin: 16px auto !important;
  }
}
.sitemap ul li {
  font-size: 1.5rem;
  width: 25%;
  padding: 6px 0;
  list-style: disc;
  list-style-position: inside;
  color: #d1bf82;
}
@media screen and (max-width: 768px) {
  .sitemap ul li {
    font-size: 1.4rem;
    line-height: 1.9;
    width: 100%;
  }
}
.sitemap ul li a {
  color: #303030;
}
.sitemap ul li a:hover {
  text-decoration: underline;
}
.sitemap ul.brand {
  width: 100%;
  margin: 16px auto !important;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .sitemap ul.brand {
    margin: 16px auto !important;
  }
}
.sitemap ul.brand li {
  font-size: 1.5rem;
  width: 50%;
  padding: 6px 0;
  list-style: disc;
  list-style-position: inside;
  color: #d1bf82;
}
@media screen and (max-width: 768px) {
  .sitemap ul.brand li {
    font-size: 1.4rem;
    line-height: 1.9;
    width: 100%;
  }
}
.sitemap ul.brand li a {
  color: #303030;
}
.sitemap ul.brand li a:hover {
  text-decoration: underline;
}
.sitemap ul.brand li .sp_br {
  display: none;
}
@media screen and (max-width: 768px) {
  .sitemap ul.brand li .sp_br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .news {
    margin: 16px;
  }
}
.news__head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin: auto auto 16px;
}
@media screen and (max-width: 768px) {
  .news__head {
    margin: auto auto 8px;
  }
}
.news__date {
  font-size: 1.4rem;
  margin: auto 0 auto 0;
  color: #7c7c7c;
  font-family: "Inter", sans-serif;
}
.news__category li {
  font-size: 1.2rem;
  text-decoration: none;
  word-break: keep-all;
  border-radius: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 6px;
  color: #b09c5d;
  border: solid 1px #b09c5d;
  background-color: #FFFFFF;
}
.news__category li.special {
  color: #268A83;
  border: solid 1px #268A83;
}
.news__title {
  font-size: 2.2rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
  padding: 0 0 16px;
  margin: auto auto 24px;
  border-bottom: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .news__title {
    font-size: 1.6rem;
  }
}
.news__title a {
  color: #303030;
}
.news__title a:hover {
  text-decoration: underline;
}
.news__description {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .news__description {
    font-size: 1.4rem;
  }
}
.news__btn {
  margin: 24px auto auto;
}
.news__btn a {
  background-color: #b09c5d;
  font-size: 1.4rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  padding: 16px 20px;
}
@media screen and (max-width: 768px) {
  .news__btn a {
    width: 100%;
    text-align: center;
  }
}
.news__btn a:hover {
  background-color: #8b7b45;
}

.faq {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .faq {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .faq {
    width: 100%;
    max-width: 100%;
  }
}
.faq__title {
  font-size: 2.2rem;
  font-weight: bold;
  margin: auto auto 28px;
}
@media screen and (max-width: 768px) {
  .faq__title {
    font-size: 20px;
  }
}
.faq__index {
  padding: 20px 40px;
  border-radius: 2px;
  background-color: #f9fafc;
  margin: auto auto 60px;
}
@media screen and (max-width: 768px) {
  .faq__index {
    padding: 10px 20px;
  }
}
.faq__index:before {
  display: none !important;
}
.faq__index ol li {
  font-size: 1.6rem;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .faq__index ol li {
    font-size: 1.4rem;
    padding: 12px 0;
  }
}
.faq__index ol li a {
  color: #303030;
}
.faq__index ol li a:hover {
  text-decoration: underline;
}
.faq__index ol li + li {
  border-top: solid 1px #ECECEC;
}
.faq__navSide__title {
  font-size: 1.8rem;
  font-weight: bold;
  margin: auto auto 28px;
}
.faq__navSide {
  text-align: left;
  padding: 0 !important;
  margin: 0 !important;
}
.faq__navSide li {
  position: relative;
}
.faq__navSide li a {
  font-size: 1.6rem;
  color: #303030;
  transition: all 0.3s;
  display: block;
  padding: 12px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.faq__navSide li a:hover {
  text-decoration: underline;
}
.faq__subTitle {
  font-size: 2rem;
  background-color: #b09c5d;
  color: #FFFFFF;
  padding: 16px 20px;
  margin: 0px auto 28px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .faq__subTitle {
    font-size: 18px;
    font-weight: bold;
    padding: 12px 16px;
    margin: 0px auto 20px;
  }
}
.faq__item + .faq__item {
  margin: 0px auto auto;
}
@media screen and (max-width: 768px) {
  .faq__item + .faq__item {
    margin: 0px auto auto;
  }
}
.faq__item:last-child {
  border-bottom: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .faq__item:last-child {
    border-bottom: solid 1px #ECECEC;
  }
}
.faq__item__heading {
  font-size: 1.6rem;
  position: relative;
  border-top: solid 1px #ECECEC;
  padding: 24px 8px;
  margin: auto auto 0px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .faq__item__heading {
    font-size: 1.4rem;
    margin: auto auto 0px;
    padding: 16px 0;
    border-top: solid 1px #ECECEC;
    pointer-events: all;
  }
}
.faq__item__heading::after {
  content: "";
  display: block;
  position: absolute;
  right: 32px;
  top: 38%;
  border-right: solid 2px #303030;
  border-top: solid 2px #303030;
  height: 8px;
  transform: rotate(135deg);
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  width: 8px;
  display: block;
}
@media screen and (max-width: 768px) {
  .faq__item__heading::after {
    right: 24px;
    display: block;
  }
}
.faq__item__heading.open::after {
  top: 45%;
  transform: rotate(-45deg);
}
.faq__item__content {
  display: block;
  display: none;
  padding: 20px;
  border-radius: 2px;
  background-color: #f9fafc;
  margin: auto auto 20px;
}
@media screen and (max-width: 768px) {
  .faq__item__content {
    display: none;
    padding: 16px;
  }
}
.faq__item__inner + .faq__item__inner {
  margin: 16px auto auto;
}
.faq__item__btn a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 44px 20px 20px;
  font-size: 1.6rem;
  position: relative;
  border: solid 1px #f1ebd7;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .faq__item__btn a {
    padding: 20px 28px 20px 16px;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
  }
}
.faq__item__btn a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.faq__item__btn a::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .faq__item__btn a::before {
    right: 16px;
    top: 42%;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.faq__item__btn a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.faq__item__btn a span {
  display: none;
  color: #b09c5d;
  font-size: 1.2rem;
  margin: 4px auto auto 0;
}
.faq__item__btn a:hover span {
  color: #FFFFFF;
}
.faq__item__contact {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .faq__item__contact {
    flex-direction: column;
    gap: 16px;
  }
}
.faq__item__contact a {
  width: 50%;
  display: block;
  padding: 20px 44px 20px 20px;
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  border: solid 1px #f1ebd7;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .faq__item__contact a {
    padding: 20px 28px 20px 16px;
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
  }
}
.faq__item__contact a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.faq__item__contact a::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .faq__item__contact a::before {
    right: 16px;
    top: 42%;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.faq__item__contact a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.faq__item h4 {
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #ECECEC;
  padding: 8px;
  margin: auto auto 8px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .faq__item h4 {
    font-size: 1.5rem;
  }
}
.faq__item p {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .faq__item p {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
.faq__item p a {
  color: #3269B1;
}
.faq__item p a:hover {
  text-decoration: underline;
}
.faq__item p.right {
  text-align: right;
}
.faq__item p + p {
  margin: 16px auto auto !important;
}
.faq__item dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .faq__item dl {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.faq__item dl dt {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .faq__item dl dt {
    width: 100%;
    padding: 4px 0px;
  }
}
.faq__item dl dd {
  width: 75%;
  padding: 0 4px;
}
@media screen and (max-width: 768px) {
  .faq__item dl dd {
    width: 100%;
    padding: 0px 0 4px 0px;
  }
}
.faq__item ul {
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .faq__item ul {
    padding: 0 0 0 24px;
  }
}
.faq__item ul a {
  color: #3269B1;
}
.faq__item ul a:hover {
  text-decoration: underline;
}
.faq__item ul.disc {
  list-style: disc;
}
.faq__item ul.decimal {
  list-style: decimal;
}
.faq__item ul li {
  font-size: 16px;
  line-height: 1.6;
  padding: 2px 0;
}
@media screen and (max-width: 768px) {
  .faq__item ul li {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.faq__item ul.note {
  padding: 0;
  color: #7c7c7c;
  margin: auto;
}
.faq__item ul.note li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.4rem;
}
.faq__item ul.note li::before {
  content: "※";
}
.faq__item img {
  width: 100%;
}
.faq__item blockquote {
  padding: 4px 16px;
  border-left: 2px solid #ccc;
  font-style: italic;
  color: #555;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .faq__item blockquote {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.faq__item blockquote p {
  display: block;
  margin-top: 0.5em;
  text-align: right;
  font-size: 1.3rem !important;
  color: #A8A8A8;
}
.faq__credit {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
  margin: 16px auto;
}
.faq__credit__item {
  width: 60px;
  height: 60px;
  border: solid 1px #dadada;
  display: flex;
  align-items: center;
}
.faq__credit__item img {
  width: 74%;
  margin: auto auto auto;
  border-radius: 0px;
}
.faq__store {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin: 16px auto;
}
@media screen and (max-width: 768px) {
  .faq__store {
    flex-direction: column;
  }
}
.faq__store__inner {
  width: calc(50% - 10px);
  border: solid 1px #dadada;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .faq__store__inner {
    width: 100%;
  }
}
.faq__store__title {
  font-size: 1.4rem;
  background-color: #303030;
  color: #FFFFFF;
  text-align: center;
  padding: 12px;
}
.faq__store__text {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 12px;
}
.faq__store__logo {
  margin: 12px;
  display: flex;
  align-items: center;
}
.faq__store__logo img.seven {
  width: 50px;
  margin: auto;
}
.faq__store__logo img.lawson {
  width: 90px;
  margin: auto;
}
.faq__store__logo img.famima {
  width: 90px;
  margin: 0;
}
.faq__store__logo img.ministop {
  width: 60px;
  margin: auto;
}

.wrapping__main {
  margin: auto auto 40px;
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .wrapping__main {
    margin: auto auto 0px;
    flex-direction: column;
    gap: 20px;
  }
}
.wrapping__main__image {
  border: solid 1px #f1ebd7;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .wrapping__main__image {
    width: 100%;
  }
}
.wrapping__main__image img {
  width: 100%;
}
.wrapping__main__inner {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .wrapping__main__inner {
    width: 100%;
    padding: 24px;
  }
}
.wrapping__main__catch {
  font-size: 1.6rem;
  color: #EF6074;
  margin: auto 0 8px;
}
@media screen and (max-width: 768px) {
  .wrapping__main__catch {
    text-align: center;
  }
}
.wrapping__main__title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  margin: auto auto 12px;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 768px) {
  .wrapping__main__title {
    font-size: 2.4rem;
    justify-content: center;
  }
}
.wrapping__main__description {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .wrapping__main__description {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.wrapping__btn {
  display: flex;
  margin: 24px auto auto;
}
@media screen and (max-width: 768px) {
  .wrapping__btn {
    margin: 0px auto auto;
  }
}
.wrapping__btn a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 24px 44px 24px 20px;
  font-size: 1.6rem;
  position: relative;
  border: solid 1px #f1ebd7;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .wrapping__btn a {
    padding: 20px 28px 20px 16px;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
    margin: 20px auto auto;
  }
}
.wrapping__btn a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.wrapping__btn a::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .wrapping__btn a::before {
    right: 16px;
    top: 42%;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.wrapping__btn a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.wrapping__btn a span {
  display: none;
  color: #b09c5d;
  font-size: 1.2rem;
  margin: 4px auto auto 0;
}
.wrapping__btn a:hover span {
  color: #FFFFFF;
}
.wrapping__inner {
  margin: 80px auto auto;
}
@media screen and (max-width: 768px) {
  .wrapping__inner {
    margin: 40px auto auto;
  }
}
.wrapping__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  background-color: #b09c5d;
  color: #FFFFFF;
  padding: 16px 24px;
  margin: auto auto 28px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .wrapping__title {
    font-size: 1.6rem;
    padding: 12px 16px;
  }
}
.wrapping__text {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .wrapping__text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.wrapping__pattern {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 16px auto;
}
@media screen and (max-width: 768px) {
  .wrapping__pattern {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.wrapping__pattern li {
  width: 25%;
  border: solid 1px #f1ebd7;
  padding: 8px;
}
@media screen and (max-width: 768px) {
  .wrapping__pattern li {
    width: calc(50% - 6px);
  }
}
.wrapping__pattern img {
  width: 100%;
}
.wrapping__point {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.wrapping__point__inner {
  border: solid 1px #f1ebd7;
  padding: 20px;
  width: calc(50% - 12px);
}
@media screen and (max-width: 768px) {
  .wrapping__point__inner {
    width: 100%;
    padding: 16px;
  }
}
.wrapping__point__header {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin: auto auto 20px;
}
@media screen and (max-width: 768px) {
  .wrapping__point__header {
    flex-direction: column;
    gap: 12px;
    margin: auto auto 12px;
  }
}
.wrapping__point__label {
  font-size: 1.4rem;
  background-color: #EF6074;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 12px 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .wrapping__point__label {
    font-size: 1.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 8px;
    margin: -28px 0 auto;
  }
}
.wrapping__point__label span {
  font-family: "Inter", sans-serif;
}
.wrapping__point__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .wrapping__point__title {
    font-size: 1.6rem;
  }
}
.wrapping__point__body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .wrapping__point__body {
    gap: 16px;
  }
}
.wrapping__point__body + .wrapping__point__body {
  margin: 20px auto auto;
}
.wrapping__point__image {
  width: 100%;
}
.wrapping__point__image img {
  border: solid 1px #f1ebd7;
  width: 100%;
}
.wrapping__point__text {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .wrapping__point__text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.wrapping__comment {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .wrapping__comment {
    flex-direction: column;
    gap: 16px;
  }
}
.wrapping__comment__inner {
  border: solid 1px #f1ebd7;
  padding: 20px;
  width: calc(50% - 12px);
}
@media screen and (max-width: 768px) {
  .wrapping__comment__inner {
    width: 100%;
  }
}
.wrapping__comment__inner img {
  width: 100%;
}
.wrapping__faq__inner + .wrapping__faq__inner {
  margin: 28px auto auto;
  padding: 28px 0 0;
  border-top: solid 1px #f1ebd7;
}
.wrapping__faq__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  color: #EF6074;
  margin: auto auto 12px;
}
@media screen and (max-width: 768px) {
  .wrapping__faq__title {
    font-size: 1.6rem;
  }
}
.wrapping__faq__text {
  font-size: 1.6rem;
  line-height: 1.8;
  padding: 20px 24px;
  background-color: #f9fafc;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .wrapping__faq__text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

.kokuin__main {
  width: 100%;
}
.kokuin__main img {
  width: 100%;
}
.kokuin__title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  margin: auto auto 40px;
  color: #b09c5d;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 768px) {
  .kokuin__title {
    justify-content: center;
    font-size: 2rem;
    margin: auto auto 24px;
  }
}
.kokuin__inner {
  margin: 80px auto auto;
}
@media screen and (max-width: 768px) {
  .kokuin__inner {
    margin: 40px auto auto;
  }
}
.kokuin__point {
  background-color: #f6f3eb;
  padding: 48px;
}
@media screen and (max-width: 768px) {
  .kokuin__point {
    margin: auto auto 0px;
    padding: 24px;
  }
}
.kokuin__point__header {
  margin: auto auto 40px;
}
@media screen and (max-width: 768px) {
  .kokuin__point__header {
    margin: auto auto 16px;
  }
}
.kokuin__point__title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  margin: auto auto 20px;
  color: #b09c5d;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 768px) {
  .kokuin__point__title {
    font-size: 2rem;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .kokuin__point__title br.sp {
    display: none;
  }
}
.kokuin__point__description {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .kokuin__point__description {
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
  }
}
.kokuin__point__list {
  display: flex;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  .kokuin__point__list {
    flex-direction: column;
    gap: 8px;
  }
}
.kokuin__point__item {
  width: 33.3333333333%;
  margin: 20px auto auto;
}
@media screen and (max-width: 768px) {
  .kokuin__point__item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
}
.kokuin__point__item__image img {
  width: 100%;
}
.kokuin__point__item__block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 20px auto auto;
}
@media screen and (max-width: 768px) {
  .kokuin__point__item__block {
    margin: 0 auto auto;
  }
}
.kokuin__point__item__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  color: #b09c5d;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 768px) {
  .kokuin__point__item__title {
    justify-content: center;
    font-size: 1.6rem;
  }
}
.kokuin__point__item__text {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .kokuin__point__item__text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.kokuin__gallery {
  display: flex;
}
@media screen and (max-width: 768px) {
  .kokuin__gallery {
    flex-direction: column;
  }
}
.kokuin__gallery img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .kokuin__gallery img {
    width: 100%;
  }
}
.kokuin__example {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .kokuin__example {
    flex-direction: column;
    gap: 8px;
  }
}
.kokuin__example__title {
  font-size: 1.6rem;
  line-height: 1.4;
  margin: auto auto 20px;
  padding: 12px;
  color: #FFFFFF;
  text-align: center;
  background-color: #b09c5d;
}
@media screen and (max-width: 768px) {
  .kokuin__example__title {
    justify-content: center;
  }
}
.kokuin__example__inner {
  width: calc(50% - 10px);
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .kokuin__example__inner {
    width: 100%;
    padding: 16px;
  }
}
.kokuin__example ul li {
  padding: 12px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.kokuin__example ul li + li {
  border-top: solid 1px #f1ebd7;
}
.kokuin__note ul {
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .kokuin__note ul {
    padding: 0 0 0 24px;
  }
}
.kokuin__note ul a {
  color: #3269B1;
}
.kokuin__note ul a:hover {
  text-decoration: underline;
}
.kokuin__note ul.disc {
  list-style: disc;
  background-color: #f9fafc;
  border: solid 1px #dadada;
  padding: 24px 48px;
}
@media screen and (max-width: 768px) {
  .kokuin__note ul.disc {
    padding: 24px 24px 24px 48px;
  }
}
.kokuin__note ul li {
  font-size: 16px;
  line-height: 1.6;
  padding: 2px 0;
}
@media screen and (max-width: 768px) {
  .kokuin__note ul li {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.kokuin__note ul.note {
  padding: 0;
  color: #7c7c7c;
  margin: 16px auto;
}
.kokuin__note ul.note li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.4rem;
}
.kokuin__note ul.note li::before {
  content: "※";
}
.kokuin__btn {
  display: flex;
  justify-content: center;
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .kokuin__btn {
    margin: 0px auto auto;
  }
}
.kokuin__btn a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 24px 48px 24px 40px;
  font-size: 1.6rem;
  position: relative;
  border: solid 1px #f1ebd7;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .kokuin__btn a {
    padding: 20px 28px 20px 16px;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
    margin: 20px auto auto;
  }
}
.kokuin__btn a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.kokuin__btn a::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .kokuin__btn a::before {
    right: 16px;
    top: 42%;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.kokuin__btn a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.kokuin__btn a span {
  display: none;
  color: #b09c5d;
  font-size: 1.2rem;
  margin: 4px auto auto 0;
}
.kokuin__btn a:hover span {
  color: #FFFFFF;
}

.member__nav {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .member__nav {
    flex-direction: column;
  }
}
.member__nav li {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .member__nav li {
    width: 100%;
  }
}
.member__nav li a {
  border: solid 1px #f1ebd7;
  padding: 20px;
  display: flex;
  gap: 16px;
}
.member__nav li a:hover {
  border: solid 1px #b09c5d;
}
.member__nav__icon {
  text-align: center;
  margin: 0 auto auto;
  width: 40px;
}
.member__nav__icon span {
  font-size: 4rem;
  color: #b09c5d;
  width: 100%;
}
.member__nav__inner {
  width: calc(100% - 40px - 10px);
}
.member__nav__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin: auto auto 8px;
}
@media screen and (max-width: 768px) {
  .member__nav__title {
    font-size: 1.6rem;
  }
}
.member__nav__description {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .member__nav__description {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.member__title {
  font-size: 2rem;
  background-color: #b09c5d;
  color: #FFFFFF;
  padding: 16px 20px;
  margin: 0px auto 28px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .member__title {
    font-size: 18px;
    font-weight: bold;
    padding: 12px 16px;
    margin: 0px auto 20px;
  }
}
.member__inner + .member__inner {
  margin: 20px auto auto;
}
.member__inner p {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .member__inner p {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
.member__inner p a {
  color: #3269B1;
}
.member__inner p a:hover {
  text-decoration: underline;
}
.member__inner p + p {
  margin: 16px auto auto !important;
}
.member__inner h3 {
  background-color: #fafaf8;
  border: solid 1px #f1ebd7;
  font-size: 1.6rem;
  padding: 16px 20px;
  margin: 0px auto 24px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .member__inner h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 12px 16px;
    margin: 0px auto 20px;
  }
}
.member__inner p + h3 {
  margin: 16px auto auto !important;
}
.member__inner ul {
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .member__inner ul {
    padding: 0 0 0 24px;
  }
}
.member__inner ul.disc {
  list-style: disc;
}
.member__inner ul li {
  font-size: 16px;
  line-height: 1.6;
  padding: 2px 0;
}
@media screen and (max-width: 768px) {
  .member__inner ul li {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.member__inner ul.note {
  padding: 0;
  color: #7c7c7c;
  margin: 16px auto;
}
.member__inner ul.note li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.4rem;
}
.member__inner ul.note li::before {
  content: "※";
}
.member__review {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  .member__review {
    flex-direction: column;
  }
}
.member__review li {
  width: calc(33.3333333333% - 16px);
  border: solid 1px #f1ebd7;
  padding: 20px !important;
  background-color: #fafaf8;
}
@media screen and (max-width: 768px) {
  .member__review li {
    width: 100%;
  }
}
.member__review__image {
  border: solid 1px #f1ebd7;
}
.member__review__image img {
  width: 100%;
}
.member__review__text {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 12px auto auto;
}
@media screen and (max-width: 768px) {
  .member__review__text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

.feature {
  margin: 0 auto;
  width: 70% !important;
}
@media screen and (max-width: 768px) {
  .feature {
    width: 100% !important;
  }
}
.featureMain img {
  width: 100%;
}
.featureInfo {
  background-color: #f9fafc;
  padding: 24px;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .featureInfo {
    padding: 20px;
  }
}
.featureInfo__deliver {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
}
.featureInfo__deliver a {
  color: #598DD1;
  cursor: pointer;
}
.featureInfo__deliver a:hover {
  text-decoration: underline;
}
.featureInfo__deliver span {
  color: #598DD1;
}
.featureInfo ul {
  padding: 0 0 0 20px;
  list-style: disc;
}
.featureInfo ul a {
  color: #3269B1;
}
.featureInfo ul a:hover {
  text-decoration: underline;
}
.featureInfo ul li {
  font-size: 16px;
  line-height: 1.6;
  padding: 2px 0;
}
@media screen and (max-width: 768px) {
  .featureInfo ul li {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.featureNav__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 0 12px;
  margin: auto auto 20px;
  border-bottom: solid 1px #b09c5d;
  display: flex;
  gap: 12px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .featureNav__title {
    font-size: 1.6rem;
    padding: 0 0 8px;
  }
}
.featureNav__title span {
  font-size: 32px;
  color: #b09c5d;
}
.featureNav--text {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.featureNav--text li {
  width: calc(33.3333333333% - 11px);
}
@media screen and (max-width: 768px) {
  .featureNav--text li {
    width: calc(50% - 8px);
  }
}
.featureNav--text li a {
  width: 100%;
  position: relative;
  display: block;
  padding: 20px;
  font-size: 1.6rem;
  border: solid 1px #f1ebd7;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .featureNav--text li a {
    padding: 12px;
    font-size: 1.4rem;
  }
}
.featureNav--text li a::after {
  content: "";
  display: block;
  margin: 8px auto auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.featureNav--text li a:hover {
  color: #b09c5d;
  background: #fafaf8;
  border: solid 1px #b09c5d;
}
.featureNav--image {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.featureNav--image li {
  width: calc(25% - 12px);
}
@media screen and (max-width: 768px) {
  .featureNav--image li {
    width: calc(50% - 8px);
  }
}
.featureNav--image li a {
  width: 100%;
  position: relative;
  display: block;
  border: solid 1px #f1ebd7;
  text-align: center;
  border-radius: 4px;
}
.featureNav--image li a:hover {
  opacity: 0.7;
}
.featureNav--image li img {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.featureNav--image__text {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 8px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .featureNav--image__text {
    font-size: 1.2rem;
  }
}
.featureItem {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .featureItem {
    width: 100%;
  }
}
.featureItem__photo {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .featureItem__photo {
    border-radius: 2px;
  }
}
.featureItem__photo img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
  border: solid 1px #ECECEC;
}
@media screen and (max-width: 768px) {
  .featureItem__photo img {
    border-radius: 2px;
  }
}
.featureItem__photo img:hover {
  opacity: 0.8;
}
.featureItemBlock {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .featureItemBlock {
    width: 100%;
  }
}
.featureItemBlock__inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__inner {
    gap: 16px;
  }
}
.featureItemBlock__photo {
  width: 35%;
  aspect-ratio: 1/1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__photo {
    width: 40%;
  }
}
.featureItemBlock__photo img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
  border: solid 1px #ECECEC;
}
.featureItemBlock__photo img:hover {
  opacity: 0.8;
}
.featureItemBlock__block {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__block {
    width: 60%;
  }
}
.featureItemBlock__brand {
  font-size: 1.2rem;
  margin: auto auto 3px;
}
.featureItemBlock__brand a:hover {
  text-decoration: underline;
}
.featureItemBlock__name {
  font-size: 1.4rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__name {
    -webkit-line-clamp: 1;
  }
}
.featureItemBlock__name:hover {
  text-decoration: underline;
}
.featureItemBlock__price {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 6px auto auto;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__price {
    margin: 4px auto auto;
  }
}
.featureItemBlock__price::before {
  content: "￥";
}
.featureItemBlock__price::after {
  content: "税込";
  font-weight: normal;
  font-size: 1rem;
  margin: auto auto auto 5px;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__price::after {
    font-size: 1rem;
  }
}
.featureItemBlock__btn {
  display: flex;
  margin: 16px auto auto;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__btn {
    margin: 0px auto auto;
  }
}
.featureItemBlock__btn a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 40px 12px 20px;
  font-size: 1.4rem;
  position: relative;
  border: solid 1px #f1ebd7;
  background-color: #FFFFFF;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__btn a {
    padding: 8px 28px 8px 10px;
    text-align: center;
    margin: 20px 0 auto;
    font-size: 1.2rem;
  }
}
.featureItemBlock__btn a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.featureItemBlock__btn a::before {
  content: "";
  position: absolute;
  right: 16px;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__btn a::before {
    right: 12px;
    top: 35%;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.featureItemBlock__btn a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.featureItemBlock__btn a span {
  display: none;
  color: #b09c5d;
  font-size: 1.2rem;
  margin: 4px auto auto 0;
}
.featureItemBlock__btn a:hover span {
  color: #FFFFFF;
}
.featureItemBlock__text {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: auto auto 24px;
}
@media screen and (max-width: 768px) {
  .featureItemBlock__text {
    font-size: 1.4rem;
  }
}
.featureItemList, .featureItemList--4, .featureItemList--3 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .featureItemList, .featureItemList--4, .featureItemList--3 {
    gap: 12px;
  }
}
.featureItemList--3 li {
  width: calc(33.3333333333% - 16px);
}
@media screen and (max-width: 768px) {
  .featureItemList--3 li {
    width: calc(33.3333333333% - 8px);
  }
}
.featureItemList--4 li {
  width: calc(25% - 18px);
}
@media screen and (max-width: 768px) {
  .featureItemList--4 li {
    width: calc(50% - 6px);
  }
}
.featureBtn {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .featureBtn {
    margin: 0px auto auto;
  }
}
.featureBtn a {
  display: block;
  width: 100%;
  padding: 24px 48px 24px 40px;
  font-size: 1.6rem;
  position: relative;
  border: solid 1px #f1ebd7;
  background-color: #FFFFFF;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .featureBtn a {
    padding: 20px 28px 20px 16px;
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
    margin: 20px auto auto;
  }
}
.featureBtn a:hover {
  background-color: #b09c5d;
  color: #FFFFFF;
}
.featureBtn a::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid #b09c5d;
  border-bottom: 2px solid #b09c5d;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .featureBtn a::before {
    right: 16px;
    top: 42%;
    border-right: 1.5px solid #b09c5d;
    border-bottom: 1.5px solid #b09c5d;
  }
}
.featureBtn a:hover::before {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.featureBtn a span {
  display: none;
  color: #b09c5d;
  font-size: 1.2rem;
  margin: 4px auto auto 0;
}
.featureBtn a:hover span {
  color: #FFFFFF;
}
.featureContentsList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .featureContentsList {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 12px;
  }
}
.featureContentsList li {
  position: relative;
}
.featureContentsList__img {
  width: 100%;
}
.featureContentsList__img img {
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px #f1ebd7;
}
@media screen and (max-width: 768px) {
  .featureContentsList__img img {
    height: 80px;
  }
}
.featureContentsList__inner {
  margin: 16px auto auto;
}
@media screen and (max-width: 768px) {
  .featureContentsList__inner {
    margin: 8px auto auto;
  }
}
.featureContentsList__title {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .featureContentsList__title {
    font-size: 1.2rem;
  }
}
.featureContentsList__description {
  font-size: 1.4rem;
  margin: 8px auto auto;
  line-height: 1.4;
  color: #7c7c7c;
}
@media screen and (max-width: 768px) {
  .featureContentsList__description {
    font-size: 1rem;
    margin: 6px auto auto;
  }
}
.featureContents {
  display: flex;
  justify-content: space-between;
  gap: 48px;
}
@media screen and (max-width: 768px) {
  .featureContents {
    flex-direction: column;
    gap: 16px;
  }
}
.featureContents__image {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .featureContents__image {
    width: 100%;
  }
}
.featureContents__image img {
  width: 100%;
}
.featureContents__inner {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .featureContents__inner {
    width: 100%;
  }
}
.featureContents__title {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .featureContents__title {
    font-size: 1.6rem;
  }
}
.featureContents__description {
  font-size: 1.6rem;
  margin: 16px auto auto;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .featureContents__description {
    font-size: 1.4rem;
    margin: 6px auto auto;
  }
}
.featureImage img {
  width: 100%;
}
.featureHeader--1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.featureHeader--1__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 0 16px;
  border-bottom: solid 1px #b09c5d;
}
.featureHeader--1__text {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .featureHeader--1__text {
    font-size: 1.4rem;
  }
}
.featureHeader--2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.featureHeader--2__title {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.4rem;
  font-weight: bold;
  background-color: #b09c5d;
  line-height: 1.4;
  color: #FFFFFF;
  padding: 16px;
  text-align: center;
  margin: auto auto 24px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .featureHeader--2__title {
    font-size: 1.8rem;
    padding: 12px;
  }
}
.featureHeader--3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.featureHeader--3__title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  margin: auto auto 40px;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .featureHeader--3__title {
    font-size: 1.6rem;
    margin: auto auto 24px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .featureHeader--3__title span {
    width: 75%;
  }
}
.featureHeader--3__title:before, .featureHeader--3__title:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #d1bf82;
}
.featureHeader--3__title:before {
  margin-right: 2rem;
}
.featureHeader--3__title:after {
  margin-left: 2rem;
}
.featureHeader--4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.featureHeader--4__title {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: bold;
  padding: 20px 0;
  border-top: solid 2px #b09c5d;
  border-bottom: solid 2px #b09c5d;
  text-align: center;
  margin: auto auto 24px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .featureHeader--4__title {
    font-size: 1.8rem;
  }
}
.featureHeader--5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.featureHeader--5__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 0 0 44px;
  margin: auto auto auto 0;
}
@media screen and (max-width: 768px) {
  .featureHeader--5__title {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.featureHeader--6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.featureHeader--6__icon {
  text-align: center;
}
.featureHeader--6__icon span {
  color: #b09c5d;
  font-size: 36px;
}
.featureHeader--6__serif {
  font-size: 3rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  text-align: center;
  color: #b09c5d;
}
.featureHeader--6__title {
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
}
.featureHeader--7 {
  font-size: 3rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  text-align: center;
  color: #b09c5d;
}
@media screen and (max-width: 768px) {
  .featureHeader--7 {
    font-size: 2rem;
  }
}
.featureText--1 {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .featureText--1 {
    font-size: 1.4rem;
  }
}
.featureText--2 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .featureText--2 {
    font-size: 1.4rem;
  }
}

.feature__pickup {
  border: solid 1px #f1ebd7;
  background-color: #fafaf8;
  padding: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .feature__pickup {
    padding: 24px;
  }
}
.feature__pickup__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  color: #FFFFFF;
  text-align: center;
  line-height: 60px;
  z-index: 1;
  font-size: 2rem;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 768px) {
  .feature__pickup__label {
    width: 70px;
    height: 70px;
    line-height: 50px;
  }
}
.feature__pickup__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 90px solid #b09c5d;
  border-right: 90px solid transparent;
  width: 0;
  height: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .feature__pickup__label::before {
    border-top: 70px solid #b09c5d;
    border-right: 70px solid transparent;
  }
}
.feature__pickup__label span {
  margin: -10px auto auto -40px;
}
@media screen and (max-width: 768px) {
  .feature__pickup__label span {
    margin: -10px auto auto -30px;
  }
}
.feature__pickup__inner + .feature__pickup__inner {
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .feature__pickup__inner + .feature__pickup__inner {
    margin: 24px auto auto;
  }
}
.feature__pickup__flex {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .feature__pickup__flex {
    flex-direction: column;
    gap: 20px;
  }
}

.feature__item {
  border: solid 1px #f1ebd7;
  background-color: #fafaf8;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .feature__item {
    padding: 24px;
  }
}
.feature__item__inner + .feature__item__inner {
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .feature__item__inner + .feature__item__inner {
    margin: 24px auto auto;
  }
}

.feature__contentsList__inner + .feature__contentsList__inner {
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .feature__contentsList__inner + .feature__contentsList__inner {
    margin: 24px auto auto;
  }
}

.feature__pickup-2 {
  border: solid 1px #f1ebd7;
  background-color: #fafaf8;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .feature__pickup-2 {
    padding: 24px;
  }
}
.feature__pickup-2__inner + .feature__pickup-2__inner {
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .feature__pickup-2__inner + .feature__pickup-2__inner {
    margin: 24px auto auto;
  }
}
/*# sourceMappingURL=style.css.map */