@charset "UTF-8";
/* =========================================================
flex - flex関連の指定
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
/* =========================================================
color - 色の設定
========================================================= */
/* =========================================================
font - font-familyの設定など
========================================================= */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
/* =========================================================
typography - テキスト関連の設定
========================================================= */
/* line 106, ../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/* line 5, ../sass/foundation/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 26, ../sass/foundation/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 30, ../sass/foundation/_reset.scss */
body {
  line-height: 1;
}

/* line 33, ../sass/foundation/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 36, ../sass/foundation/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 39, ../sass/foundation/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 44, ../sass/foundation/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 49, ../sass/foundation/_reset.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* =========================================================
base - 基本設定
========================================================= */
body {
  background-color: #f7f7f7;
  overflow-x: hidden;
  font-size: calc(16 * (100vw / 520));
  line-height: 1.4;
  color: #394656;
  width: 100vw;
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
}
@media screen and (min-width: 520px) {
  body {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  body {
    overflow-x: hidden !important;
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 22, ../sass/foundation/_base.scss */
a {
  cursor: pointer;
  text-decoration: none;
  transition: .4s;
  line-height: 1;
}
/* line 28, ../sass/foundation/_base.scss */
a:hover {
  color: inherit;
}

/* line 33, ../sass/foundation/_base.scss */
p {
  color: #394656;
  word-break: break-all;
}

/* line 38, ../sass/foundation/_base.scss */
img {
  height: auto;
  vertical-align: bottom;
  max-width: 100%;
  width: auto;
}

/* line 45, ../sass/foundation/_base.scss */
.pc-show {
  display: none;
}
@media screen and (min-width: 980px) {
  /* line 45, ../sass/foundation/_base.scss */
  .pc-show {
    display: block;
  }
}

@media screen and (min-width: 980px) {
  /* line 52, ../sass/foundation/_base.scss */
  .sp-show {
    display: none;
  }
}

/* =========================================================
main - メイン
========================================================= */
/* line 5, ../sass/layout/_main.scss */
.l-main {
  position: relative;
}

/* =========================================================
title - 共通のタイトルやテキストなど
========================================================= */
/* line 8, ../sass/object/component/_title.scss */
.c-basic-h2 {
  color: #80C6C4;
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: .3rem;
}
@media screen and (min-width: 840px) {
  /* line 8, ../sass/object/component/_title.scss */
  .c-basic-h2 {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 980px) {
  /* line 8, ../sass/object/component/_title.scss */
  .c-basic-h2 {
    font-size: 80px;
    font-size: 5rem;
  }
}
/* line 23, ../sass/object/component/_title.scss */
.c-basic-h2.vertical {
  line-height: 1.1;
  transform: rotate(90deg);
}
/* line 28, ../sass/object/component/_title.scss */
.c-basic-h2--gap {
  display: block;
  margin: 0 0 0 10rem;
}

/* line 34, ../sass/object/component/_title.scss */
.c-basic-h3 {
  color: #80C6C4;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}
/* line 40, ../sass/object/component/_title.scss */
.c-basic-h3 span {
  color: #AA8E76;
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  position: relative;
}
/* line 49, ../sass/object/component/_title.scss */
.c-basic-h3 span::before {
  background-color: #80C6C4;
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* =========================================================
text - 共通のテキストなど
========================================================= */
/* line 9, ../sass/object/component/_txt.scss */
.c-basic-txt,
.c-error-message {
  color: #394656;
  word-wrap: break-word;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media screen and (min-width: 980px) {
  /* line 9, ../sass/object/component/_txt.scss */
  .c-basic-txt,
  .c-error-message {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    line-height: 2;
  }
}
/* line 19, ../sass/object/component/_txt.scss */
.c-basic-txt:last-of-type,
.c-error-message:last-of-type {
  margin-bottom: 0;
}

/* line 24, ../sass/object/component/_txt.scss */
.c-small-txt {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 3px;
  margin-bottom: 0.18rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media screen and (min-width: 980px) {
  /* line 24, ../sass/object/component/_txt.scss */
  .c-small-txt {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
/* line 32, ../sass/object/component/_txt.scss */
.c-small-txt:last-of-type {
  margin-bottom: 0;
}

/* line 37, ../sass/object/component/_txt.scss */
.c-error-message {
  display: inline-block;
  color: #e74c3c;
  margin-top: .5rem;
}

/* =========================================================
button - ボタン関係のコンポーネント
========================================================= */
/* line 4, ../sass/object/component/_button.scss */
.c-basic-btn {
  background: url(../images/icon/icon-right-w.svg) no-repeat center right 10px;
  background-size: 15px 15px;
  background-color: #81a6c9;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  max-width: 90%;
  padding: 10px 15px 15px;
  transition: .3s;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 4, ../sass/object/component/_button.scss */
  .c-basic-btn {
    padding: 20px 15px 22px;
    max-width: 320px;
  }
}
/* line 20, ../sass/object/component/_button.scss */
.c-basic-btn.green {
  background-color: #4EB5B9;
}
/* line 23, ../sass/object/component/_button.scss */
.c-basic-btn.purple {
  background-color: #9277c4;
}
/* line 26, ../sass/object/component/_button.scss */
.c-basic-btn.red {
  background-color: #ad7597;
}
/* line 29, ../sass/object/component/_button.scss */
.c-basic-btn .in {
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: calc(22 * (100vw / 768));
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 29, ../sass/object/component/_button.scss */
  .c-basic-btn .in {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 29, ../sass/object/component/_button.scss */
  .c-basic-btn .in {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 43, ../sass/object/component/_button.scss */
.c-basic-btn:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}

/*popup*/
/* line 54, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--open {
  cursor: pointer;
}
/* line 56, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--open:hover {
  opacity: 0.7;
}

/* line 60, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--overlay,
.c-btn-popup--close-overlay {
  display: none;
}

/* line 64, ../sass/object/component/_button.scss */
.c-btn-popup input {
  display: none;
}

/* line 67, ../sass/object/component/_button.scss */
.c-btn-popup input:checked ~ .c-btn-popup--overlay {
  display: block;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
}

/* line 74, ../sass/object/component/_button.scss */
.c-btn-popup input:checked ~ .c-btn-popup--close-overlay {
  display: block;
  background-color: #00000070;
  cursor: pointer;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99998;
}

/* line 86, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--window {
  width: 90%;
  max-width: 720px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 95, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--close {
  background: #000000;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
  padding: 11px;
}

/* =========================================================
txtarea - テキストエリア
========================================================= */
/* line 5, ../sass/object/component/_txtarea.scss */
.c-txtarea {
  resize: none;
  width: 100%;
  height: 10rem;
  padding: .5rem;
  border: 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #fafafa;
  font-size: 16px;
  font-size: 1rem;
  color: #555555;
  font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* line 18, ../sass/object/component/_txtarea.scss */
.c-txtarea::placeholder {
  color: #cccccc;
}
/* line 22, ../sass/object/component/_txtarea.scss */
.c-txtarea.is-entered {
  background-color: #ffffff;
}

/* =========================================================
drawer
========================================================= */
.c-drawer {
  background-color: #f7f7f7;
  height: 100vh;
  padding: 0;
  max-width: 0;
  width: 90vw;
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  right: -390px;
  transition: .4s;
  z-index: 501;
  scrollbar-color: #929292 #fff;
  scrollbar-width: thin;
}
.c-drawer::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.c-drawer::-webkit-scrollbar-thumb {
  background: #929292;
  width: 6px;
  border-radius: 5px;
}
.c-drawer-btn label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.c-drawer-btn .icon {
  background-color: #81a6c9;
  border-radius: 50px;
  cursor: pointer;
  height: 50px;
  width: 50px;
  position: relative;
  transition: .4s;
}
.c-drawer-btn .icon::before, .c-drawer-btn .icon::after {
  background-color: #fff;
  content: '';
  display: block;
  height: 2px;
  width: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.c-drawer-btn .icon::before {
  top: 14px;
  transition: .4s;
}
.c-drawer-btn .icon::after {
  bottom: 14px;
  transition: .4s;
}
.c-drawer-btn .icon:hover {
  background-color: #6889a9;
}
.c-drawer-btn .icon .border {
  color: #fff;
  font-size: calc(11 * (100vw / 520));
  font-weight: 500;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  letter-spacing: -.1rem;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-btn .icon .border {
    font-size: calc(11 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-btn .icon .border {
    font-size: calc(11 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-btn .icon .border {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.c-drawer-highlighted {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5px auto 0;
}
.c-drawer-highlighted li {
  margin: 0 0 8px;
  width: 49%;
}
.c-drawer-highlighted li:first-of-type {
  width: 100%;
}
.c-drawer-highlighted li a {
  border-radius: 5px;
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(18 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .c-drawer-highlighted li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-highlighted li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-highlighted li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-drawer-highlighted li a::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border-radius: 50px;
  content: '';
  display: block;
  height: 50px;
  width: 25px;
}
.c-drawer-highlighted li a.results {
  background-color: #b29443;
  color: #fff;
}
.c-drawer-highlighted li a.results:hover {
  background-color: #977c32;
}
.c-drawer-highlighted li a.results::before {
  background-image: url(../images/common/icon-results.webp);
  background-size: 30px;
  height: 50px;
  width: 40px;
}
.c-drawer-highlighted li a.shop {
  background-color: #b7d5cd;
}
.c-drawer-highlighted li a.shop:hover {
  background-color: #8fbdb1;
}
.c-drawer-highlighted li a.shop::before {
  background-image: url(../images/common/icon-shop.webp);
  background-size: 30px;
  height: 50px;
  width: 40px;
}
.c-drawer-highlighted li a.mypage {
  background-color: #f9dad6;
}
.c-drawer-highlighted li a.mypage:hover {
  background-color: #e7bdb8;
}
.c-drawer-highlighted li a.mypage::before {
  background-image: url(../images/common/icon-mypage.webp);
}
.c-drawer-assessment {
  background-color: #f0f0f0;
  margin: 20px auto 0;
  padding: 15px 8px;
}
.c-drawer-assessment_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(22 * (100vw / 520));
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-assessment_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-assessment_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-assessment_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-drawer-assessment_title::before, .c-drawer-assessment_title::after {
  background-color: #FEF07F;
  content: '';
  display: block;
  height: 2px;
  width: 40px;
}
.c-drawer-assessment_title::before {
  transform: rotate(60deg);
}
.c-drawer-assessment_title::after {
  transform: rotate(-60deg);
}
.c-drawer-assessment_title .reduce {
  display: block;
  font-size: 80%;
}
.c-drawer-assessment_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 15px auto 0;
}
.c-drawer-assessment_list > li {
  margin: 0 0 8px;
  width: 48%;
}
.c-drawer-assessment_list > li:nth-of-type(2n+1) {
  margin: 0 2% 8px 0;
}
.c-drawer-assessment_list > li a {
  border-radius: 5px;
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(18 * (100vw / 520));
  font-weight: 500;
  padding: 10px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-assessment_list > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-assessment_list > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-assessment_list > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-drawer-assessment_list > li a img {
  margin: 0 6px 0 0;
  max-width: 25px;
}
.c-drawer-assessment_list > li a.counter {
  background-color: #b7d5cd;
}
.c-drawer-assessment_list > li a.counter:hover {
  background-color: #8fbdb1;
}
.c-drawer-assessment_list > li a.line {
  background-color: #0abf7d;
  color: #fff;
  font-size: calc(16 * (100vw / 520));
  max-height: 45px;
  letter-spacing: -.05rem;
  padding: 15px 5px;
}
@media screen and (min-width: 520px) {
  .c-drawer-assessment_list > li a.line {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-assessment_list > li a.line {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-assessment_list > li a.line {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-assessment_list > li a.line:hover {
  background-color: #35d99d;
}
.c-drawer-assessment_list > li a.line img {
  margin: 0 3px;
  max-width: 20px;
}
.c-drawer-assessment_list > li a.delivery {
  background-color: #f9dad6;
}
.c-drawer-assessment_list > li a.delivery:hover {
  background-color: #e7bdb8;
}
.c-drawer-assessment_list > li a.bulgeout {
  background-color: #83c5e8;
}
.c-drawer-assessment_list > li a.bulgeout:hover {
  background-color: #6889a9;
}
.c-drawer-nav {
  margin: 37px auto 0;
  padding: 0 10px;
}
.c-drawer-nav_title {
  font-size: calc(22 * (100vw / 520));
  font-weight: 700;
  margin: 0 0 15px;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-nav_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-nav_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-nav_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-drawer-nav_title .reduce {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 80%;
}
.c-drawer-nav_title .reduce::before, .c-drawer-nav_title .reduce::after {
  background-color: #FEF07F;
  content: '';
  display: block;
  height: 2px;
  width: 20px;
  margin: 0 5px;
}
.c-drawer-nav_title .reduce::before {
  transform: rotate(60deg);
}
.c-drawer-nav_title .reduce::after {
  transform: rotate(-60deg);
}
.c-drawer-nav_list {
  display: flex;
  flex-wrap: wrap;
}
.c-drawer-nav_list > li {
  margin: 0 0 18px;
  width: 48%;
}
.c-drawer-nav_list > li:first-of-type {
  width: 100%;
}
.c-drawer-nav_list > li:nth-of-type(2n+3) {
  margin: 0 0 18px 4%;
}
.c-drawer-nav_list > li a {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-nav_list > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-nav_list > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-nav_list > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-nav_list > li figure picture {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .4s;
}
.c-drawer-nav_list > li figure picture:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-drawer-nav_list > li figure picture img {
  max-height: 75px;
}
.c-drawer-nav_list > li figure figcaption {
  margin: 3px 0 0;
}
.c-drawer-nav_sublist {
  display: flex;
  flex-wrap: wrap;
}
.c-drawer-nav_sublist > li {
  margin: 0 0 18px;
  width: 48%;
}
.c-drawer-nav_sublist > li:nth-of-type(2n+2) {
  margin: 0 0 18px 4%;
}
.c-drawer-nav_sublist > li a {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-nav_sublist > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-nav_sublist > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-nav_sublist > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-nav_sublist > li figure picture {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .4s;
}
.c-drawer-nav_sublist > li figure picture:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-drawer-nav_sublist > li figure picture img {
  max-height: 75px;
}
.c-drawer-nav_sublist > li figure figcaption {
  margin: 3px 0 0;
}
.c-drawer-about {
  background-color: #efece4;
  margin: 34px auto 0;
  padding: 15px 8px;
}
.c-drawer-about_title {
  font-size: calc(22 * (100vw / 520));
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-about_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-about_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-about_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-drawer-about_title .reduce {
  display: block;
  font-size: 80%;
}
.c-drawer-about_list {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 0;
}
.c-drawer-about_list > li {
  margin: 0 0 10px;
  width: 48%;
}
.c-drawer-about_list > li:nth-of-type(2n+2) {
  margin: 0 0 10px 4%;
}
.c-drawer-about_list > li a {
  background: #81a6c9;
  border: 3px solid #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  min-height: 49px;
  padding: 5px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-about_list > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-about_list > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-about_list > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-about_list > li a::after {
  background-image: url(../images/common/icon-arrow02.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 8px;
  width: 18px;
  margin: 0 0 0 5px;
  transition: .4s;
}
.c-drawer-about_list > li a:hover {
  background-color: #6889a9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-drawer-about_list > li a img {
  margin: 0 6px 0 0;
  max-width: 20px;
}
.c-drawer-banner {
  margin: 25px 0 0;
}
.c-drawer-banner_list {
  display: flex;
  flex-wrap: wrap;
}
.c-drawer-banner_list > li {
  margin: 0 0 10px;
  width: 48%;
}
.c-drawer-banner_list > li:nth-of-type(2n+2) {
  margin: 0 0 10px 4%;
}
.c-drawer-banner_list > li a {
  transition: .4s;
}
.c-drawer-banner_list > li a:hover {
  opacity: .7;
}
.c-drawer-acc--container {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}
.c-drawer-acc--more label {
  background: url(../images/common/icon-triangle01.svg) center no-repeat;
  background-size: 18px;
  background-color: #81A6C9;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  transition: .4s;
}
.c-drawer-acc--more label:hover {
  background-color: #6889a9;
}
.c-drawer-acc--check:checked + .c-drawer-acc > .c-drawer-acc--container {
  max-height: 999vh;
  visibility: visible;
  opacity: 1;
}
.c-drawer-acc--check:checked + .c-drawer-acc > .c-drawer-acc--more label {
  transform: rotate(-180deg);
}

#drawer:checked + .c-drawer {
  padding: 5px 10px 15px;
  max-width: 390px;
  right: 0;
}
#drawer:checked + .c-drawer .c-drawer-btn .icon::before {
  top: -5px;
  transform: rotate(45deg);
}
#drawer:checked + .c-drawer .c-drawer-btn .icon::after {
  bottom: 5px;
  transform: rotate(-45deg);
}
#drawer:checked ~ .c-drawer-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
}

/* =========================================================
pagenation - ページ送り
========================================================= */
/* =========================================================
breadcrumbs
========================================================= */
.c-breadcrumbs--wrap {
  max-width: 1450px;
  margin: auto;
  width: 96vw;
  overflow-x: scroll;
  padding: 5px 0;
  scrollbar-width: none;
}
.c-breadcrumbs--wrap::-webkit-scrollbar {
  display: none;
}
.c-breadcrumbs--list {
  display: flex;
  align-items: center;
  width: 200vw;
}
@media screen and (min-width: 768px) {
  .c-breadcrumbs--list {
    width: auto;
  }
}
.c-breadcrumbs--list > li a {
  display: flex;
  align-items: center;
  color: #394656;
  font-size: calc(14 * (100vw / 520));
  line-height: 1.2;
}
@media screen and (min-width: 520px) {
  .c-breadcrumbs--list > li a {
    font-size: calc(12 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-breadcrumbs--list > li a {
    font-size: calc(12 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-breadcrumbs--list > li a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-breadcrumbs--list > li a:hover {
  text-decoration: underline;
}
.c-breadcrumbs--list > li:not(:first-of-type) a::before {
  border-top: 1px solid #394656;
  border-right: 1px solid #394656;
  content: '';
  display: block;
  transform: rotate(45deg);
  height: 5px;
  width: 5px;
  margin: 0 5px;
}

/* =========================================================
purchase_brand - 買取強化ブランド
========================================================= */
/* line 4, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand {
  background: #f0f0f0;
  padding: 35px 0 5px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand {
    padding: 60px 0;
  }
}
/* line 10, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 17, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 17, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 17, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 31, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}
@media screen and (min-width: 576px) {
  /* line 31, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--list {
    row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 840px) {
  /* line 41, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--item {
    padding: 0 10px 30px;
  }
}
/* line 46, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link {
  transition: .3s;
}
/* line 48, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link:hover {
  opacity: 0.7;
}
/* line 51, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link .photo {
  background: #ffffff;
  padding: 0 10px;
  text-align: center;
}
@media screen and (min-width: 840px) {
  /* line 51, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link .photo {
    padding: 0 10px;
  }
}
/* line 59, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link img {
  display: inline-block;
  width: 100%;
  height: 50px;
}
@media screen and (min-width: 840px) {
  /* line 59, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link img {
    height: 100px;
  }
}
/* line 67, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link .text {
  color: #394656;
  display: inline-block;
  font-size: calc(21 * (100vw / 768));
  font-weight: bold;
}
@media screen and (min-width: 576px) {
  /* line 67, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link .text {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 67, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link .text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 83, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more {
  margin: 20px auto 0;
}
/* line 86, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more .c-purchase_brand--list {
  max-height: 4vh;
  overflow: hidden;
  transition: .4s;
}
/* line 92, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"] {
  display: none;
}
/* line 97, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"]:checked + .c-purchase_brand--list {
  max-height: 999vh;
  transition: .4s;
}
/* line 102, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"]:checked ~ .c-purchase_brand--morebtn {
  margin: 0;
}
/* line 107, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"]:checked ~ .c-purchase_brand--morebtn label::before {
  transform: rotate(-90deg);
  transition: .4s;
}
/* line 116, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--morebtn {
  background: #f0f0f0;
  background: linear-gradient(0deg, #f0f0f0 25%, rgba(240, 240, 240, 0) 100%);
  margin: -20px 0 0;
  position: relative;
}
/* line 124, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--morebtn label::before {
  background-image: url(../images/icon/icon-right-w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #81a6c9;
  background-size: 35%;
  border-radius: 100%;
  content: '';
  cursor: pointer;
  display: block;
  margin: auto;
  width: 30px;
  height: 30px;
  transform: rotate(90deg);
  transition: .4s;
  z-index: 1;
}
@media screen and (min-width: 840px) {
  /* line 124, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--morebtn label::before {
    width: 60px;
    height: 60px;
  }
}

/* =========================================================
manip - 買取アナウンス
========================================================= */
/* line 4, ../sass/object/component/_manip.scss */
.c-manip {
  padding: 50px 0;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_manip.scss */
  .c-manip {
    padding: 80px 0;
  }
}
/* line 9, ../sass/object/component/_manip.scss */
.c-manip--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 16, ../sass/object/component/_manip.scss */
.c-manip-line {
  padding-bottom: 20px;
}
@media screen and (min-width: 840px) {
  /* line 16, ../sass/object/component/_manip.scss */
  .c-manip-line {
    padding-bottom: 50px;
  }
}
/* line 22, ../sass/object/component/_manip.scss */
.c-manip-line--ttl {
  text-align: center;
}
/* line 24, ../sass/object/component/_manip.scss */
.c-manip-line--ttl .in {
  color: #394656;
  display: inline-block;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  position: relative;
  letter-spacing: 1px;
  line-height: 1.6;
}
@media screen and (min-width: 576px) {
  /* line 24, ../sass/object/component/_manip.scss */
  .c-manip-line--ttl .in {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 24, ../sass/object/component/_manip.scss */
  .c-manip-line--ttl .in {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* line 38, ../sass/object/component/_manip.scss */
.c-manip-line--ttl .in::before {
  content: '';
  background: #0abf7d;
  display: block;
  transform: rotate(60deg);
  position: absolute;
  bottom: 24px;
  left: -50px;
  width: 50px;
  height: 2px;
}
/* line 49, ../sass/object/component/_manip.scss */
.c-manip-line--ttl .in::after {
  content: '';
  background: #0abf7d;
  display: block;
  transform: rotate(-60deg);
  position: absolute;
  bottom: 24px;
  right: -50px;
  width: 50px;
  height: 2px;
}
/* line 62, ../sass/object/component/_manip.scss */
.c-manip-line--btn {
  text-align: center;
  padding-top: 10px;
}
@media screen and (min-width: 980px) {
  /* line 62, ../sass/object/component/_manip.scss */
  .c-manip-line--btn {
    padding-top: 30px;
  }
}
/* line 68, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn {
  background: #0abf7d;
  border-radius: 5px;
  display: inline-block;
  max-width: 370px;
  padding: 9px 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 980px) {
  /* line 68, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn {
    background: none;
    border-radius: 0;
    padding: 0;
  }
}
/* line 81, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 84, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn img {
  border-radius: 5px;
  background: #0abf7d;
  display: none;
  text-align: center;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  /* line 84, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn img {
    display: inline-block;
  }
}
/* line 95, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn .sp-text {
  background: url(../images/icon/icon-line-w.svg) no-repeat left center;
  background-size: 20px 20px;
  color: #ffffff;
  display: inline-block;
  font-size: calc(23 * (100vw / 668));
  font-weight: bold;
  padding: 10px;
  padding-left: 25px;
}
@media screen and (min-width: 576px) {
  /* line 95, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn .sp-text {
    font-size: calc(18 * (100vw / 768));
    background-size: 30px 30px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 980px) {
  /* line 95, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn .sp-text {
    display: none;
  }
}
/* line 117, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl {
  text-align: center;
}
/* line 119, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl .in {
  color: #394656;
  display: inline-block;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  position: relative;
  letter-spacing: 3px;
  line-height: 1.6;
}
@media screen and (min-width: 576px) {
  /* line 119, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--ttl .in {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 119, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--ttl .in {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* line 134, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl .in::before {
  content: '';
  background: #FEF07F;
  display: block;
  transform: rotate(60deg);
  position: absolute;
  bottom: 24px;
  left: -50px;
  width: 50px;
  height: 2px;
}
/* line 145, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl .in::after {
  content: '';
  background: #FEF07F;
  display: block;
  transform: rotate(-60deg);
  position: absolute;
  bottom: 24px;
  right: -50px;
  width: 50px;
  height: 2px;
}
/* line 158, ../sass/object/component/_manip.scss */
.c-manip-kaitori--btn {
  padding-top: 10px;
}
@media screen and (min-width: 980px) {
  /* line 158, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--btn {
    padding-top: 30px;
  }
}
/* line 164, ../sass/object/component/_manip.scss */
.c-manip-kaitori--list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
@media screen and (min-width: 576px) {
  /* line 164, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--list {
    margin: 0 -15px;
  }
}
/* line 171, ../sass/object/component/_manip.scss */
.c-manip-kaitori--item {
  text-align: center;
  width: 33.3%;
  padding: 0 5px;
}
@media screen and (min-width: 576px) {
  /* line 171, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--item {
    padding: 0 15px;
  }
}
/* line 179, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link {
  background: #B7D5CD;
  border-radius: 5px;
  display: inline-block;
  max-width: 370px;
  padding: 9px 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 179, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link {
    padding: 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 179, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link {
    background: none;
    padding: 0;
  }
}
/* line 194, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 197, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link img {
  border-radius: 5px;
  background: #0abf7d;
  display: none;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  /* line 197, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link img {
    display: inline-block;
  }
}
/* line 207, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.shop {
  background: #B7D5CD;
}
/* line 209, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.shop img, .c-manip-kaitori .link.shop .sp-text {
  background-image: url(../images/icon/icon-shop.webp);
  background-color: #B7D5CD;
}
@media screen and (min-width: 980px) {
  /* line 209, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link.shop img, .c-manip-kaitori .link.shop .sp-text {
    background: none;
  }
}
/* line 217, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.delivery {
  background: #F9DAD6;
}
/* line 219, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.delivery img, .c-manip-kaitori .link.delivery .sp-text {
  background-image: url(../images/icon/icon-satei-delivery-short.webp);
  background-color: #F9DAD6;
}
@media screen and (min-width: 980px) {
  /* line 219, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link.delivery img, .c-manip-kaitori .link.delivery .sp-text {
    background: none;
  }
}
/* line 227, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.trip {
  background: #83C5E8;
}
/* line 229, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.trip img, .c-manip-kaitori .link.trip .sp-text {
  background-image: url(../images/icon/icon-satei-trip-short.webp);
  background-color: #83C5E8;
}
@media screen and (min-width: 980px) {
  /* line 229, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link.trip img, .c-manip-kaitori .link.trip .sp-text {
    background: none;
  }
}
/* line 237, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link .sp-text {
  background: url(../images/icon/icon-shop.webp) no-repeat left center;
  background-size: 20px 20px;
  color: #394656;
  display: inline-block;
  font-size: calc(22 * (100vw / 668));
  font-weight: bold;
  padding: 10px;
  padding-left: 25px;
}
@media screen and (min-width: 576px) {
  /* line 237, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link .sp-text {
    font-size: calc(18 * (100vw / 768));
    background-size: 30px 30px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 980px) {
  /* line 237, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link .sp-text {
    display: none;
  }
}

/* =========================================================
sub-nav - 買取アイテム一覧
========================================================= */
/* line 4, ../sass/object/component/_sub-nav.scss */
.c-sub-nav {
  background: rgba(247, 247, 247, 0.95);
  padding: 10px;
  width: 100%;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav {
    padding: 50px 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 4, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav {
    padding: 0 10px 50px 60px;
    background: none;
  }
}
/* line 18, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--box {
  padding-top: 5px;
}
@media screen and (min-width: 980px) {
  /* line 18, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--box {
    padding: 0 0 30px;
  }
}
/* line 23, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--box:first-of-type {
  padding-top: 0;
}
/* line 27, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--ttl {
  font-size: calc(27 * (100vw / 768));
  font-weight: bold;
  display: none;
  padding-bottom: 5px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 27, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--ttl {
    font-size: calc(18 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 27, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--ttl {
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 980px) {
  /* line 27, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--ttl {
    display: block;
    text-align: left;
  }
}
/* line 48, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 5px;
}
@media screen and (min-width: 980px) {
  /* line 48, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--list {
    grid-template-columns: 1fr;
  }
}
/* line 56, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item {
  text-align: center;
  width: 100%;
}
/* line 59, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link {
  background: #B7D5CD;
  border-radius: 5px;
  display: inline-block;
  max-width: 370px;
  padding: 2px 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 59, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link {
    padding: 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 59, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link {
    background: none;
    padding: 0;
  }
}
/* line 74, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 77, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link img {
  border-radius: 5px;
  display: none;
  max-width: 260px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  /* line 77, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link img {
    display: inline-block;
  }
}
/* line 87, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link .sp-text {
  background: url(../images/icon/icon-shop.webp) no-repeat left center;
  background-size: 20px 20px;
  color: #394656;
  display: inline-block;
  font-size: calc(22 * (100vw / 768));
  font-weight: bold;
  padding: 8px;
  padding-left: 25px;
}
@media screen and (min-width: 576px) {
  /* line 87, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link .sp-text {
    font-size: calc(15 * (100vw / 768));
    background-size: 30px 30px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 980px) {
  /* line 87, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link .sp-text {
    display: none;
  }
}
/* line 106, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.line {
  background: #0abf7d;
}
/* line 108, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.line img {
  background: #0abf7d;
}
/* line 111, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.line .sp-text {
  background-image: url(../images/icon/icon-satei-tel-w.webp);
  background-color: #0abf7d;
  color: #ffffff;
}
@media screen and (min-width: 980px) {
  /* line 111, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.line .sp-text {
    background: none;
  }
}
/* line 120, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.tel {
  background: #ED99A4;
}
/* line 122, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.tel img {
  background: #ED99A4;
}
/* line 125, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.tel .sp-text {
  background-image: url(../images/icon/icon-satei-tel-w.webp);
  background-color: #ED99A4;
  color: #ffffff;
}
@media screen and (min-width: 980px) {
  /* line 125, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.tel .sp-text {
    background: none;
  }
}
/* line 134, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.mail {
  background: #81A6C9;
}
/* line 136, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.mail img {
  background: #81A6C9;
}
/* line 139, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.mail .sp-text {
  background-image: url(../images/icon/icon-satei-mail-w.webp);
  background-color: #81A6C9;
  color: #ffffff;
}
@media screen and (min-width: 980px) {
  /* line 139, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.mail .sp-text {
    background: none;
  }
}
/* line 149, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.shop {
  background: #B7D5CD;
}
/* line 151, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.shop img {
  background: #B7D5CD;
}
/* line 154, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.shop .sp-text {
  background-image: url(../images/icon/icon-shop.webp);
  background-color: #B7D5CD;
}
@media screen and (min-width: 980px) {
  /* line 154, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.shop .sp-text {
    background: none;
  }
}
/* line 163, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.delivery {
  background: #F9DAD6;
}
/* line 165, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.delivery img {
  background: #F9DAD6;
}
/* line 168, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.delivery .sp-text {
  background-image: url(../images/icon/icon-satei-delivery-short.webp);
  background-color: #F9DAD6;
}
@media screen and (min-width: 980px) {
  /* line 168, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.delivery .sp-text {
    background: none;
  }
}
/* line 177, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.trip {
  background: #83C5E8;
}
/* line 179, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.trip img {
  background: #83C5E8;
}
/* line 182, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.trip .sp-text {
  background-image: url(../images/icon/icon-satei-trip-short.webp);
  background-color: #83C5E8;
}
@media screen and (min-width: 980px) {
  /* line 182, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.trip .sp-text {
    background: none;
  }
}

/* =========================================================
purchase_item - 買取アイテム一覧
========================================================= */
/* line 4, ../sass/object/component/_purchase_item.scss */
.c-purchase_item {
  padding: 35px 0 5px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 17, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--main {
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 17, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--main {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 17, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--main {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 31, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 31, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 31, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 46, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, 0.5fr);
  column-gap: 5px;
  row-gap: 5px;
}
@media screen and (min-width: 576px) {
  /* line 46, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--list {
    grid-template-rows: repeat(7, 1fr);
  }
}
@media screen and (min-width: 840px) {
  /* line 46, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--list {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(7, 1fr);
    column-gap: 10px;
    row-gap: 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 46, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--list {
    grid-template-columns: repeat(15, 1fr);
    grid-template-rows: repeat(5, 0.5fr);
    column-gap: 20px;
    row-gap: 20px;
  }
}
/* line 69, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type1 {
  grid-area: 1 / 1 / 3 / 3;
}
/* line 70, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type2 {
  grid-area: 1 / 3 / 3 / 5;
}
/* line 71, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type3 {
  grid-area: 3 / 1 / 4 / 3;
}
/* line 72, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type4 {
  grid-area: 3 / 3 / 4 / 5;
}
/* line 73, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type5 {
  grid-area: 4 / 1 / 5 / 3;
}
/* line 74, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type6 {
  grid-area: 4 / 3 / 5 / 5;
}
/* line 75, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type7 {
  grid-area: 5 / 1 / 6 / 3;
}
/* line 76, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type8 {
  grid-area: 5 / 3 / 6 / 4;
}
/* line 77, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type9 {
  grid-area: 5 / 4 / 6 / 5;
}
/* line 78, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type10 {
  grid-area: 6 / 1 / 7 / 2;
}
/* line 79, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type11 {
  grid-area: 6 / 2 / 7 / 3;
}
/* line 80, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type12 {
  grid-area: 6 / 3 / 7 / 4;
}
/* line 81, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type13 {
  grid-area: 6 / 4 / 7 / 5;
}
/* line 82, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type14 {
  grid-area: 7 / 1 / 8 / 2;
}
/* line 83, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type15 {
  grid-area: 7 / 2 / 8 / 3;
}
/* line 84, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type16 {
  grid-area: 7 / 3 / 8 / 4;
}
/* line 85, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type17 {
  grid-area: 7 / 4 / 8 / 5;
}
@media screen and (min-width: 840px) {
  /* line 87, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type1 {
    grid-area: 1 / 1 / 3 / 5;
  }
  /* line 88, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type2 {
    grid-area: 1 / 5 / 3 / 9;
  }
  /* line 89, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type3 {
    grid-area: 3 / 1 / 4 / 5;
  }
  /* line 90, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type4 {
    grid-area: 3 / 5 / 4 / 9;
  }
  /* line 91, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type5 {
    grid-area: 4 / 1 / 5 / 5;
  }
  /* line 92, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type6 {
    grid-area: 4 / 5 / 5 / 9;
  }
  /* line 93, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type7 {
    grid-area: 5 / 1 / 6 / 5;
  }
  /* line 94, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type8 {
    grid-area: 5 / 5 / 6 / 7;
  }
  /* line 95, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type9 {
    grid-area: 5 / 7 / 6 / 9;
  }
  /* line 96, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type10 {
    grid-area: 6 / 1 / 7 / 3;
  }
  /* line 97, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type11 {
    grid-area: 6 / 3 / 7 / 5;
  }
  /* line 98, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type12 {
    grid-area: 6 / 5 / 7 / 7;
  }
  /* line 99, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type13 {
    grid-area: 6 / 7 / 7 / 9;
  }
  /* line 100, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type14 {
    grid-area: 7 / 1 / 8 / 3;
  }
  /* line 101, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type15 {
    grid-area: 7 / 3 / 8 / 5;
  }
  /* line 102, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type16 {
    grid-area: 7 / 5 / 8 / 7;
  }
  /* line 103, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type17 {
    grid-area: 7 / 7 / 8 / 9;
  }
}
@media screen and (min-width: 980px) {
  /* line 106, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type1 {
    grid-area: 1 / 1 / 3 / 6;
  }
  /* line 107, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type2 {
    grid-area: 1 / 6 / 3 / 11;
  }
  /* line 108, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type3 {
    grid-area: 1 / 11 / 2 / 16;
  }
  /* line 109, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type4 {
    grid-area: 2 / 11 / 3 / 16;
  }
  /* line 110, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type5 {
    grid-area: 3 / 1 / 4 / 6;
  }
  /* line 111, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type6 {
    grid-area: 3 / 6 / 4 / 11;
  }
  /* line 112, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type7 {
    grid-area: 3 / 11 / 4 / 16;
  }
  /* line 113, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type8 {
    grid-area: 4 / 1 / 5 / 4;
  }
  /* line 114, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type9 {
    grid-area: 4 / 4 / 5 / 7;
  }
  /* line 115, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type10 {
    grid-area: 4 / 7 / 5 / 10;
  }
  /* line 116, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type11 {
    grid-area: 4 / 10 / 5 / 13;
  }
  /* line 117, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type12 {
    grid-area: 4 / 13 / 5 / 16;
  }
  /* line 118, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type13 {
    grid-area: 5 / 1 / 6 / 4;
  }
  /* line 119, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type14 {
    grid-area: 5 / 4 / 6 / 7;
  }
  /* line 120, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type15 {
    grid-area: 5 / 7 / 6 / 10;
  }
  /* line 121, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type16 {
    grid-area: 5 / 10 / 6 / 13;
  }
  /* line 122, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type17 {
    grid-area: 5 / 13 / 6 / 16;
  }
}
/* line 125, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--nav {
  background: #ffffff;
  border-radius: 5px;
  display: block;
  padding: 5px;
  height: 100%;
  transition: .3s;
}
@media screen and (min-width: 576px) {
  /* line 125, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--nav {
    padding: 15px;
  }
}
/* line 135, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--nav:hover {
  box-shadow: 0px 0px 15px -5px rgba(100, 100, 100, 0.5);
}
/* line 140, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--photo img {
  display: inline-block;
  vertical-align: bottom;
  background: #f7f7f7;
  height: auto;
}
/* line 147, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--title {
  text-align: left;
  padding: 10px 0 5px;
}
/* line 150, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--title .in {
  color: #394656;
  display: inline-block;
  font-size: calc(21 * (100vw / 768));
  font-weight: bold;
}
@media screen and (min-width: 576px) {
  /* line 150, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--title .in {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 150, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--title .in {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* =========================================================
shoplist - 店舗一覧
========================================================= */
/* line 4, ../sass/object/component/_shoplist.scss */
.c-shoplist {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_shoplist.scss */
  .c-shoplist {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_shoplist.scss */
.c-shoplist--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 16, ../sass/object/component/_shoplist.scss */
.c-shoplist--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 16, ../sass/object/component/_shoplist.scss */
  .c-shoplist--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 16, ../sass/object/component/_shoplist.scss */
  .c-shoplist--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 34, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kanto {
  margin-bottom: 30px;
}
@media screen and (min-width: 840px) {
  /* line 34, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box.kanto {
    margin-bottom: 50px;
  }
}
/* line 41, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kansai .c-shoplist-box--ttl .in {
  background-image: url(../images/icon/title-style-pink.svg);
}
/* line 43, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kansai .c-shoplist-box--ttl .in::before {
  border-color: #ed99a4;
}
/* line 47, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kansai .c-shoplist-box--list {
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 840px) {
  /* line 47, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box.kansai .c-shoplist-box--list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/* line 55, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--ttl {
  margin-bottom: 10px;
}
@media screen and (min-width: 840px) {
  /* line 55, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl {
    margin-bottom: 20px;
  }
}
/* line 60, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--ttl .in {
  background: url(../images/icon/title-style-blue.svg) no-repeat center left;
  background-size: 10px 20px;
  display: block;
  font-size: calc(22.5 * (100vw / 768));
  font-weight: bold;
  padding-left: 20px;
  position: relative;
}
/* line 68, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--ttl .in::before {
  content: '';
  border-top: 2px dotted #83c5e8;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - 100px);
  height: 1px;
}
@media screen and (min-width: 576px) {
  /* line 68, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl .in::before {
    width: calc(100% - 150px);
  }
}
@media screen and (min-width: 576px) {
  /* line 60, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl .in {
    font-size: calc(15 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 60, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl .in {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
/* line 89, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--contents {
  background: #e5e5e5;
  border-radius: 5px;
  padding: 10px;
}
@media screen and (min-width: 840px) {
  /* line 89, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--contents {
    padding: 20px;
  }
}
@media screen and (min-width: 840px) {
  /* line 89, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--contents {
    padding: 30px;
  }
}
/* line 100, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}
@media screen and (min-width: 840px) {
  /* line 100, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--list {
    grid-template-columns: 1fr 1fr;
  }
}
/* line 113, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--nav {
  background: #ffffff;
  border-radius: 5px;
  display: block;
  padding: 10px;
  transition: .3s;
  height: 100%;
}
@media screen and (min-width: 576px) {
  /* line 113, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--nav {
    padding: 20px;
  }
}
/* line 123, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--nav:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 127, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--photo {
  border-radius: 5px;
  overflow: hidden;
}
/* line 132, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--photo img {
  height: auto;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}
/* line 139, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--title {
  text-align: left;
  padding: 10px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 139, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--title {
    padding: 15px 0 10px;
  }
}
/* line 145, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--title .in {
  color: #394656;
  display: inline-block;
  font-size: calc(21 * (100vw / 768));
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (min-width: 576px) {
  /* line 145, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--title .in {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 145, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--title .in {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* =========================================================
fqa - Q&A
========================================================= */
/* line 4, ../sass/object/component/_fqa.scss */
.c-fqa {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_fqa.scss */
  .c-fqa {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_fqa.scss */
.c-fqa--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 17, ../sass/object/component/_fqa.scss */
.c-fqa--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 17, ../sass/object/component/_fqa.scss */
  .c-fqa--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 17, ../sass/object/component/_fqa.scss */
  .c-fqa--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 0;
  }
}
/* line 32, ../sass/object/component/_fqa.scss */
.c-fqa--container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 80vh;
  overflow-y: scroll;
}
@media screen and (min-width: 980px) {
  /* line 32, ../sass/object/component/_fqa.scss */
  .c-fqa--container {
    margin: 50px auto 0;
    height: auto;
    overflow-y: visible;
  }
}
/* line 44, ../sass/object/component/_fqa.scss */
.c-fqa_index {
  display: none;
}
@media screen and (min-width: 980px) {
  /* line 44, ../sass/object/component/_fqa.scss */
  .c-fqa_index {
    display: block;
    margin: 0 80px 0 0;
    width: calc(40% - 80px);
  }
}
/* line 54, ../sass/object/component/_fqa.scss */
.c-fqa_index > li label {
  display: inline-block;
  font-size: calc(19 * (100vw / 768));
  font-weight: 400;
  padding: 10px 60px 10px 8px;
  position: relative;
  transition: .4s;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 54, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 54, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 69, ../sass/object/component/_fqa.scss */
.c-fqa_index > li label:before {
  background-color: #000000;
  content: '';
  display: block;
  height: 2px;
  width: calc(30 * (100vw / 768));
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(18 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 69, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label:before {
    height: 2px;
    width: 30px;
    top: 0;
    bottom: 0;
    right: 18px;
  }
}
/* line 90, ../sass/object/component/_fqa.scss */
.c-fqa_index > li label:after {
  background-color: #000000;
  content: '';
  display: block;
  height: 2px;
  width: calc(8 * (100vw / 768));
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: calc(6 * (100vw / 768));
  right: calc(16 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 90, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label:after {
    height: 2px;
    width: 8px;
    top: 0;
    bottom: 6px;
    right: 16px;
  }
}
/* line 114, ../sass/object/component/_fqa.scss */
.c-fqa_index > li:hover label {
  border-bottom: 3px dotted #bfbfbf;
  cursor: pointer;
  font-weight: 700;
  transition: .4s;
}
@media screen and (min-width: 840px) {
  /* line 114, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li:hover label {
    padding: 10px 60px 10px 15px;
  }
}
/* line 130, ../sass/object/component/_fqa.scss */
.c-fqa_detail {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 980px) {
  /* line 130, ../sass/object/component/_fqa.scss */
  .c-fqa_detail {
    margin: 0;
    width: 60%;
  }
}
/* line 139, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap {
  margin: 0 0 calc(100 * (100vw / 768));
}
@media screen and (min-width: 980px) {
  /* line 139, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap {
    margin: 0;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
}
/* line 149, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .question {
  border-bottom: 3px dotted #bfbfbf;
  color: #83c5e8;
  line-height: 1.2;
  margin: 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 10px;
  padding: 0 0 10px;
}
@media screen and (min-width: 576px) {
  /* line 149, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 149, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 20px;
    padding: 0 0 20px;
  }
}
/* line 172, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .question .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 172, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 172, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 186, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .question .icon::before {
  background-image: url(../images/icon/title-style-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: calc(33 * (100vw / 768));
  width: 14px;
  margin: 0 5px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 186, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon::before {
    height: calc(22 * (100vw / 768));
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 576px) {
  /* line 186, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon::before {
    height: 22px;
  }
}
/* line 209, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .answer .icon {
  color: #ed99a4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 209, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 209, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 225, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .answer .icon::before {
  background-image: url(../images/icon/title-style-pink.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: calc(33 * (100vw / 768));
  width: 14px;
  margin: 0 5px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 225, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon::before {
    height: calc(22 * (100vw / 768));
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 840px) {
  /* line 225, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon::before {
    height: 22px;
  }
}
/* line 248, ../sass/object/component/_fqa.scss */
.c-fqa_detail--check {
  display: none;
}
/* line 253, ../sass/object/component/_fqa.scss */
.c-fqa_detail--check:checked + .c-fqa_detail--wrap {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* =========================================================
voice - お客様の声
========================================================= */
/* line 4, ../sass/object/component/_voice.scss */
.c-voice {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_voice.scss */
  .c-voice {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_voice.scss */
.c-voice--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 20, ../sass/object/component/_voice.scss */
.c-voice--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 20, ../sass/object/component/_voice.scss */
  .c-voice--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 20, ../sass/object/component/_voice.scss */
  .c-voice--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 0;
  }
}
/* line 36, ../sass/object/component/_voice.scss */
.c-voice--container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 80vh;
  overflow-y: scroll;
}
@media screen and (min-width: 980px) {
  /* line 36, ../sass/object/component/_voice.scss */
  .c-voice--container {
    margin: 50px auto 0;
    height: auto;
    overflow-y: visible;
  }
}
/* line 48, ../sass/object/component/_voice.scss */
.c-voice_index {
  display: none;
}
@media screen and (min-width: 980px) {
  /* line 48, ../sass/object/component/_voice.scss */
  .c-voice_index {
    display: block;
    margin: 0 80px 0 0;
    width: calc(40% - 80px);
  }
}
/* line 59, ../sass/object/component/_voice.scss */
.c-voice_index > li label {
  display: inline-block;
  font-size: calc(19 * (100vw / 768));
  font-weight: 400;
  padding: 10px 60px 10px 8px;
  position: relative;
  transition: .4s;
}
@media screen and (min-width: 840px) {
  /* line 59, ../sass/object/component/_voice.scss */
  .c-voice_index > li label {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 71, ../sass/object/component/_voice.scss */
.c-voice_index > li label:before {
  background-color: #888888;
  content: '';
  display: block;
  height: 1px;
  width: calc(30 * (100vw / 768));
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(18 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 71, ../sass/object/component/_voice.scss */
  .c-voice_index > li label:before {
    height: 2px;
    width: 30px;
    top: 0;
    bottom: 0;
    right: 18px;
  }
}
/* line 92, ../sass/object/component/_voice.scss */
.c-voice_index > li label:after {
  background-color: #000000;
  content: '';
  display: block;
  height: 2px;
  width: calc(8 * (100vw / 768));
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: calc(6 * (100vw / 768));
  right: calc(16 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 92, ../sass/object/component/_voice.scss */
  .c-voice_index > li label:after {
    height: 2px;
    width: 8px;
    top: 0;
    bottom: 6px;
    right: 16px;
  }
}
/* line 116, ../sass/object/component/_voice.scss */
.c-voice_index > li:hover label {
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  font-weight: 700;
  transition: .4s;
}
@media screen and (min-width: 840px) {
  /* line 116, ../sass/object/component/_voice.scss */
  .c-voice_index > li:hover label {
    padding: 10px 60px 10px 15px;
  }
}
/* line 132, ../sass/object/component/_voice.scss */
.c-voice_detail {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 980px) {
  /* line 132, ../sass/object/component/_voice.scss */
  .c-voice_detail {
    margin: 0;
    width: 60%;
  }
}
/* line 141, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap {
  margin: 0 0 calc(80 * (100vw / 768));
}
@media screen and (min-width: 980px) {
  /* line 141, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap {
    margin: 0;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
}
/* line 151, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title {
  line-height: 1.6;
  margin: 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #83c5e8;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 151, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 151, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 167, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title::before {
  background-image: url(../images/icon/title-style-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: calc(33 * (100vw / 768));
  width: 14px;
  margin: 5px 10px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 167, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title::before {
    height: calc(22 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 167, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title::before {
    height: 22px;
  }
}
/* line 186, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title span {
  width: calc(100% - 14px);
}
/* line 191, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .customer {
  border-bottom: 3px dotted #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  width: 100%;
}
@media screen and (min-width: 980px) {
  /* line 191, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .customer {
    margin: 0 0 20px;
    padding: 0 0 20px;
  }
}
/* line 205, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .customer .customername {
  display: block;
  font-weight: bold;
  margin: 5px 0 0;
}
/* line 211, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .customer picture {
  margin: 0 0 0 4%;
  min-width: 70px;
  text-align: center;
}
/* line 218, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .staff {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 980px) {
  /* line 218, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .staff {
    margin: 0;
  }
}
/* line 227, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .staff picture {
  margin: 0 0 0 4%;
  min-width: 70px;
  text-align: center;
}
/* line 234, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title {
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 234, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 234, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 250, ../sass/object/component/_voice.scss */
.c-voice_detail--check {
  display: none;
}
/* line 255, ../sass/object/component/_voice.scss */
.c-voice_detail--check:checked + .c-voice_detail--wrap {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* =========================================================
author - 執筆者
========================================================= */
/* line 4, ../sass/object/component/_author.scss */
.c-author {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_author.scss */
  .c-author {
    padding: 60px 0;
  }
}
/* line 10, ../sass/object/component/_author.scss */
.c-author--wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 21, ../sass/object/component/_author.scss */
.c-author--box {
  background: #efece4;
  border: 10px solid #ffffff;
  border-radius: 5px;
  padding: 20px 15px;
}
@media screen and (min-width: 576px) {
  /* line 21, ../sass/object/component/_author.scss */
  .c-author--box {
    padding: 30px;
  }
}
@media screen and (min-width: 840px) {
  /* line 21, ../sass/object/component/_author.scss */
  .c-author--box {
    border: 20px solid #ffffff;
    padding: 65px 20px;
  }
}
/* line 35, ../sass/object/component/_author.scss */
.c-author--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 35, ../sass/object/component/_author.scss */
  .c-author--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 35, ../sass/object/component/_author.scss */
  .c-author--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 50, ../sass/object/component/_author.scss */
.c-author--contents {
  max-width: 840px;
  margin: 0 auto;
}
@media screen and (min-width: 980px) {
  /* line 50, ../sass/object/component/_author.scss */
  .c-author--contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
@media screen and (min-width: 840px) {
  /* line 61, ../sass/object/component/_author.scss */
  .c-author--info {
    max-width: 300px;
    margin: 0 auto;
  }
}
/* line 67, ../sass/object/component/_author.scss */
.c-author--photo {
  text-align: center;
}
/* line 71, ../sass/object/component/_author.scss */
.c-author--photo img {
  display: inline-block;
  max-width: 150px;
  max-height: 130px;
  height: auto;
}
/* line 78, ../sass/object/component/_author.scss */
.c-author--dl {
  padding-top: 10px;
  text-align: center;
}
@media screen and (min-width: 980px) {
  /* line 78, ../sass/object/component/_author.scss */
  .c-author--dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
/* line 88, ../sass/object/component/_author.scss */
.c-author--dt {
  border: 1px solid #394656;
  border-radius: 5px;
  font-weight: bold;
  font-size: calc(22 * (100vw / 768));
  color: #394656;
  text-align: center;
  margin: 0 auto 5px;
  max-width: 170px;
  padding: 5px;
  line-height: 1;
}
@media screen and (min-width: 576px) {
  /* line 88, ../sass/object/component/_author.scss */
  .c-author--dt {
    font-size: calc(12 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 88, ../sass/object/component/_author.scss */
  .c-author--dt {
    font-size: 12px;
    font-size: 0.75rem;
    width: 100%;
    max-width: 110px;
    margin: 0 auto 20px;
  }
}
/* line 109, ../sass/object/component/_author.scss */
.c-author--dd {
  margin: 0 auto 20px;
  font-size: calc(20 * (100vw / 768));
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 109, ../sass/object/component/_author.scss */
  .c-author--dd {
    font-size: calc(12 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 109, ../sass/object/component/_author.scss */
  .c-author--dd {
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    font-size: 0.75rem;
    width: calc(100% - 110px);
  }
}
/* line 123, ../sass/object/component/_author.scss */
.c-author--data {
  border-top: 2px dotted #394656;
  border-bottom: 2px dotted #394656;
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
}
@media screen and (min-width: 576px) {
  /* line 123, ../sass/object/component/_author.scss */
  .c-author--data {
    font-size: calc(13 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 123, ../sass/object/component/_author.scss */
  .c-author--data {
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: left;
    margin-right: 30px;
    max-width: calc(100% - 330px);
  }
}

/* =========================================================
footer-contact - ダイヤモンド・宝石ジュエリー
========================================================= */
/* line 4, ../sass/object/component/_footer-contact.scss */
.c-footer-contact {
  padding: 35px 0 35px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 16, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--box {
  background: #f2e5e6;
  border: 10px solid #ffffff;
  padding: 20px 15px;
}
@media screen and (min-width: 576px) {
  /* line 16, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--box {
    border: 20px solid #ffffff;
    padding: 50px 30px;
  }
}
/* line 25, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--ttl {
  color: #394656;
  font-size: calc(27 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 576px) {
  /* line 25, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--ttl {
    font-size: calc(20 * (100vw / 768));
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 840px) {
  /* line 25, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 40, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--ttl .pc-show {
  display: none;
}
@media screen and (min-width: 840px) {
  /* line 40, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--ttl .pc-show {
    display: block;
  }
}
@media screen and (min-width: 840px) {
  /* line 47, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
/* line 54, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel {
  text-align: center;
  padding-left: 60px;
  position: relative;
  margin: 0 auto;
  max-width: max-content;
}
@media screen and (min-width: 840px) {
  /* line 54, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel {
    margin: 0 10px;
    max-width: 100%;
    min-width: 280px;
  }
}
/* line 65, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel:before {
  content: "";
  background: url(../images/icon/icon-smartphone-w.svg) no-repeat center;
  background-size: 70%;
  background-color: #ed99a4;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  height: 50px;
  width: 50px;
}
/* line 78, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 13px 7.5px;
  border-color: transparent transparent #ED99A4 transparent;
  position: absolute;
  top: 50%;
  left: 40px;
}
/* line 93, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel .no a {
  color: #394656;
  font-size: calc(42 * (100vw / 768));
  font-family: "Lato", sans-serif;
  font-weight: bold;
  word-break: keep-all;
}
@media screen and (min-width: 576px) {
  /* line 93, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .no a {
    font-size: calc(28 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 93, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .no a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
/* line 108, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel .data {
  color: #394656;
  font-size: calc(20 * (100vw / 768));
  line-height: 1.3;
  word-break: keep-all;
}
@media screen and (min-width: 576px) {
  /* line 108, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .data {
    padding: 5px 0 0;
    font-size: calc(13 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 108, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .data {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
/* line 120, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel .data .time {
  padding-right: 5px;
  font-family: "Lato", sans-serif;
}
/* line 127, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--line {
  padding-top: 20px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 840px) {
  /* line 127, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--line {
    margin: 0;
    padding-top: 0;
    padding-left: 10px;
  }
}
/* line 136, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--line .line-btn {
  display: inline-block;
  text-align: center;
}
/* line 141, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--line .line-btn img {
  border-radius: 5px;
  background: #0abf7d;
  display: inline-block;
}


/* =========================================================
contact
========================================================= */
.c-contact {
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .c-contact {
    padding: 80px 0;
  }
}
.c-contact--wrap {
  background-color: #fff;
  border-radius: 5px;
  margin: auto;
  max-width: 1000px;
  padding: 20px;
  width: 96vw;
}
.c-contact--container {
  background-color: #f2e5e6;
  border-radius: 5px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .c-contact--container {
    padding: 50px;
  }
}
.c-contact--text {
  font-size: calc(19 * (100vw / 520));
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-contact--text {
    font-size: calc(19 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-contact--text {
    font-size: calc(20 * (100vw / 980));
    line-height: 1.6;
  }
}
@media screen and (min-width: 980px) {
  .c-contact--text {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-contact_link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 15px auto 0;
  max-width: 570px;
}
@media screen and (min-width: 768px) {
  .c-contact_link {
    flex-direction: row;
    margin: 30px auto 0;
  }
}
.c-contact_link > li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-contact_link > li {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .c-contact_link > li:not(:first-of-type) {
    margin: 0 0 0 4%;
  }
}
.c-contact_link > li a.line {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(18 * (100vw / 520));
  font-weight: 500;
  height: 50px;
  margin: 15px 0 0;
  padding: 14px;
  text-align: center;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-contact_link > li a.line {
    font-size: calc(18 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-contact_link > li a.line {
    font-size: calc(15 * (100vw / 980));
    margin: 0;
  }
}
@media screen and (min-width: 980px) {
  .c-contact_link > li a.line {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-contact_link > li a.line:hover {
  background-color: #35d99d;
}
.c-contact_link > li a.line img {
  margin: 0 2px;
  max-width: 25px;
}
.c-contact_link > li a.tel {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-contact_link > li a.tel {
    justify-content: flex-start;
  }
}
.c-contact_link > li a.tel img {
  max-width: 63px;
}
.c-contact_link > li a.tel .tel-info {
  font-size: calc(34 * (100vw / 520));
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-contact_link > li a.tel .tel-info {
    font-size: calc(34 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-contact_link > li a.tel .tel-info {
    font-size: calc(28 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-contact_link > li a.tel .tel-info {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.c-contact_link > li a.tel .tel-info .num {
  display: block;
  font-family: "Lato", serif;
  font-weight: 700;
}
.c-contact_link > li a.tel .tel-info .reduce {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 50%;
  font-weight: 500;
  margin: 5px 0 0;
}

/* =========================================================
header
========================================================= */
.p-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding: 18px 0 10px;
  width: 92vw;
}
@media screen and (min-width: 768px) {
  .p-header {
    display: block;
    margin: 0;
    padding: 50px 0 20px;
    width: auto;
  }
}
.p-header--wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-header--wrap {
    max-width: 1450px;
    margin: auto;
    width: 96vw;
  }
}
@media screen and (min-width: 768px) {
  .p-header--wrap.secondary {
    margin: 25px auto 0;
  }
}
.p-header--wrap.tertiary {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-header--wrap.tertiary {
    display: none;
  }
}
.p-header-logo {
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 210px;
}
.p-header-logo picture {
  display: block;
  width: 100%;
}
.p-header-logo picture img {
  min-width: calc(160 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-header-logo picture img {
    min-width: 160px;
  }
}
.p-header-search {
  display: none;
  flex-grow: 1;
  margin: auto;
  width: 92vw;
}
@media screen and (min-width: 768px) {
  .p-header-search {
    display: block;
    max-width: 610px;
    margin: 0 0 0 15px;
    width: auto;
  }
}
.p-header-search .search_form {
  display: flex;
}
.p-header-search .search_input {
  background-color: #fff;
  border: none;
  border-radius: 50px 0 0 50px;
  color: #9c9c9c;
  font-weight: 200;
  outline: none;
  font-size: calc(16 * (100vw / 520));
  padding: 12px 25px;
  transition: .4s;
  width: calc(100% - 60px);
}
@media screen and (min-width: 520px) {
  .p-header-search .search_input {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-search .search_input {
    font-size: calc(16 * (100vw / 980));
    padding: 16px 25px;
  }
}
@media screen and (min-width: 980px) {
  .p-header-search .search_input {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-search .search_input:hover {
  background-color: #eee;
}
.p-header-search .search_submit {
  background-color: #81a6c9;
  background-image: url("../images/common/icon-search_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border: none;
  border-radius: 0 50px 50px 0;
  font-size: calc(16 * (100vw / 520));
  transition: .4s;
  width: 60px;
}
@media screen and (min-width: 520px) {
  .p-header-search .search_submit {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-search .search_submit {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-search .search_submit {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-search .search_submit:hover {
  background-color: #6889a9;
  cursor: pointer;
}
.p-header-search_resultsbtn a {
  background: #b29443;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: calc(17 * (100vw / 520));
  font-weight: 500;
  text-align: center;
  max-width: 450px;
  padding: 8px 15px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 520px) {
  .p-header-search_resultsbtn a {
    font-size: calc(17 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-search_resultsbtn a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-search_resultsbtn a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-search_resultsbtn a::before {
  background-image: url(../images/common/icon-results.webp);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50px;
  content: '';
  display: block;
  height: 30px;
  width: 30px;
  margin: 0 5px 0 0;
}
.p-header-search_resultsbtn a::after {
  background-image: url(../images/common/icon-triangle01.svg);
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-90deg);
}
.p-header-tel {
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 270px;
  margin: 0 0 0 15px;
}
.p-header-tel--wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-header-tel--wrap > a {
  color: #394656;
  font-family: "Lato", serif;
  font-size: calc(30 * (100vw / 520));
  font-weight: bold;
  letter-spacing: .06rem;
}
@media screen and (min-width: 520px) {
  .p-header-tel--wrap > a {
    font-size: calc(28 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-tel--wrap > a {
    font-size: calc(28 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-tel--wrap > a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.p-header-tel--wrap .reduce {
  display: block;
  font-size: calc(14 * (100vw / 520));
  font-weight: 400;
  letter-spacing: .06rem;
  margin: 2px 0 0;
}
@media screen and (min-width: 520px) {
  .p-header-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-tel--wrap .reduce {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-header-tel--wrap .time {
  font-family: "Lato", serif;
  margin: 0 8px 0 0;
}
.p-header-tel .icon {
  display: none;
  padding: 0 12px 0 0;
  position: relative;
}
@media screen and (min-width: 520px) {
  .p-header-tel .icon {
    display: block;
  }
}
.p-header-tel .icon:before {
  background-image: url(../images/common/icon-phone_white.svg);
  background-color: #f17989;
  background-size: 38%;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
}
.p-header-tel .icon:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 19px 7.5px;
  border-color: transparent transparent #f17989 transparent;
  position: absolute;
  top: 55%;
  left: 36px;
}
.p-header-line {
  display: none;
  flex-grow: 1;
  max-width: 260px;
  margin: 0 0 0 15px;
}
@media screen and (min-width: 980px) {
  .p-header-line {
    display: block;
  }
}
.p-header-line a {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  padding: 11px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .p-header-line a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-line a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-line a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-line a:hover {
  background-color: #35d99d;
}
.p-header-line a img {
  margin: 0 6px;
  max-width: 30px;
}
.p-header-globalnav {
  display: none;
  flex-grow: 1;
  max-width: 920px;
}
@media screen and (min-width: 768px) {
  .p-header-globalnav {
    display: block;
  }
}
.p-header-globalnav ul.main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.p-header-globalnav ul.main > li {
  display: flex;
  align-items: center;
  height: 50px;
  position: relative;
}
.p-header-globalnav ul.main > li > span,
.p-header-globalnav ul.main > li a {
  color: #394656;
  cursor: pointer;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-header-globalnav ul.main > li > span,
  .p-header-globalnav ul.main > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-globalnav ul.main > li > span,
  .p-header-globalnav ul.main > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-globalnav ul.main > li > span,
  .p-header-globalnav ul.main > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-globalnav ul.main > li:not(:first-of-type) {
  margin: 0 0 0 20px;
}
.p-header-globalnav ul.main > li:hover ul.sub {
  opacity: 1;
  visibility: visible;
  max-height: 999vh;
}
.p-header-globalnav ul.sub {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  padding: 15px 10px;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  position: absolute;
  top: 50px;
  left: -60px;
  width: 240px;
  transition: .4s;
  z-index: 2;
}
.p-header-globalnav ul.sub > li > span,
.p-header-globalnav ul.sub > li a {
  color: #394656;
  cursor: pointer;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-header-globalnav ul.sub > li > span,
  .p-header-globalnav ul.sub > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-globalnav ul.sub > li > span,
  .p-header-globalnav ul.sub > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-globalnav ul.sub > li > span,
  .p-header-globalnav ul.sub > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-globalnav ul.sub > li a {
  background-color: #f8f8f8;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  transition: .4s;
}
.p-header-globalnav ul.sub > li a::after {
  background-image: url(../images/common/icon-triangle02.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  position: relative;
  transform: rotate(-90deg);
}
.p-header-globalnav ul.sub > li a:hover {
  background-color: #9bbddd;
  color: #fff;
}
.p-header-globalnav ul.sub > li a:hover::after {
  background-image: url(../images/common/icon-triangle01.svg);
}
.p-header-globalnav ul.sub > li:not(:first-of-type) {
  margin: 6px 0 0;
}
.p-header-globalnav ul.sub > li.boundary::before {
  background: radial-gradient(circle farthest-side, #9dd0eb, #9dd0eb 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0));
  background-size: 5px 6px;
  content: '';
  display: inline-block;
  flex-grow: 1;
  height: 5px;
  margin: 0 0 8px 0;
  width: 100%;
}
.p-header-mypage {
  display: none;
  margin: 0 0 0 25px;
}
@media screen and (min-width: 1150px) {
  .p-header-mypage {
    display: block;
  }
}
.p-header-mypage a {
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-header-mypage a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-mypage a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-mypage a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-mypage a::before {
  background-color: #f9dad6;
  background-image: url(../images/common/icon-mypage.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  border-radius: 50px;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
  margin: 0 10px 0 0;
  transition: .4s;
}
.p-header-mypage a::after {
  background-image: url(../images/common/icon-arrow01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 25px;
  width: 25px;
  margin: 0 0 0 10px;
  transition: .4s;
}
.p-header-mypage a:hover::before {
  background-color: #e7bdb8;
}
.p-header-drawerbtn {
  margin: 0 0 0 10px;
}
@media screen and (min-width: 520px) {
  .p-header-drawerbtn {
    margin: 0 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .p-header-drawerbtn {
    margin: 0 0 0 25px;
  }
}
.p-header-drawerbtn label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.p-header-drawerbtn .icon {
  background-color: #81a6c9;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  position: relative;
  transition: .4s;
}
.p-header-drawerbtn .icon::before, .p-header-drawerbtn .icon::after {
  background-color: #fff;
  content: '';
  display: block;
  height: 2px;
  width: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.p-header-drawerbtn .icon::before {
  top: 14px;
}
.p-header-drawerbtn .icon::after {
  bottom: 14px;
}
.p-header-drawerbtn .icon:hover {
  background-color: #6889a9;
}
.p-header-drawerbtn .icon .border {
  background-color: #fff;
  height: 2px;
  width: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.p-header-drawerbtn .text {
  color: #394656;
  display: none;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  margin: 0 0 0 10px;
}
@media screen and (min-width: 520px) {
  .p-header-drawerbtn .text {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-drawerbtn .text {
    font-size: calc(16 * (100vw / 980));
    display: inline-block;
  }
}
@media screen and (min-width: 980px) {
  .p-header-drawerbtn .text {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-spnav {
  display: block;
  margin: auto;
  padding: 5px 0 10px;
  width: 92vw;
}
@media screen and (min-width: 768px) {
  .p-header-spnav {
    display: none;
  }
}
.p-header-spnav > .p-header-search {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-header-spnav > .p-header-search {
    display: none;
  }
}
.p-header-spnav_list {
  display: flex;
  flex-wrap: wrap;
}
.p-header-spnav_list > li {
  margin: 10px 1% 0;
  width: calc(94% / 3);
}
.p-header-spnav_list > li > a,
.p-header-spnav_list > li .p-header-spnav--label {
  background-color: #ccc;
  border-radius: 5px;
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  min-height: calc(54 * (100vw / 520));
  width: 100%;
}
@media screen and (min-width: 520px) {
  .p-header-spnav_list > li > a,
  .p-header-spnav_list > li .p-header-spnav--label {
    font-size: calc(16 * (100vw / 768));
    min-height: calc(54 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-spnav_list > li > a,
  .p-header-spnav_list > li .p-header-spnav--label {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-spnav_list > li > a,
  .p-header-spnav_list > li .p-header-spnav--label {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-spnav_list > li > a .icon,
.p-header-spnav_list > li .p-header-spnav--label .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-header-spnav_list > li > a .icon::before,
.p-header-spnav_list > li .p-header-spnav--label .icon::before {
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: block;
  height: 23px;
  width: 23px;
  margin: 0 3px 0 0;
}
.p-header-spnav_list > li > a.campaign,
.p-header-spnav_list > li .p-header-spnav--label.campaign {
  background-color: #faee68;
}
.p-header-spnav_list > li > a.campaign .icon::before,
.p-header-spnav_list > li .p-header-spnav--label.campaign .icon::before {
  background-image: url(../images/common/icon-campaign.webp);
}
.p-header-spnav_list > li > a.shop,
.p-header-spnav_list > li .p-header-spnav--label.shop {
  background-color: #b7d5cd;
}
.p-header-spnav_list > li > a.shop .icon::before,
.p-header-spnav_list > li .p-header-spnav--label.shop .icon::before {
  background-image: url(../images/common/icon-shop.webp);
}
.p-header-spnav_list > li > a.mypage,
.p-header-spnav_list > li .p-header-spnav--label.mypage {
  background-color: #f9dad6;
}
.p-header-spnav_list > li > a.mypage .icon::before,
.p-header-spnav_list > li .p-header-spnav--label.mypage .icon::before {
  background-image: url(../images/common/icon-mypage.webp);
}
.p-header-spnav--checkbox:checked ~ .p-header-spnav--container {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
  z-index: 501;
}
.p-header-spnav--checkbox:checked ~ .p-header-spnav--overlay {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
}
.p-header-spnav_banner {
  display: flex;
  flex-wrap: wrap;
}
.p-header-spnav_banner > li {
  margin: 0 1% 10px;
  width: calc(94% / 3);
}
.p-header-spnav--container {
  background-color: #fff;
  padding: 25px 0 10px;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  max-height: 0;
  width: calc(92vw - 2%);
  transition: .4s;
}
.p-header-spnav--overlay {
  transition: .4s;
}
.p-header-spnav--close {
  background-color: #81a6c9;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  right: -5px;
  height: 28px;
  width: 28px;
}
.p-header-float {
  background-color: rgba(247, 247, 247, 0.9);
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  padding: 10px 2vw;
  position: fixed;
  width: 100vw;
  z-index: 499;
  transition: .4s;
}
@media screen and (min-width: 768px) {
  .p-header-float {
    display: none;
  }
}
.p-header-float > .p-header-search {
  display: block;
  margin: 0 0 0 10px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .p-header-float > .p-header-search {
    display: none;
  }
}
.p-header-float > .p-header-search .search_input {
  padding: 12px 10px;
  width: calc(100% - 50px);
}
.p-header-float > .p-header-search .search_submit {
  width: 50px;
}
.p-header-float > .p-header-logo {
  max-width: 120px;
  min-width: calc(160*(100vw / 520));
}
.p-header .textline {
  position: relative;
}
.p-header .textline::after {
  background-color: #929292;
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -4px;
  z-index: 0;
  transition: .4s;
}
.p-header .textline:hover::after {
  width: 100%;
}

/* =========================================================
footer - フッター内のクラス
========================================================= */
.p-footer {
  background-color: #fff;
  padding: 40px 0 calc(160 * (100vw / 768));
}
@media screen and (min-width: 768px) {
  .p-footer {
    padding: 50px 0;
  }
}
.p-footer--wrap {
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 1450px;
  width: 96vw;
}
.p-footer--wrap.secondary {
  margin: 25px auto 0;
}
@media screen and (min-width: 768px) {
  .p-footer--wrap.secondary {
    margin: 65px auto 0;
  }
}
.p-footer-logo {
  display: none;
  align-items: center;
  flex-grow: 1;
  max-width: 210px;
}
@media screen and (min-width: 768px) {
  .p-footer-logo {
    display: flex;
  }
}
.p-footer-logo picture {
  display: block;
  width: 100%;
}
.p-footer-logo picture img {
  min-width: calc(160 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-footer-logo picture img {
    min-width: 160px;
  }
}
.p-footer-search {
  flex-grow: 1;
  max-width: 610px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-footer-search {
    margin: 0 0 0 15px;
  }
}
.p-footer-search .search_form {
  display: flex;
}
.p-footer-search .search_input {
  background-color: #f7f7f7;
  border: none;
  border-radius: 50px 0 0 50px;
  color: #9c9c9c;
  font-weight: 200;
  outline: none;
  font-size: calc(16 * (100vw / 520));
  padding: 12px 25px;
  transition: .4s;
  width: calc(100% - 60px);
}
@media screen and (min-width: 520px) {
  .p-footer-search .search_input {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-search .search_input {
    font-size: calc(16 * (100vw / 980));
    padding: 16px 25px;
  }
}
@media screen and (min-width: 980px) {
  .p-footer-search .search_input {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-search .search_input:hover {
  background-color: #eee;
}
.p-footer-search .search_submit {
  background-color: #81a6c9;
  background-image: url("../images/common/icon-search_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border: none;
  border-radius: 0 50px 50px 0;
  font-size: calc(16 * (100vw / 520));
  transition: .4s;
  width: 60px;
}
@media screen and (min-width: 520px) {
  .p-footer-search .search_submit {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-search .search_submit {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-search .search_submit {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-search .search_submit:hover {
  background-color: #6889a9;
  cursor: pointer;
}
.p-footer-tel {
  display: none;
  align-items: center;
  flex-grow: 1;
  max-width: 270px;
  margin: 0 0 0 15px;
}
@media screen and (min-width: 768px) {
  .p-footer-tel {
    display: flex;
  }
}
.p-footer-tel--wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-footer-tel--wrap > a {
  color: #394656;
  font-family: "Lato", serif;
  font-size: calc(28 * (100vw / 520));
  font-weight: bold;
  letter-spacing: .06rem;
}
@media screen and (min-width: 520px) {
  .p-footer-tel--wrap > a {
    font-size: calc(28 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-tel--wrap > a {
    font-size: calc(28 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-tel--wrap > a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.p-footer-tel--wrap .reduce {
  display: block;
  font-size: calc(14 * (100vw / 520));
  font-weight: 400;
  letter-spacing: .06rem;
  margin: 2px 0 0;
}
@media screen and (min-width: 520px) {
  .p-footer-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-tel--wrap .reduce {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-footer-tel--wrap .time {
  font-family: "Lato", serif;
  margin: 0 8px 0 0;
}
.p-footer-tel .icon {
  padding: 0 12px 0 0;
  position: relative;
}
.p-footer-tel .icon:before {
  background-image: url(../images/common/icon-phone_white.svg);
  background-color: #f17989;
  background-size: 38%;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
}
.p-footer-tel .icon:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 19px 7.5px;
  border-color: transparent transparent #f17989 transparent;
  position: absolute;
  top: 55%;
  left: 36px;
}
.p-footer-line {
  display: none;
  flex-grow: 1;
  max-width: 260px;
  margin: 0 0 0 15px;
}
@media screen and (min-width: 980px) {
  .p-footer-line {
    display: block;
  }
}
.p-footer-line a {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  padding: 11px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .p-footer-line a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-line a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-line a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-line a:hover {
  background-color: #35d99d;
}
.p-footer-line a img {
  margin: 0 6px;
  max-width: 30px;
}
.p-footer-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1150px) {
  .p-footer-nav {
    flex-direction: row;
  }
}
.p-footer-nav_list01 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01 {
    flex-direction: row;
  }
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list01 {
    width: calc(100% - 325px - 80px);
  }
}
.p-footer-nav_list01--wrap {
  border-bottom: 1px solid #f7f7f7;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap {
    border-bottom: none;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap:not(:first-of-type) {
    margin: 0 0 0 30px;
  }
}
.p-footer-nav_list01--wrap dt {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  margin: 0 0 10px;
}
@media screen and (min-width: 520px) {
  .p-footer-nav_list01--wrap dt {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dt {
    font-size: calc(16 * (100vw / 980));
    margin: 0 0 35px;
  }
}
@media screen and (min-width: 980px) {
  .p-footer-nav_list01--wrap dt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-nav_list01--wrap dd .subpage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dd .subpage {
    flex-direction: column;
  }
}
.p-footer-nav_list01--wrap dd .subpage > li {
  margin: 0 7px 7px 0;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dd .subpage > li {
    margin: 0 0 10px;
  }
}
.p-footer-nav_list01--wrap dd .subpage > li a {
  color: #394656;
  font-size: calc(14 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-footer-nav_list01--wrap dd .subpage > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dd .subpage > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-nav_list01--wrap dd .subpage > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-footer-nav_list01--wrap dd .subpage > li a:hover {
  text-decoration: underline;
}
.p-footer-nav_list02 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list02 {
    margin: 40px 0 0;
  }
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list02 {
    margin: 0 0 0 80px;
    max-width: 325px;
    width: auto;
  }
}
.p-footer-nav_list02 .page {
  display: flex;
  flex-wrap: wrap;
}
.p-footer-nav_list02 .page > li {
  margin: 0 25px 15px 0;
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list02 .page > li {
    margin: 0 0 35px;
    width: 48%;
  }
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list02 .page > li:nth-of-type(2n+2) {
    margin: 0 0 35px 4%;
  }
}
.p-footer-nav_list02 .page > li a {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-footer-nav_list02 .page > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list02 .page > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-nav_list02 .page > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-mypage {
  margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .p-footer-mypage {
    margin: 0;
  }
}
.p-footer-mypage a {
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-footer-mypage a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-mypage a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-mypage a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-mypage a::before {
  background-color: #f9dad6;
  background-image: url(../images/common/icon-mypage.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  border-radius: 50px;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
  margin: 0 10px 0 0;
  transition: .4s;
}
.p-footer-mypage a::after {
  background-image: url(../images/common/icon-arrow01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 25px;
  width: 25px;
  margin: 0 0 0 10px;
  transition: .4s;
}
.p-footer-mypage a:hover::before {
  background-color: #e7bdb8;
}
.p-footer-ltd_hikida {
  margin: 30px auto 0;
}
@media screen and (min-width: 768px) {
  .p-footer-ltd_hikida {
    margin: 0 auto;
  }
}
.p-footer-ltd_hikida a {
  transition: .4s;
}
.p-footer-ltd_hikida a:hover {
  opacity: .7;
}
.p-footer-ltd_hikida .authorization,
.p-footer-ltd_hikida .copyright {
  font-size: calc(14 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-footer-ltd_hikida .authorization,
  .p-footer-ltd_hikida .copyright {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-ltd_hikida .authorization,
  .p-footer-ltd_hikida .copyright {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-ltd_hikida .authorization,
  .p-footer-ltd_hikida .copyright {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-footer-ltd_hikida .authorization {
  margin: 15px auto 0;
}
.p-footer .textline {
  color: #394656;
  position: relative;
}
.p-footer .textline::after {
  background-color: #929292;
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -4px;
  z-index: 0;
  transition: .4s;
}
.p-footer .textline:hover::after {
  width: 100%;
}


/* =========================================================
page - 固定ページのクラスなど
========================================================= */
/* line 7, ../sass/object/project/_page.scss */
.p-page-arrow {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
@media screen and (min-width: 840px) {
  /* line 7, ../sass/object/project/_page.scss */
  .p-page-arrow {
    padding-right: 25px;
  }
}
/* line 14, ../sass/object/project/_page.scss */
.p-page-arrow::before {
  content: '';
  width: 15px;
  height: 8px;
  border-bottom: 1px solid #000000;
  position: absolute;
  right: -2px;
  top: calc(50% - 4px);
}
@media screen and (min-width: 576px) {
  /* line 14, ../sass/object/project/_page.scss */
  .p-page-arrow::before {
    border-bottom: 2px solid #000000;
  }
}
@media screen and (min-width: 840px) {
  /* line 14, ../sass/object/project/_page.scss */
  .p-page-arrow::before {
    width: 20px;
  }
}
/* line 29, ../sass/object/project/_page.scss */
.p-page-arrow::after {
  content: '';
  background: #000000;
  display: block;
  transform: rotate(312deg);
  width: 1px;
  height: 8px;
  position: absolute;
  right: 1px;
  top: calc(50% - 1.5px);
}
@media screen and (min-width: 576px) {
  /* line 29, ../sass/object/project/_page.scss */
  .p-page-arrow::after {
    width: 2px;
  }
}
/* line 45, ../sass/object/project/_page.scss */
.p-page-arrow.white::before {
  border-color: #ffffff;
}
/* line 48, ../sass/object/project/_page.scss */
.p-page-arrow.white::after {
  background: #ffffff;
}

/*input使用したタブ切り替え＝＝＝＝＝＝＝＝*/
/*ラジオボタンを全て消す*/
/* line 58, ../sass/object/project/_page.scss */
input[name="tab-brand"],
input[name="tab_name"],
input[name="shop-park"],
input[name="tab-gold"],
input[name="tab-step"],
input[name="delivery-step"],
input[name="delivery-flow"],
input[name="tab-diamond"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
/* line 69, ../sass/object/project/_page.scss */
.p-page-tab_content {
  visibility: hidden;
  opacity: 0;
  clear: both;
  overflow: hidden;
  width: 100%;
  max-height: 0;
}

/*選択されているタブのコンテンツのみを表示*/
/* line 79, ../sass/object/project/_page.scss */
#features-tab1:checked ~ #features-tab1-content,
#shop-park1:checked ~ #shop-park1-content,
#brand1:checked ~ #brand1-content,
#gold1:checked ~ #gold1-content,
#delivery-tab1:checked ~ #delivery-tab1-content,
#delivery-flow1:checked ~ #delivery-flow1-content,
#diamond1:checked ~ #diamond1-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab2:checked ~ #features-tab2-content,
#shop-park2:checked ~ #shop-park2-content,
#brand2:checked ~ #brand2-content,
#gold2:checked ~ #gold2-content,
#delivery-tab2:checked ~ #delivery-tab2-content,
#delivery-flow2:checked ~ #delivery-flow2-content,
#diamond2:checked ~ #diamond2-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab3:checked ~ #features-tab3-content,
#shop-park3:checked ~ #shop-park3-content,
#brand3:checked ~ #brand3-content,
#gold3:checked ~ #gold3-content,
#delivery-tab3:checked ~ #delivery-tab3-content,
#delivery-flow3:checked ~ #delivery-flow3-content,
#diamond3:checked ~ #diamond3-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab4:checked ~ #features-tab4-content,
#shop-park4:checked ~ #shop-park4-content,
#brand4:checked ~ #brand4-content,
#gold4:checked ~ #gold4-content,
#delivery-tab4:checked ~ #delivery-tab4-content,
#delivery-flow4:checked ~ #delivery-flow4-content,
#diamond4:checked ~ #diamond4-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab5:checked ~ #features-tab5-content,
#shop-park5:checked ~ #shop-park5-content,
#brand5:checked ~ #brand5-content,
#gold5:checked ~ #gold5-content,
#delivery-tab5:checked ~ #delivery-tab5-content,
#delivery-flow5:checked ~ #delivery-flow5-content,
#diamond5:checked ~ #diamond5-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab6:checked ~ #features-tab6-content,
#shop-park6:checked ~ #shop-park6-content,
#brand6:checked ~ #brand6-content,
#gold6:checked ~ #gold6-content,
#delivery-tab6:checked ~ #delivery-tab6-content,
#delivery-flow6:checked ~ #delivery-flow6-content,
#diamond6:checked ~ #diamond6-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab7:checked ~ #features-tab7-content,
#shop-park7:checked ~ #shop-park7-content,
#brand7:checked ~ #brand7-content,
#gold7:checked ~ #gold7-content,
#delivery-tab7:checked ~ #delivery-tab7-content,
#delivery-flow7:checked ~ #delivery-flow7-content,
#diamond7:checked ~ #diamond7-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab8:checked ~ #features-tab8-content,
#shop-park8:checked ~ #shop-park8-content,
#brand8:checked ~ #brand8-content,
#gold8:checked ~ #gold8-content,
#delivery-tab8:checked ~ #delivery-tab8-content,
#delivery-flow8:checked ~ #delivery-flow8-content,
#diamond8:checked ~ #diamond8-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab9:checked ~ #features-tab9-content,
#shop-park9:checked ~ #shop-park9-content,
#brand9:checked ~ #brand9-content,
#gold9:checked ~ #gold9-content,
#delivery-tab9:checked ~ #delivery-tab9-content,
#delivery-flow9:checked ~ #delivery-flow9-content,
#diamond9:checked ~ #diamond9-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab10:checked ~ #features-tab10-content,
#shop-park10:checked ~ #shop-park10-content,
#brand10:checked ~ #brand10-content,
#gold10:checked ~ #gold10-content,
#delivery-tab10:checked ~ #delivery-tab10-content,
#delivery-flow10:checked ~ #delivery-flow10-content,
#diamond10:checked ~ #diamond10-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab11:checked ~ #features-tab11-content,
#shop-park11:checked ~ #shop-park11-content,
#brand11:checked ~ #brand11-content,
#gold11:checked ~ #gold11-content,
#delivery-tab11:checked ~ #delivery-tab11-content,
#delivery-flow11:checked ~ #delivery-flow11-content,
#diamond11:checked ~ #diamond11-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab12:checked ~ #features-tab12-content,
#shop-park12:checked ~ #shop-park12-content,
#brand12:checked ~ #brand12-content,
#gold12:checked ~ #gold12-content,
#delivery-tab12:checked ~ #delivery-tab12-content,
#delivery-flow12:checked ~ #delivery-flow12-content,
#diamond12:checked ~ #diamond12-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab13:checked ~ #features-tab13-content,
#shop-park13:checked ~ #shop-park13-content,
#brand13:checked ~ #brand13-content,
#gold13:checked ~ #gold13-content,
#delivery-tab13:checked ~ #delivery-tab13-content,
#delivery-flow13:checked ~ #delivery-flow13-content,
#diamond13:checked ~ #diamond13-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab14:checked ~ #features-tab14-content,
#shop-park14:checked ~ #shop-park14-content,
#brand14:checked ~ #brand14-content,
#gold14:checked ~ #gold14-content,
#delivery-tab14:checked ~ #delivery-tab14-content,
#delivery-flow14:checked ~ #delivery-flow14-content,
#diamond14:checked ~ #diamond14-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab15:checked ~ #features-tab15-content,
#shop-park15:checked ~ #shop-park15-content,
#brand15:checked ~ #brand15-content,
#gold15:checked ~ #gold15-content,
#delivery-tab15:checked ~ #delivery-tab15-content,
#delivery-flow15:checked ~ #delivery-flow15-content,
#diamond15:checked ~ #diamond15-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/*===================
【js-colorbox】画像のポップアップ
*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 99, ../sass/object/project/_page.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 100, ../sass/object/project/_page.scss */
#cboxWrapper {
  max-width: none;
}

/* line 101, ../sass/object/project/_page.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 102, ../sass/object/project/_page.scss */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 103, ../sass/object/project/_page.scss */
#cboxContent {
  position: relative;
}

/* line 104, ../sass/object/project/_page.scss */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 105, ../sass/object/project/_page.scss */
#cboxTitle {
  margin: 0;
}

/* line 106, ../sass/object/project/_page.scss */
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 107, ../sass/object/project/_page.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 108, ../sass/object/project/_page.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

/* line 109, ../sass/object/project/_page.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

/* line 110, ../sass/object/project/_page.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 117, ../sass/object/project/_page.scss */
#cboxOverlay {
  background: #fff;
}

/* line 118, ../sass/object/project/_page.scss */
#colorbox {
  outline: 0;
}

/* line 119, ../sass/object/project/_page.scss */
#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000;
}

/* line 120, ../sass/object/project/_page.scss */
.cboxIframe {
  background: #fff;
}

/* line 121, ../sass/object/project/_page.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 122, ../sass/object/project/_page.scss */
#cboxLoadedContent {
  background: #000;
  padding: 1px;
}

/* line 123, ../sass/object/project/_page.scss */
#cboxLoadingOverlay {
  background: #000;
}

/* line 124, ../sass/object/project/_page.scss */
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

/* line 125, ../sass/object/project/_page.scss */
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 128, ../sass/object/project/_page.scss */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(images/controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 131, ../sass/object/project/_page.scss */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

/* line 133, ../sass/object/project/_page.scss */
#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}

/* line 134, ../sass/object/project/_page.scss */
#cboxPrevious:hover {
  background-position: 0px -25px;
}

/* line 135, ../sass/object/project/_page.scss */
#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}

/* line 136, ../sass/object/project/_page.scss */
#cboxNext:hover {
  background-position: -25px -25px;
}

/* line 137, ../sass/object/project/_page.scss */
#cboxClose {
  background-position: -50px 0px;
  right: 0;
}

/* line 138, ../sass/object/project/_page.scss */
#cboxClose:hover {
  background-position: -50px -25px;
}

/* line 139, ../sass/object/project/_page.scss */
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

/* line 140, ../sass/object/project/_page.scss */
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

/* line 141, ../sass/object/project/_page.scss */
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

/* line 142, ../sass/object/project/_page.scss */
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

/* line 143, ../sass/object/project/_page.scss */
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

/* line 146, ../sass/object/project/_page.scss */
#colorbox #cboxTitle {
  width: 100%;
  color: #218541;
  font-weight: bold;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
/* line 152, ../sass/object/project/_page.scss */
#colorbox #cboxClose {
  background: url("../images/icon/icon_multiply_w.svg") no-repeat center;
  background-color: #666666;
  background-size: 60% 60%;
  width: 32px;
  height: 32px;
  top: -32px;
  right: 0px;
}
/* line 161, ../sass/object/project/_page.scss */
#colorbox #cboxNext {
  background: url("../images/icon/icon-right-w.svg") no-repeat center;
  background-color: #218541;
  background-size: 70% 70%;
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  right: 0;
  border: 1px solid #959595;
  opacity: 0.8;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 0 0 5px;
}
/* line 173, ../sass/object/project/_page.scss */
#colorbox #cboxPrevious {
  background: url("../images/icon/icon-left-w.svg") no-repeat center;
  background-color: #218541;
  background-size: 70% 70%;
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  left: 0;
  border: 1px solid #959595;
  opacity: 0.8;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}

/* =========================================================
post - 投稿のクラスなど
========================================================= */
/* =========================================================
tel - 店頭買取のクラスなど
========================================================= */
/* line 4, ../sass/object/project/_tel.scss */
.p-tel {
  background: #f7f7f7;
}
/* line 7, ../sass/object/project/_tel.scss */
.p-tel-fv {
  background: url(../images/tel/mv-tel-bg.webp) no-repeat center right 30%;
  background-size: cover;
  margin: 10px auto 0;
}
@media screen and (min-width: 840px) {
  /* line 7, ../sass/object/project/_tel.scss */
  .p-tel-fv {
    background-position: center;
  }
}
/* line 14, ../sass/object/project/_tel.scss */
.p-tel-fv--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 21, ../sass/object/project/_tel.scss */
.p-tel-fv--ttl {
  color: #394656;
  font-size: calc(60 * (100vw / 668));
  font-weight: bold;
  padding: 170px 0;
}
@media screen and (min-width: 576px) {
  /* line 21, ../sass/object/project/_tel.scss */
  .p-tel-fv--ttl {
    font-size: calc(40 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 21, ../sass/object/project/_tel.scss */
  .p-tel-fv--ttl {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
/* line 35, ../sass/object/project/_tel.scss */
.p-tel-about {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 35, ../sass/object/project/_tel.scss */
  .p-tel-about {
    padding: 60px 0;
  }
}
/* line 40, ../sass/object/project/_tel.scss */
.p-tel-about--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 47, ../sass/object/project/_tel.scss */
.p-tel-about--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
  line-height: 1.8;
}
@media screen and (min-width: 576px) {
  /* line 47, ../sass/object/project/_tel.scss */
  .p-tel-about--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 47, ../sass/object/project/_tel.scss */
  .p-tel-about--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 62, ../sass/object/project/_tel.scss */
.p-tel-about--text {
  text-align: center;
}
/* line 67, ../sass/object/project/_tel.scss */
.p-tel-speed {
  text-align: center;
  margin: 0 auto;
  padding: 0 0 30px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 840px) {
  /* line 67, ../sass/object/project/_tel.scss */
  .p-tel-speed {
    padding: 0 0 60px;
  }
}
/* line 76, ../sass/object/project/_tel.scss */
.p-tel-speed--wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
  text-align: center;
}
/* line 83, ../sass/object/project/_tel.scss */
.p-tel-speed--wrap img {
  display: block;
  height: auto;
  width: auto;
}
/* line 91, ../sass/object/project/_tel.scss */
.p-tel .c-footer-contact {
  background: #F0F0F0;
  margin: 0 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 91, ../sass/object/project/_tel.scss */
  .p-tel .c-footer-contact {
    margin: 0 0 60px;
  }
}
#chatplusview, chat {
  position: relative;
  z-index: 1;
}

/* =========================================================
interface - 査定・買取方法のリンク
========================================================= */
.c-interface {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .c-interface {
    padding: 60px 0 80px;
  }
}
.c-interface--wrap {
  margin: auto;
  max-width: 1200px;
  width: 96vw;
}
.c-interface_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(24 * (100vw / 520));
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-interface_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-interface_title {
    font-size: calc(20 * (100vw / 980));
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 980px) {
  .c-interface_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-interface_title::before, .c-interface_title::after {
  background-color: #0abf7d;
  content: '';
  display: block;
  height: 66px;
  width: 2px;
}
.c-interface_title::before {
  transform: rotate(-30deg);
}
.c-interface_title::after {
  transform: rotate(30deg);
}
.c-interface_title.method {
  margin: 45px 0 20px;
}
@media screen and (min-width: 768px) {
  .c-interface_title.method {
    margin: 70px 0 30px;
  }
}
.c-interface_title.method::before, .c-interface_title.method::after {
  background-color: #ffee63;
}
.c-interface_title .text {
  padding: 0 33px;
}
.c-interface_btn {
  margin: auto;
  max-width: 390px;
  width: 90%;
}
.c-interface_btn a {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(22 * (100vw / 520));
  font-weight: 500;
  padding: 12px;
  text-align: center;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-interface_btn a {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-interface_btn a {
    font-size: calc(20 * (100vw / 980));
    padding: 18px;
  }
}
@media screen and (min-width: 980px) {
  .c-interface_btn a {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-interface_btn a:hover {
  background-color: #35d99d;
}
.c-interface_btn a img {
  margin: 0 8px 0;
  max-width: 30px;
}
@media screen and (min-width: 768px) {
  .c-interface_btn a img {
    max-width: 40px;
  }
}
.c-interface_btn a.counter {
  background-color: #b7d5cd;
  color: #394656;
}
.c-interface_btn a.counter:hover {
  background-color: #cce9e2;
}
.c-interface_btn a.delivery {
  background-color: #f9dad6;
  color: #394656;
}
.c-interface_btn a.delivery:hover {
  background-color: #ffe6e3;
  color: #394656;
}
.c-interface_btn a.bulgeout {
  background-color: #83c5e8;
  color: #394656;
}
.c-interface_btn a.bulgeout:hover {
  background-color: #bde8ff;
}
.c-interface_btnlist {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 390px;
  margin: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist {
    max-width: none;
  }
}
.c-interface_btnlist > li {
  width: 49%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist > li {
    margin: 0 2% 0 0;
    width: calc(96% / 3);
  }
}
.c-interface_btnlist > li:first-of-type {
  margin: 0 0 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist > li:first-of-type {
    margin: 0 2% 0 0;
    width: calc(96% / 3);
  }
}
.c-interface_btnlist > li:last-of-type {
  margin: 0 0 0 2%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist > li:last-of-type {
    margin: 0;
  }
}


/* =========================================================
caption - 査定士が自ら、目の前で査定
========================================================= */
.c-caption-type01 {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .c-caption-type01 {
    padding: 60px 0 80px;
  }
}
.c-caption-type01--wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1150px;
  text-align: center;
  width: 96%;
}
.c-caption-type01--wrap picture img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}


/* =========================================================
summer2025
========================================================= */
.p-summer2025-mv{
    background: url(../images/summer2025/bg_mv.webp) no-repeat center;
    text-align: center;
    background-size: auto 100%;
}

.p-summer2025-mv--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-summer2025-mv--wrap{
  }
}

.p-summer2025-mv .img01{
display:none;
}
@media screen and (min-width: 768px) {
  .p-summer2025-mv .img01{
    display:block;
  }
}
.p-summer2025-mv .img03{
display:none;
}
@media screen and (min-width: 768px) {
  .p-summer2025-mv .img03{
    display:block;
  }
}
.p-summer2025-info{
    padding: 20px 0;
    text-align: center;
}
@media screen and (min-width: 768px) {
  .p-summer2025-info{
    padding: 50px 0;
}
}
.p-summer2025-info--wrap{
  display:inline-block;
  padding:0 15%;
  position:relative;
}
@media screen and (min-width: 768px) {
  .p-summer2025-info--wrap{
    display:inline-block;
    padding:0 90px;
    position:relative;
  }
}
.p-summer2025-info--wrap::before{
  content:'';
  background: url("../images/summer2025/icon_arrow.webp") no-repeat center right;
  background-size:cover;
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:13%;
  height:100%;
}
@media screen and (min-width: 768px) {
  .p-summer2025-info--wrap::before{
          background-size:contain;
    background-position:center left;
    width:90px;
  }
}
.p-summer2025-info--wrap::after{
  content:'';
  background: url("../images/summer2025/icon_arrow.webp") no-repeat center left;
  background-size:cover;
  display:block;
  transform: scale(-1, 1);
  position:absolute;
  top:0;
  left:0;
  width:13%;
  height:100%;
}
@media screen and (min-width: 768px) {
  .p-summer2025-info--wrap::after{
          background-size:contain;
    background-position:center right;
        width:90px;
  }
}

.p-summer2025-info h1{
    color:#304053;
    font-size: calc(34 * (100vw / 980));
    font-weight:bold;
    padding-bottom: 10px;
}
@media screen and (min-width: 980px) {
  .p-summer2025-info h1{
       font-size: 33px;
  }
}
.p-summer2025-info p{
  color:#E60080;
     font-size: calc(24 * (100vw / 980));
      font-weight:bold;
  line-height:1.4;
}
@media screen and (min-width: 980px) {
  .p-summer2025-info p{
       font-size: 22px;
  }
}
.p-summer2025-btn{
    display:flex;
    margin: 0 auto;
    max-width: 1000px;
    width: 96vw;
}

.p-summer2025-btn li{
  width:50%;
  padding:7px;
}
@media screen and (min-width: 768px) {
  .p-summer2025-btn li{
  padding:0 20px;
}
}
.p-summer2025-btn a{
  display:inline-block;
}
.p-summer2025-btn img{

}


.c-followbtn {
    background: #efece4;
    background: linear-gradient(0deg, #efece4 80%,rgba(239,236,228,0) 80%);
    position: fixed;
    bottom: 0;
    width: 100vw
}

.c-followbtn_list {
    display: flex;
    max-width: 768px;
    margin: auto
}

.c-followbtn_list>li {
    padding: 0 5px;
    width: calc(100% / 3)
}

.c-followbtn_list>li a {
    display: block;
    padding: 0 0 6px
}