/** Shopify CDN: Minification failed

Line 148:11 Expected ":"

**/
@charset "UTF-8";
#page-page * {
  font-family: "Noto Sans JP","游ゴシック","游ゴシック体","Yu Gothic","Yu Gothic Medium","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"sans-serif";
  line-height: 160%;
}

#page-page .page-title {
  font-weight: 700;
  margin: 0 0 1em;
}

@media screen and (max-width: 46.875em) {
  #page-page {
    padding: 150px 0 30px;
  }
  #page-page .page-title {
    font-size: clamp(22px, 5.2vw, 26px);
  }
}

@media screen and (min-width: 46.9em) {
  #page-page {
    padding: 200px 0 60px;
  }
  #page-page .page-title {
    font-size: clamp(2.4rem, 3.2vw, 3.2rem);
  }
}

rte-formatter {
  width: 100% !important;
}

.legal-page p {
  margin: 0;
}

.legal-page a {
  text-decoration: underline;
}

.legal-page a:hover {
  text-decoration: none;
}

.legal-page ul, .legal-page ol, .legal-page li {
  list-style: none;
  padding: 0;
}

.legal-page .section:not(:last-child) {
  margin: 0 0 5em;
}

.legal-page .section h2 {
  font-weight: 700;
  margin: 0 0 1em;
}

.legal-page .section div:not(:last-child) {
  margin: 0 0 2.8vw;
}

.legal-page .section div h3 {
  font-weight: 700;
}

.legal-page .section div ul {
  margin: 0.8em 0 0 0;
}

.legal-page .section div ul li {
  text-indent: -0.6em;
  padding-left: 0.6em;
}

.legal-page .section div ul li:not(last-child) {
  margin: 0 0 0.2em;
}

.legal-page .section div ul li * {
  text-indent: 0em;
}

.legal-page .section div ul li::before {
  content: "・";
}

.legal-page .rank_table {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-collapse: collapse;
  border-spacing: 0;
}

.legal-page .rank_table th, .legal-page .rank_table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-size: clamp(12px, 1.6vw, 18px) !important;
  padding: 0.8em 0.5em;
}

.legal-page .rank_table th {
  background: #333;
  color: #FFF;
}

.legal-page .rank_table th:nth-of-type(1) {
  width: 20%;
}

.legal-page .rank_table th:nth-of-type(2) {
  width: 50%;
}

.legal-page .rank_table th:nth-of-type(3) {
  width: 30%;
}

.legal-page .com_info,
.legal-page .legal_info {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-collapse: collapse;
  border-spacing: 0;
}

.legal-page .com_info tr th, .legal-page .com_info tr td,
.legal-page .legal_info tr th, .legal-page .legal_info tr td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 0.8em 1.2em;
}

.legal-page .com_info tr th,
.legal-page .legal_info tr th {
  background: #333;
  color: #FFF;
  text-align: left;
}
.legal-page .com_info tr th *,.regal-page .com_info tr td *,
.legal-page .legal_info tr th *,.regal-page .legal_info tr td *{
  font-size 100%;
}
@media screen and (max-width: 46.875em) {
  .legal-page .section:not(:last-child) {
    margin: 0 0 5em;
  }
  .legal-page .section h2 {
    font-size: clamp(16px, 4.9vw, 22px) !important;
  }
  .legal-page .section div h3 {
    font-size: clamp(14px, 4.4vw, 20px) !important;
  }
  .legal-page .section div p, .legal-page .section div address, .legal-page .section div li, .legal-page .section div span, .legal-page .section div strong, .legal-page .section div a {
    font-size: clamp(12px, 3.6vw, 17px) !important;
  }
  .legal-page .section div figure {
    width: 72%;
  }
  .legal-page .com_info,
  .legal-page .legal-page {
    display: block;
  }
  .legal-page .com_info tr,
  .legal-page .legal_info tr {
    display: block;
  }
  .legal-page .com_info tr th, .legal-page .com_info tr td,
  .legal-page .legal_info tr th, .legal-page .legal_info tr td {
    font-size: clamp(13px, 3.6vw, 18px) !important;
    display: block;
  }
}

@media screen and (min-width: 46.9em) {
  .legal-page .section:not(:last-child) {
    margin: 0 0 5em;
  }
  .legal-page .section h2 {
    font-size: clamp(14px, 2vw, 26px) !important;
  }
  .legal-page .section div h3 {
    font-size: clamp(13px, 1.72vw, 24px) !important;
  }
  .legal-page .section div p, .legal-page .section div address, .legal-page .section div li, .legal-page .section div span, .legal-page .section div strong, .legal-page .section div a {
    font-size: clamp(13px, 1.5vw, 19px) !important;
  }
  .legal-page .section div figure {
    width: 50%;
  }
  .legal-page .com_info tr th, .legal-page .com_info tr td,
  .legal-page .legal_info tr th, .legal-page .legal_info tr td {
    font-size: clamp(12px, 1.4vw, 18px) !important;
  }
  .legal-page .com_info tr th,
  .legal-page .legal_info tr th {
    width: 30%;
  }
  .legal-page .com_info tr td,
  .legal-page .legal_info tr td {
    width: 70%;
  }
}

.about-handle h1 {
  font-size: 2.6rem;
  font-weight: 600;
  margin: 0 0 1em;
}

.about-handle h2 {
  font-size: 2.2rem;
  font-weight: 600;
}

.about-handle h3 {
  font-size: 1.8rem;
  font-weight: 600;
}

.about-handle figure {
  margin: 0 0 3em;
}

.about-handle p {
  font-size: 1.65rem;
  margin: 0 0 1em;
}

.about-handle ol {
  padding: 0;
}

.about-handle figure {
  text-align: center;
}

.about-handle figure img {
  display: inline;
}

/* プライバシーポリシー */
.privacy-handle h2::before {
  content: '\25A0';
  /* ■ */
}

.privacy-handle ol.pol {
  counter-reset: polNum 0;
}

.privacy-handle ol.pol > li {
  margin: 0 0 0.2em;
  text-indent: -1em;
  padding-left: 1em;
}

.privacy-handle ol.pol > li::before {
  counter-increment: polNum 1;
  content: counter(polNum) ".";
}

.privacy-handle ol.pol .kol {
  counter-reset: kolNum 0;
}

.privacy-handle ol.pol .kol li {
  margin: 0 0 0.2em;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.privacy-handle ol.pol .kol li::before {
  counter-increment: kolNum 1;
  content: "(" counter(kolNum) ")";
}

.privacy-handle ol.col {
  counter-reset: colNum 0;
  padding-left: 1.0em;
}

.privacy-handle ol.col > li {
  margin: 0 0 0.2em;
  position: relative;
}

.privacy-handle ol.col > li::before {
  counter-increment: colNum 1;
  content: counter(colNum);
  font-size: 80%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: -1.2em;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  border: 1px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0, 0.3em);
}

.privacy-handle .section {
  counter-reset: h3Num 0;
}

.privacy-handle .section h3::before {
  counter-increment: h3Num 1;
  content: counter(h3Num) ".";
}

/* 利用ガイド */
.guide-handle h2::before {
  content: '\25A0';
  /* ■ */
  padding: 0 0.24em 0 0;
}

.guide-handle div h3::before {
  content: '\3010';
  /* 【 */
}

.guide-handle div h3::after {
  content: '\3011';
  /* 】 */
}

/* よくある質問 */
.faq-handle #accordion_faq {
  padding: 0;
}

.faq-handle #accordion_faq * {
  list-style: none;
  padding: 0;
}

.faq-handle #accordion_faq li {
  margin: 0 0 25px;
  padding: 0 0 25px;
  border-bottom: 1px solid #CCC;
}

.faq-handle #accordion_faq li h2 {
  cursor: pointer;
  user-select: none;
  font-size: 2.8rem;
}

.faq-handle #accordion_faq li h2::before {
  content: "Q.";
  padding: 0 0.5em 0 0;
}

.faq-handle #accordion_faq li .ans_cont {
  display: none;
  padding: 1.6em 0 0;
}

.faq-handle #accordion_faq li .ans_cont div {
  display: flex;
}

.faq-handle #accordion_faq li .ans_cont div::before {
  content: "A.";
  font-size: 2.4rem;
  padding: 0 0.5em 0 0;
}

.faq-handle #accordion_faq li .ans_cont div p {
  padding: 0.5em 0 0 0;
  font-size: 1.5rem;
}

.faq-handle #accordion_faq li .ans_cont div p a {
  text-decoration: underline;
}

@media screen and (max-width: 46.875em) {
  .faq-handle #accordion_faq li h2 {
    font-size: 1.8rem;
  }
  .faq-handle #accordion_faq li .ans_cont div p {
    padding-top: 0;
    font-size: 1.3rem;
  }
}

/* お問い合わせ */
.contact-handle .custom-section-background {
  display: none !important;
}

.contact-handle .custom-section-content div {
  width: 100%;
}

.contact-handle .custom-section-content form input[type="text"],
.contact-handle .custom-section-content form input[type="tel"],
.contact-handle .custom-section-content form input[type="email"],
.contact-handle .custom-section-content form textarea {
  border: 1px solid #CCC;
  padding: 0.4em 1em;
}

@media screen and (max-width: 46.875em) {
  .contact-handle .inner_s {
    margin: 0 auto 30px;
  }
  .contact-handle .inner_s p {
    font-size: 1.4rem;
  }
  .contact-handle .contact-form__success {
    font-size: 1.4rem;
    text-align: center;
    margin: 0 0 2em;
  }
  .contact-handle .custom-section-content {
    width: 90%;
    box-sizing: border-box;
    margin-inline: auto;
  }
  .contact-handle .custom-section-content .contact-form__form-row {
    display: flex;
    gap: 10px;
  }
  .contact-handle .custom-section-content form input[type="text"],
  .contact-handle .custom-section-content form input[type="tel"],
  .contact-handle .custom-section-content form input[type="email"],
  .contact-handle .custom-section-content form textarea {
    font-size: 1.6rem;
  }
  .contact-handle .custom-section-content form .contact-form__form-row:not(:last-child) {
    margin: 0 0 10px;
  }
  .contact-handle .custom-section-content form textarea {
    margin: 10px 0;
  }
  .contact-handle .custom-section-content form button[type="submit"] {
    background: #333;
    color: #FFF;
    padding: 0.5em 1.4em;
    width: clamp(7em, 25%, 100%);
    font-size: 1.6rem;
    margin-inline: auto;
  }
  [id*="forms_inline"] {
    padding: 0 2%;
    margin-inline: auto;
  }
}

@media screen and (min-width: 46.9em) {
  .contact-handle .inner_s {
    margin: 0 auto 60px;
  }
  .contact-handle .inner_s p {
    font-size: 1.6rem;
  }
  .contact-handle .contact-form__success {
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 2em;
  }
  .contact-handle .custom-section-content {
    width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
    padding: 0 15px;
    max-width: 890px;
  }
  .contact-handle .custom-section-content .contact-form__form-row {
    display: flex;
    gap: 20px;
  }
  .contact-handle .custom-section-content form input[type="text"],
  .contact-handle .custom-section-content form input[type="tel"],
  .contact-handle .custom-section-content form input[type="email"],
  .contact-handle .custom-section-content form textarea {
    font-size: 1.6rem;
  }
  .contact-handle .custom-section-content form .contact-form__form-row:not(:last-child) {
    margin: 0 0 20px;
  }
  .contact-handle .custom-section-content form textarea {
    margin: 20px 0;
  }
  .contact-handle .custom-section-content form button[type="submit"] {
    background: #333;
    color: #FFF;
    padding: 0.5em 1.4em;
    width: clamp(7em, 25%, 100%);
    font-size: 1.6rem;
    margin-inline: auto;
  }
  [id*="forms_inline"] {
    margin-inline: auto;
  }
}


@media screen and (max-width: 46.875em) {
  .favorite-handle #fav-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8vw 4vw;
  }
  .favorite-handle #fav_message{
    font-size: 3.2vw;
  }
  .favorite-handle #fav-list article {
    position: relative;
  }

  .favorite-handle #fav-list article .fav_wrap {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .favorite-handle #fav-list article .fav_wrap label span {
    width: 20px;
  }

  .favorite-handle #fav-list article a figure {
    margin: 0 0 1.6vw;
  }

  .favorite-handle #fav-list article a h2 {
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 1.6vw;
  }

  .favorite-handle #fav-list article a .price {
    font-size: 1.6rem;
    text-align: right;
  }

  .favorite-handle #fav-list article a .variantList li {
    display: inline-block;
    font-size: 1.3rem;
  }

  .favorite-handle #fav-list article a .variantList li:not(:last-child)::after {
    content: '/';
    padding: 0 0.1em;
    display: inline-block;
  }
}
@media screen and (min-width: 46.9em) {
  .favorite-handle #fav-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .favorite-handle #fav_message{
    font-size: 1.5rem;
  }
  .favorite-handle #fav-list article {
    position: relative;
  }

  .favorite-handle #fav-list article .fav_wrap {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .favorite-handle #fav-list article .fav_wrap label span {
    width: 20px;
  }

  .favorite-handle #fav-list article a figure {
    margin: 0 0 10px;
  }

  .favorite-handle #fav-list article a h2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 10px;
  }

  .favorite-handle #fav-list article a .price {
    font-size: 1.6rem;
    text-align: right;
  }

  .favorite-handle #fav-list article a .variantList li {
    display: inline-block;
    font-size: 1.3rem;
  }

  .favorite-handle #fav-list article a .variantList li:not(:last-child)::after {
    content: '/';
    padding: 0 0.1em;
    display: inline-block;
  }
}