/* ================== common ================== */
.l-block__item[class] {
  margin: 0 auto 30px;
}
.l-block__item[class]:last-child {
  margin-bottom: 0;
}

.c-list__item {
  margin-bottom: 0;
}

.p-listBlankstyle > li {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.p-block__item {
  margin-bottom: 30px;
}
.p-block__item:last-child {
  margin-bottom: 0;
}

/* ================== インフォメーション ================== */
.p-infocaution {
  color: #a83c38;
  border: 1px solid #a83c38;
}

.p-infocaution__link {
  font-size: 16px;
  line-height: 1.6;
  display: block;
  padding: 12px 8px;
  text-align: center;
}

.p-infocaution .c-link.-arrow:after {
  border-color: #a83c38;
}

/* ================== お知らせ ================== */
.c-storeblock {
  border: 1px solid #dedede;
}
.c-storeblock__morebtn {
  background-color: #fff;
}
.c-storeblock__morecont {
  padding: 5px 15px 20px;
}
.c-storeblock__morecont p {
  line-height: 1.8;
}

/* ================== FAQ ================== */
/* ====== __でよくある質問 ====== */
.p-faqPickup__box {
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 6px;
  padding: 20px 15px;
}
.p-faqPickup__question__item {
  position: relative;
  padding-left: calc(1.6em + 0.5em);
  width: fit-content;
}
.p-faqPickup__question__item:hover,
.p-faqPickup__question__item > *:hover {
  cursor: pointer;
  opacity: 0.7;
}
.p-faqPickup__question__item::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6em;
  height: 1.6em;
  background-image: url(/include/shopping/help/support/image/ic_question_230614.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.p-faqPickup__question__item + .p-faqPickup__question__item {
  margin-top: 5px;
}
/* ====== アンカーナビ ====== */
.p-nav__lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px 12px;
}
.p-nav__item {
  width: calc(50% - (12px / 2));
}
.p-nav__linkwrap {
  background-color: #fff;
  border-radius: 6px;
  color: #313131;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 15px 10px 26px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}
.p-nav__linkwrap[data-icon] {
  padding: 15px calc((10px * 2) + 1.6em) 26px;
}
.p-nav__linkwrap[data-icon]::before {
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6em;
  height: 1.6em;
  filter: invert(66%) sepia(43%) saturate(434%) hue-rotate(360deg) brightness(101%) contrast(89%);
}
.p-nav__linkwrap::after {
  display: block;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%) rotate(135deg);
  width: 8px;
  height: 8px;
  margin: 0;
  border-top: 2px solid #313131;
  border-right: 2px solid #313131;
  content: "";
}
.p-nav__textBox {
  display: block;
}
.p-nav__textBox span {
  display: inline-block;
}

@media (max-width: 768px) {
  .p-nav__item {
    width: 100%;
  }
  .p-nav__linkwrap {
    justify-content: flex-start;
    padding: 15px 32px 15px 10px;
  }
  .p-nav__linkwrap[data-icon] {
    padding: 15px 32px 15px calc((10px * 2) + 1.6em);
  }
  .p-nav__linkwrap::after {
    bottom: 50%;
    left: unset;
    right: 10px;
    transform: translateX(0) translateY(50%) rotate(135deg);
  }
}
/* ====== FAQ一覧 ====== */
.p-faq__content + .p-faq__content {
  margin-top: 60px;
}
.p-faq__title {
  display: block;
  position: relative;
  font-size: 20px;
  line-height: 1.3em;
  margin-bottom: 10px;
}
.p-faq__title > span {
  display: block;
  padding-bottom: 5px;
}
.p-faq__title[data-icon] > span {
  padding-left: calc(1.2em + 10px);
}
.p-faq__title[data-icon]::before {
  left: 0;
  top: calc(50% - (5px / 2));
  transform: translateY(-50%);
  width: 1.2em;
  height: 1.2em;
  filter: invert(18%) sepia(1%) saturate(5107%) hue-rotate(51deg) brightness(101%) contrast(95%);
}
.c-accordion [type="button"] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.p-faq__title::after,
.p-faqAccordion::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dedede;
}
.p-faqAccordion__title {
  background-color: transparent;
}

/* ====== Nav & FAQ Icons  ====== */
.p-nav__linkwrap[data-icon]::before,
.p-faq__title[data-icon]::before {
  display: block;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.p-nav__linkwrap[data-icon="onlineMember"]::before,
.p-faq__title[data-icon="onlineMember"]::before {
  background-image: url(/include/shopping/help/support/image/ic_onlineMember_230614.svg);
}
.p-nav__linkwrap[data-icon="membersService"]::before,
.p-faq__title[data-icon="membersService"]::before {
  background-image: url(/include/shopping/help/support/image/ic_membersService_230614.svg);
}
.p-nav__linkwrap[data-icon="order"]::before,
.p-faq__title[data-icon="order"]::before {
  background-image: url(/include/shopping/help/support/image/ic_order_230614.svg);
}
.p-nav__linkwrap[data-icon="productDelivery"]::before,
.p-faq__title[data-icon="productDelivery"]::before {
  background-image: url(/include/shopping/help/support/image/ic_productDelivery_230614.svg);
}
.p-nav__linkwrap[data-icon="giftService"]::before,
.p-faq__title[data-icon="giftService"]::before {
  background-image: url(/include/shopping/help/support/image/ic_giftService_230614.svg);
}
.p-nav__linkwrap[data-icon="paymentReceipt"]::before,
.p-faq__title[data-icon="paymentReceipt"]::before {
  background-image: url(/include/shopping/help/support/image/ic_paymentReceipt_230614.svg);
}
.p-nav__linkwrap[data-icon="pointOther"]::before,
.p-faq__title[data-icon="pointOther"]::before {
  background-image: url(/include/shopping/help/support/image/ic_pointOther_230614.svg);
}

/* ====== FAQ answer box ====== */
.p-faq__answerBox {
  background-color: #fff;
  padding: 30px 20px;
}
@media (max-width: 768px) {
  .p-faq__answerBox {
    padding: 25px 10px;
  }
}

/* ================== お問い合わせ ================== */
/* ====== button ====== */
/* ====== reset ====== */
.c-designbtn[data-btnColor] span {
    display: block;
}
.c-designbtn[data-btnColor] span:not(.c-designbtn[data-btnColor] > span) {
    position: inherit;
    line-height: inherit;
    padding: 0;
    text-align: inherit;
}
.c-designbtn[data-btnColor] span:not(.c-designbtn[data-btnColor] > span):after {
  content: unset;
}
/* ====== /reset ====== */
.c-designbtn[data-btnColor="form"] {
  background-color: #90b971;
  border-color: #90b971;
  color: #fff;
}
.c-designbtn[data-btnColor="form"] span:after {
  border-color: #fff;
}
.c-designbtn[data-btnColor="aboutus"] {
  background-color: #a83c38;
  border-color: #a83c38;
  color: #fff;
}
.c-designbtn[data-btnColor="aboutus"] span:after {
  border-color: #fff;
}
.c-designbtn[data-btnColor="chat"] {
  background-color: #4188B9;
  border-color: #4188B9;
  color: #fff;
}
.c-designbtn[data-btnColor="chat"] span:after {
  border-color: #fff;
}

/* ====== お問い合わせ ====== */
.p-contactservice {
  display: block;
  width: 100%;
}
.p-contactservice__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.p-contactservice__block {
  display: block;
  width: calc((100% - 3px) / 4);
  margin-right: -1px;
  border-right: 1px solid #dedede;
  padding: 40px 20px;
}
.p-contactservice__block:last-child {
  border-right: none;
  margin-right: 0;
}
.p-contactserviceItem {
  display: block;
  width: 100%;
}
.p-contactserviceItem__icon {
  display: block;
  margin-bottom: 7px;
  text-align: center;
}
.p-contactserviceItem__icon img {
  height: 74px;
}
.p-contactserviceItem__title {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 768px) {
  .p-contactservice {
    padding: 0;
  }
  .p-contactservice__block {
    width: 100%;
    margin-right: 0;
    border-right: none;
    padding: 20px 0;
    margin-bottom: -1px;
    border-bottom: 1px solid #dedede;
  }
  .p-contactservice__block:last-child {
    border-right: none;
    margin-right: 0;
  }
  .p-contactserviceItem__icon img {
    height: 52px;
  }
  .p-contactserviceItem__title {
    font-size: 16px;
    letter-spacing: -1px;
  }
}

/* ====== サポートデスク ====== */
.p-supportdesk {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dedede;
}
.p-supportdesk__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 24px;
}
.p-supportdesk__block {
  width: 50%;
}

@media (max-width: 768px) {
  .p-supportdesk {
    margin-top: -1px;
  }
  .p-supportdesk__inner {
    flex-direction: column;
  }
  .p-supportdesk__block {
    width: 100%;
  }
}
/* ============================================================================ */