﻿@charset "UTF-8";

/* ----会員規約---- */
.block-member-terms--header {
  padding-block: 30px 40px;
}

/* ----会員登録画面---- */
.block-member-info--promotion-freespace {
  text-align: center;
  margin-bottom: 60px;
}

.block-member-info--promotion-freespace,
.block-member-info--message,
.block-member-info--message-password {
  line-height: 28px;
}

.block-member-info--promotion-freespace .required,
.block-member-info--message .required,
.block-member-info--message-password .required {
  margin-inline: 1em 0.3em;
  line-height: 1.5;
}

.block-member-info--message-option-info,
.block-member-info--message-mailnews,
.block-member-info--message-promotion,
.block-member-info--message-password,
.block-member-info--message-password + .block-member-info--message,
.block-member-info--message-use-spoofing-protection {
  margin-bottom: 20px;
}
.block-member-info--name .checktype_name:nth-child(n+2),
.block-member-info--kana .checktype_kana:nth-child(n+2) {
  margin-left: 20px;
}
.block-member-info--value-label {
  display: inline-block;
  width: 45px;
  text-align: left;
}

.block-member-info--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

/* ----会員登録確認画面---- */
.block-member-info-confirmation--login-state-saving {
  margin-top: 30px;
}

.block-member-info-confirmation--promotion-freespace {
  text-align: center;
  margin-bottom: 60px;
}

.block-member-info-confirmation--promotion-freespace,
.block-member-info-confirmation--message {
  line-height: 28px;
}

.block-member-info-confirmation--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

/* ----会員登録完了画面---- */
.block-member-registration-completed p {
  font-size: 17px;
  text-align: center;
}

.action .block-member-registration-completed--forward {
  min-width: 330px;
  color: #fff;
  border-color: var(--base);
  background-color: var(--base);
}

/* ----マイページ画面---- */
.block-mypage--customer-status {
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: none;
}

.block-mypage--sign {
  display: flex;
  width: 100%;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid var(--border);
}

.block-mypage--customer-name {
  font-size: 20px;
  font-weight: bold;
}

.block-mypage a {
  color: #000;
}

.block-mypage--mypoint {
  margin-top: 10px;
  padding-left: 0;
}

.block-mypage--mypoint-duedate {
  color: var(--alert);
}

.block-mypage--shopping-info,
.block-mypage--member-info,
.block-mypage--inquiry-info,
.block-mypage--snssync-info,
.block-mypage--linesync-info {
  font-size: 20px;
  font-weight: bold;
  padding: 10px 8px 10px 0;
  border-color: var(--border);
}

.block-icon-image--flex-align-left .block-icon-image {
  display: none;
}

.block-mypage--shopping-info-items,
.block-mypage--member-info-items,
.block-mypage--inquiry-info-items,
.block-mypage--snssync-info-items,
.block-mypage--linesync-info-items {
  gap: 20px;
}

.block-mypage--shopping-info-items li,
.block-mypage--member-info-items li,
.block-mypage--inquiry-info-items li,
.block-mypage--snssync-info-items li,
.block-mypage--linesync-info-items li {
  width: 420px;
  max-width: 420px;
  margin: 0 !important;
  border-color: var(--border);
  border-top: 5px solid #be9796;
}

.block-mypage--shopping-info-items li .block-icon-image--angle-right,
.block-mypage--member-info-items li .block-icon-image--angle-right,
.block-mypage--inquiry-info-items li .block-icon-image--angle-right,
.block-mypage--snssync-info-items li .block-icon-image--angle-right,
.block-mypage--linesync-info-items li .block-icon-image--angle-right {
  display: none;
}

.block-mypage--shopping-info-items li dl,
.block-mypage--member-info-items li dl,
.block-mypage--inquiry-info-items li dl,
.block-mypage--snssync-info-items li dl,
.block-mypage--linesync-info-items li dl {
}

.block-mypage--shopping-info-items li dt,
.block-mypage--member-info-items li dt,
.block-mypage--inquiry-info-items li dt,
.block-mypage--snssync-info-items li dt,
.block-mypage--linesync-info-items li dt {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid var(--border);
}

.block-mypage--shopping-info-items li dt a,
.block-mypage--member-info-items li dt a,
.block-mypage--inquiry-info-items li dt a,
.block-mypage--snssync-info-items li dt a,
.block-mypage--linesync-info-items li dt a {
  position: relative;
  padding: 15px 19px;
  text-decoration: none;
}
.block-mypage--shopping-info-items li dt a:before,
.block-mypage--member-info-items li dt a:before,
.block-mypage--inquiry-info-items li dt a:before,
.block-mypage--snssync-info-items li dt a:before,
.block-mypage--linesync-info-items li dt a:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  top: 50%;
  right: 10px;
  border-top: 2px solid var(--border);
  border-right: 2px solid var(--border);
  transform: translateY(-50%) rotate(45deg);
}

.block-mypage--shopping-info-items li dd,
.block-mypage--member-info-items li dd,
.block-mypage--inquiry-info-items li dd,
.block-mypage--snssync-info-items li dd,
.block-mypage--linesync-info-items li dd {
  padding: 20px 19px 20px;
}

.block-mypage .block-mypage--update-address-book {
  width: 100%;
  margin-top: 10px;
  color: #fff;
  text-decoration: none !important;
  border: 1px solid var(--base);
  background: var(--base);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.block-mypage .block-mypage--update-address-book:hover {
  color: var(--base);
  border-radius: 6px;
  background: #fff;
}

.block-mypage--withdrawal {
  font-size: 18px;
  font-weight: bold;
}

.modal--snssync-menu {
  width: 100%;
  margin-inline: 0;
  padding-inline: 15px;
}
.modal--snssync-menu .btn {
  width: 260px;
  height: 50px;
  text-decoration: none;
}

.modal--snssync-menu-contents-line .snslogin  {
  display: block;
  margin: 10px auto 15px;
  height: 50px;
  color: #fff;
  border-radius: 6px;
  background: #00b900;
}


/* ----会員情報変更画面---- */
.block-member-info--message-password {
}
.block-member-info--message-password a {
  color: var(--link);
}
.block-member-info--message-password a:hover {
  color: var(--base);
  background: #fff;
}

/* ----アドレス帳の新規登録・変更画面---- */
.block-shipping-address-registration--message {
  margin-bottom: 40px;
}

.block-shipping-address--customer-name,
.block-shipping-address-confirmation--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.fieldset .form-group.block-shipping-address--dept,
.fieldset .form-group.block-shipping-address-confirmation--dept {
  border-color: #000;
}

.block-shipping-address--value-label {
  width: 40px;
  text-align: left;
}
.checktype_name + .checktype_name,
.checktype_kana + .checktype_kana {
  margin-left: 20px;
}

.block-shipping-address--form .action-buttons + .action-buttons {
  flex-direction: column;
  margin-top: 20px;
}
.block-shipping-address--form .block-shipping-address--delete {
  min-width: 180px;
  color: #000;
  border: 1px solid var(--border);
  background: #fff;
}
.block-shipping-address--form .block-shipping-address--delete:hover {
  color: #000;
  background: var(--bgGray);
}
.block-shipping-address--regular-delete-msg {
  margin-top: 20px;
}



/* ----パスワード再設定---- */
.block-member-password--customer-name {
  font-size: 20px;
  font-weight: bold;
}
.fieldset .form-group.block-member-password--update-new-pwd1 {
  border-color: #000;
}
.form-group.block-member-password--update-old-pwd #oldpwd,
.form-group.block-member-password--update-new-pwd1 #npwd1 {
  width: 370px;
}



/* ----パスワード再設定完了画面---- */
.block-reset-password-completed--message,
.block-reset-new-password--completed-message,
.block-member-password--update-completed-message {
  text-align: center;
}
.block-member-password--update-completed-message .block-member-password--changed-message {
  font-size: 17px;
}
.block-member-password--update-completed-message .block-member-password--login-link {
  margin-top: 10px;
}
.action .block-member-password--update-completed-back {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-member-password--update-completed-back:hover {
  color: var(--base);
  background-color: #fff;
}

/* ----退会画面---- */
.block-withdrawal--customer-name {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.fieldset .form-group.block-withdrawal--pwd {
  border-color: #000;
}
.block-withdrawal--form {
  margin-top: 60px;
}
.action .block-withdrawal--forward {
  min-width: 260px;
}

/* ----退会完了画面---- */
.block-withdrawal--completed-message {
  font-size: 17px;
  text-align: center;
}
.action .block-withdrawal--back-to-home {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-withdrawal--back-to-home:hover {
  color: var(--base);
  background-color: #fff;
}

/* ----ログアウト画面---- */
.block-logout--message {
  text-align: center;
}
.action .block-logout--back-to-home {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-logout--back-to-home:hover {
  color: var(--base);
  background-color: #fff;
}

/* ----メールアドレス変更画面---- */
.block-mail-address--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

/* ----メールアドレス変更完了画面---- */
.block-mail-address--update-completed-message {
  text-align: center;
}
.block-mail-address--update-completed-message .block-mail-address--changed-message {
  font-size: 17px;
}
.block-mail-address--update-completed-message .block-mail-address--mypage-link {
  margin-top: 10px;
}
.action .block-mail-address--update-completed-back-to-home {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-mail-address--update-completed-back-to-home:hover {
  color: var(--base);
  background-color: #fff;
}

/* ----所持クーポン一覧画面---- */
.block-coupon-list--customer-name {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.block-coupon-list--coupon-code {
  width: 160px;
}
.block-coupon-list--coupon-name {
  width: 250px;
}
.block-coupon-list--bonus-type {
  width: 130px;
}
.block-coupon-list--coupon-dt {
  width: 180px;
  white-space: normal;
}

/* ----ポイント履歴一覧---- */
.block-point-history-list--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}


/* ----ご注文キャンセル画面---- */
.block-order-cancellation--order-detail-header {
  position: relative;
  margin-top: 0;
  padding-bottom: 8px;
}
.block-order-cancellation--order-detail-header:after {
  content: "";
  position: absolute;
  width: 1000px;
  height: 1px;
  left: 0;
  bottom: 0;
  background: var(--border);
}
.block-order-cancellation--order-info-right {
  margin-top: 53px;
}
.block-order-cancellation--cancellation-reasons-form .legend {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
.block-order-cancellation--forward {
  min-width: 260px;
}

/* ----ご注文キャンセル完了画面---- */
.block-order-cancellation-completed--message {
  font-size: 17px;
  text-align: center;
}
.action .block-order-cancellation-completed--back-to-mypage {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-order-cancellation-completed--back-to-mypage:hover {
  color: var(--base);
  background-color: #fff;
}

/* ----カード情報変更画面---- */
.block-update-credit-card-info--form #frmCardUpdate {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-update-credit-card-info--credit-card-info {
  width: 100%;
  order: 0;
}
.block-update-credit-card-info--form .action-buttons {
  width: auto;
  order: 1;
}
.block-update-credit-card-info--credit-card-info + .action-buttons {
  order: 2;
}
.block-update-credit-card-info--form noscript {
  order: 10;
}
.block-update-credit-card-info--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.block-update-credit-card-info--message {
  margin-bottom: 20px;
}
.action .block-update-credit-card-info--back {
  min-width: auto;
}

/* ----お問い合わせ画面---- */
.block-inquiry--message {
  margin-bottom: 40px;
}
.block-inquiry--progress {
  margin-bottom: 40px;
  text-align: center;
}
.block-inquiry--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.block-inquiry--inquiry-body textarea {
  width: 100%;
  height: 240px;
}
.block-inquiry--name-label {
  display: inline-block;
  width: 45px;
}
.block-inquiry--name-label:nth-child(n+2) {
  margin-left: 20px;
}
.action .block-inquiry--forward {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-inquiry--forward:hover {
  color: var(--base);
  background-color: #fff;
}

/* ----お問い合わせ確認画面---- */


/* ----お問い合わせ完了画面---- */
.block-inquiry-completed {
  display: flex;
  width: 1000px;
  margin-inline: auto;
  flex-direction: column;
}
.block-inquiry-completed--header {
  order: 0;
}
.block-inquiry-completed--customer-name {
  font-size: 20px;
  font-weight: bold;
  order: 1;
}
.block-inquiry-completed .action-buttons {
  order: 3;
}
.action .block-inquiry-completed--back-to-home {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-inquiry-completed--back-to-home:hover {
  color: var(--base);
  background-color: #fff;
}
.block-inquiry-completed--message {
  font-size: 17px;
  text-align: center;
  order: 2;
}
.block-inquiry-completed--customer-name + .action-buttons + .block-inquiry-completed--message {
  margin-top: 40px;
}

/* ----アンケート画面---- */
.block-questionnaire--freespace-top {
  margin-bottom: 40px;
}
.block-questionnaire--customer-name {
  font-size: 20px;
  font-weight: bold;
}
.block-questionnaire--box-content {
  margin-top: 20px;
  padding-block: 30px;
  border-block: 1px solid #000;
}
.block-questionnaire--form .fieldset:first-child {
  margin-top: 0;
}
.block-questionnaire--form .fieldset .form-group {
  padding-block: 30px;
}
.block-questionnaire--form .fieldset .form-group .form-label,
.block-questionnaire--form .fieldset .form-group .form-control {
  padding-block: 0;
}
.block-questionnaire--form .fieldset .form-group:first-child {
  padding-top: 0;
  border-top: none;
}
.block-questionnaire--form .fieldset .form-group:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.block-questionnaire--freespace-bottom {
  margin-top: 40px;
}

/* ----アンケート完了画面---- */
.block-questionnaire-completed--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.block-questionnaire-completed--message {
  font-size: 17px;
  text-align: center;
}
.action .block-questionnaire-completed--back-to-home {
  min-width: 260px;
  color: #fff;
  border: solid 1px var(--base);
  background-color: var(--base);
}
.action .block-questionnaire-completed--back-to-home:hover {
  color: var(--base);
  background-color: #fff;
}

/* ----購入履歴一覧---- */
.block-purchase-history--customer-name {
  font-size: 20px;
  font-weight: bold;
}
.block-purchase-history--search-frame {
  margin-block: 30px;
  background: var(--bgGray);
}
.block-purchase-history--search-item:last-child {
  text-align: right;
}
.block-purchase-history--search-item input[type="text"],
.block-purchase-history--search-item select {
  background: #fff;
}
.block-purchase-history--search-btn {
  width: 150px;
  height: 40px;
  color: #fff;
  border-color: var(--base);
  background: var(--base);
  transition: 0.3s all;
}
.block-purchase-history--search-btn:hover {
  color: var(--base);
  background: #fff;
}
.block-purchase-history--table th {
  font-weight: normal;
  text-align: center;
}
.block-purchase-history--table .block-purchase-history--order-detail {
  position: relative;
  padding-bottom: 60px;
}
.block-purchase-history--table .block-purchase-history--order-detail-item:nth-child(n+2) {
  margin-top: 10px;
}
.block-purchase-history--table .variation-name {
  font-size: 12px;
}
.block-purchase-history--table .block-purchase-history--order-detail-reorder {
  position: absolute;
  height: 30px;
  left: 10px;
  bottom: 10px;
}
.block-purchase-history--table .block-purchase-history--order-detail-reorder a {
  padding: 3px 15px;
  color: #000;
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.block-purchase-history--table .block-purchase-history--order-detail-reorder a:hover {
  color: #fff;
  border-color: var(--base);
  background: var(--base);
}
.block-purchase-history--table .block-purchase-history--status > a {
  color: #000;
}
.block-purchase-history--table .block-purchase-history--status .status-order,
.block-purchase-history--table .block-purchase-history--status .status-cancel,
.block-purchase-history--table .block-purchase-history--status .status-income,
.block-purchase-history--table .block-purchase-history--status .status-reserve,
.block-purchase-history--table .block-purchase-history--status .status-rship,
.block-purchase-history--table .block-purchase-history--status .status-ship,
.block-purchase-history--table .block-purchase-history--status .status-verify,
.block-purchase-history--table .block-purchase-history--status .status-return,
.block-purchase-history--table .block-purchase-history--status .status-status_,
.block-purchase-history--table .block-purchase-history--status .status-status_1,
.block-purchase-history--table .block-purchase-history--status .status-status_2,
.block-purchase-history--table .block-purchase-history--status .status-status_3,
.block-purchase-history--table .block-purchase-history--status .status-status_4,
.block-purchase-history--table .block-purchase-history--status .status-status_9 {
  border: none;
}
.block-purchase-history--table .block-purchase-history--status .status-message {
  font-size: 16px;
}
.block-purchase-history--back {
  border-radius: 6px;
}

/* ----購入履歴詳細---- */
.block-purchase-history-detail--customer-name {
  font-size: 20px;
  font-weight: bold;
}
.block-purchase-history-detail--company-name {
  line-height: 30px;
}
.block-purchase-history-detail--proceed-status {
  height: 100%;
}
.block-purchase-history-detail--proceed-status .status-ship {
  width: 100%;
  height: 100%;
}
.status-order, .status-cancel, .status-income, .status-reserve, .status-rship, .status-ship, .status-verify, .status-return, .status-status_, .status-status_1, .status-status_2, .status-status_3, .status-status_4, .status-status_9 {
  width: 100%;
  height: 100%;
}
.block-purchase-history-detail--proceed-status .status-message {
  font-size: 100%;
}
.block-purchase-history-detail--receipt {
  width: 150px;
  height: 40px;
  color: #fff;
  text-decoration: none;
  border-color: var(--base);
  background: var(--base);
  transition: 0.3s all;
}
.block-purchase-history-detail--receipt:hover {
  color: var(--base);
  background: #fff;
}
.block-purchase-history-detail--receipt-items label {
  flex-shrink: 0;
}
.block-purchase-history-detail--add-goods,
.block-purchase-history-detail--contact {
  color: #fff;
  border-color: var(--base);
  background: var(--base);
}
.block-purchase-history-detail--add-goods:hover,
.block-purchase-history-detail--contact:hover {
  color: var(--base);
  background: #fff;
}
.block-purchase-history-detail--point-message {
  font-size: 12px;
}

.block-purchase-history-detail--order-detail-items thead th:last-child {
  width: 100px;
}
.block-purchase-history-detail--shipment-items th:nth-child(2) {
  width: 60px;
}



/* ----お気に入り---- */
.block-favorite--form > form {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.block-favorite--pager-top,
.block-favorite--bookmark-list,
.block-favorite--pager-bottom {
  width: 100%;
}
.block-favorite--form > form > .action-buttons {
  width: auto;
  order: 3;
}
.block-favorite--form > form > .action-buttons:last-child {
  margin-inline: 0;
  order: 2;
}
.block-favorite--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.block-favorite--description {
  flex-basis: 600px;
}
.block-favorite--favorite-goods {
  display: grid;
  grid-template-columns: max-content max-content 550px 1fr auto;
  grid-template-rows: max-content 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.block-favorite--checkbox {
  min-width: 39px;
  grid-area: 1 / 1 / 3 / 2;
}
.block-favorite--image {
  grid-area: 1 / 2 / 3 / 3;
}
.block-favorite--description {
  grid-area: 1 / 3 / 2 / 4;
}
.block-favorite--comment {
  grid-area: 2 / 3 / 3 / 4;
}
.block-favorite--delete-item {
  grid-area: 1 / 4 / 3 / 5;
}
.block-favorite--form .pagination li {
  margin: 0;
  padding: 0;
  border: none;
}
.block-favorite--items li {
  padding-inline: 0;
  border-color: var(--border);
  border-inline: none;
}
.block-favorite--items li:first-child {
  border-top-color: var(--border);
}
.block-favorite--image {
  padding-inline: 20px;
}
.block-favorite--goods-name {
  font-size: 18px;
  font-weight: bold;
}
.block-favorite--description .variation-name {
  font-size: 14px;
}
.block-icon {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 0 !important;
}
.block-icon > *:last-child {
  margin-bottom: 20px;
}
.block-icon img {
  display: block;
  width: auto;
  height: 22px;
}
.block-favorite--price-items {
  margin-top: 10px;
}
.block-favorite--spec .block-favorite--price-items,
.block-favorite--spec .block-favorite--update-dt {
  text-align: left;
}
.block-favorite--spec .block-favorite--update-dt {
  font-size: 12px;
}
.block-favorite--delete-fg input:checked ~ .switch:before {
  background: var(--base);
}
.block-favorite--price {
  font-size: 16px;
}
.block-favorite--price:after {
  font-size: 12px;
}
.block-favorite--comment {
  margin: 10px 0 0;
}
.block-favorite--edit-comment {
  text-align: right;
}
.block-favorite--update,
.block-favorite--cancel {
  height: 40px;
  margin-top: 10px;
  padding-inline: 10px;
}
.block-favorite--update {
  margin-right: 10px;
}
.block-favorite--delete-item {
  justify-content: flex-end;
}
.block-favorite--delete-item .btn {
  margin: 0;
  width: 100px;
  height: 40px;
  color: #000;
  text-decoration: none;
  border: 1px solid var(--border);
  background: var(--bgGray);
  transition: 0.3s all;
}
.block-favorite--delete-item .btn:hover {
  background: #fff;
}
.block-favorite--add-to-cart {
  flex-direction: column;
  justify-content: center;
}



/* ----ゲストお気に入り画面---- */
.block-guest-favorite-synchronize {
  text-align: center;
  margin-top: 50px;
}
.block-guest-favorite-synchronize {
  text-align: left;
}
.block-guest-favorite-synchronize a {
  color: #000;
}


/* ----お問い合わせ履歴一覧---- */
.block-inquiry-history--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.block-inquiry-history--body {
  border-top: 1px solid var(--border);
}
.block-inquiry-history--body li {
  border-color: var(--border);
}
.block-inquiry-history--subject a {
  color: #000;
}

/* ----お問い合わせ履歴詳細---- */
.block-inquiry-history-detail--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.block-inquiry-history-detail--subject,
.block-inquiry-history-detail--item .legend {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid var(--border);
}
.block-inquiry-history-detail--item .legend {
  align-items: center;
}
.block-inquiry-history-detail--update-dt {
  font-size: 16px;
}
.block-inquiry-history-detail--form {
  position: relative;
  margin-top: 30px;
}
.block-inquiry-history-detail--message {
  position: absolute;
  width: 290px;
  top: 0;
  left: 0;
  text-align: left;
}
.block-inquiry-history-detail--inquiry-body {
  padding-left: 330px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
/* ----ワンタイムパスワード----*/
.block-member-terms--body {
  height: 300px !important;
  margin-bottom: 30px;
}
.block-onetimepassword-certify--resend-message {
  margin-top: 30px;
}

/* ----購入カード情報変更---- */
.block-purchase-history-cardupdate--status .status-order {
  border: none;
  padding: 0;
}
.block-purchase-history-cardupdate--customer-name {
  font-size: 20px;
  font-weight: bold;
}
.block-purchase-history-cardupdate--message {
  margin-bottom: 10px;
}
.block-purchase-history-cardupdate--order-detail-item .variation-name {
  font-size: 12px;
}
.block-purchase-history-cardupdate--inputframe {
  margin-top: 40px;
}


/* ----入荷案内申し込み商品---- */
.block-arrival-notice-list--form li {
  margin-bottom: 0;
}
.block-arrival-notice-list--customer-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.block-arrival-notice-list--items {
  margin-bottom: 24px;
}
.block-arrival-notice-list--items li {
  padding: 20px 0;
  border-bottom: 1px solid var(--border);
  border-inline: none;
}
.block-arrival-notice-list--items li:first-child {
  border-top: 1px solid var(--border);
}
.block-arrival-notice-list--goods {
  align-items: center;
}
.block-arrival-notice-list--image {
  padding-inline: 20px;
}
.block-arrival-notice-list--goods-name {
  font-size: 18px;
  font-weight: bold;
}
.block-arrival-notice-list--description .variation-name {
  font-size: 14px;
}
.block-arrival-notice-list--spec {
  margin-top: 10px;
}
.block-arrival-notice-list--price:after {
  font-size: 12px;
}
.block-arrival-notice-list--delete {
  width: 100px;
  height: 40px;
  margin: 0;
  color: #000;
  text-decoration: none;
  border: 1px solid var(--bgGray);
  background: var(--bgGray);
  transition: 0.3s all;
}
.block-arrival-notice-list--delete:hover {
  background: #fff;
}

/* ----カード情報確認---- */
.block-credit-card-confirmation--customer-name {
  font-size: 20px;
  font-weight: bold;
}

/* ----メールニュース---- */
.block-mail-news--terms-body {
  height: 300px !important;
}
.block-mail-news h2 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  border-bottom: none;;
}
.block-mail-news .action .block-mail-news--forward-to-release {
  min-width: 260px;
  color: #000;
  border: 1px solid var(--border);
  background: #fff;
  transition: 0.3s;
}
.block-mail-news .action .block-mail-news--forward-to-release:hover {
  background: var(--bgGray);
}



/* ----定期契約情報---- */
.block-regular-purcharse-list--customer-name {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.block-regular-purcharse-list--list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  padding: 20px;
  gap: 5px;
  border: 1px solid var(border);
  border-radius: 0;
}
.block-regular-purcharse-list--list:nth-child(n+2) {
  margin-top: 40px;
}
.block-regular-purcharse-list--head-info-regular-create-dt {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  color: #000;
  gap: 10px;
  border-radius: 0;
  background: none;
}
.block-regular-purcharse-list--head-info-regular-create-dt > span,
.block-regular-purcharse-list--head-info-regular-create-dt > span:last-child {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
.block-regular-purcharse-list--list > dd {
  width: calc((100% - 15px) / 4);
  margin: 0;
}
.block-regular-purcharse-list--info {
  flex-basis: auto;
}

.block-regular-purcharse-list--info ul > li {
  border-color: var(--border);
}
.block-regular-purcharse-list--info li > span,
.block-regular-purcharse-list--info li > a {
  font-size: 14px;
}
.block-regular-purcharse-list--info li > span {
  font-weight: bold;
}
.block-regular-purcharse-list--info-regular-sales > span:last-of-type {
  font-weight: normal;
}
.block-regular-purcharse-list--expected-dt-title .block-icon-image--flex-align-left {
  font-size: 12px;
  font-weight: bold;
  gap: 10px;
  align-items: center;
}
.block-regular-purcharse-list--expected-dt-title + .block-regular-purcharse-list--expected-dt-ymd {
  margin-top: 10px;
}
.block-regular-purcharse-list--skip-expected-dt .block-icon-image--flex-align-left {
  flex-direction: column;
  gap: 10px;
}
.block-icon-image-double-small.block-icon-image--calendar-check-o {
  display: none;
}
.block-regular-purcharse-list--alter-end {
  background: #000;
}
.block-regular-purcharse-list--detail.detail_skip > ul {
  background: #F9EFE3;
}
.block-regular-purcharse-list--skip {
  background: #C18A92;
}
.block-regular-purcharse-list--detail.detail_next > ul {
  background: #F2D7C9;
}
.block-regular-purcharse-list--alter {
  background: var(--base);
}
.block-regular-purcharse-list--date-spec dl {
  display: block;
}
.block-regular-purcharse-list--date-spec dt {
  width: 75px;
  top: 13px;
  font-size: 10px;
}
.block-regular-purcharse-list--skip-link,
.block-regular-purcharse-list--sales-link {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
}
.block-regular-purcharse-list--detail-item-list-list {
  padding: 12px 10px 12px 12px;
  border-width: 2px;
}
.block-regular-purcharse-list--detail > ul > li {
  border-width: 2px;
}
.block-regular-purcharse-list--detail-item-image {
  width: 70px;
}
.block-regular-purcharse-list--detail-item-list-nolink .variation-name {
  display: inline;
}
.block-regular-purcharse-list--detail-item-goods-unit-amount {
  width: 100%;
}
.block-regular-purcharse-list--detail-item-list-list > ul {
  gap: 15px;
  align-items: flex-start;
}
.block-regular-purcharse-list--detail-item-list-nolink,
.block-regular-purcharse-list--detail-item-list-unit {
  padding: 0;
}
.block-regular-purcharse-list--info-add .action a.btn {
  display: inline-flex;
  font-size: 16px;
  color: #fff;
  border-color: var(--base);
  background: var(--base);
}
.block-regular-purcharse-list--info-add .action a.btn:hover {
  color: var(--base);
  background: #fff;
}
.block-regular-purcharse-list--info-add {
  margin-top: 5px;
}
.block-regular-purcharse-list--info ul > li.block-regular-purcharse-list--info-withdrawal {
  margin-top: 5px;
  text-align: center;
}
.block-regular-purcharse-list--skip-button input[type="button"] {
  font-size: 12px;
  background: none;
}
.block-regular-purcharse-list--pager-bottom {
  margin-top: 40px;
  border-top: 1px solid var(--border);
}
.block-regular-purcharse-list--pager-top .pager {
  padding-bottom: 0;
}
.block-regular-purcharse-list .action-buttons {
  margin-top: 0;
}

/* ----定期購入商品配送先変更---- */
.block-regular-purcharse-shipment-info-update--customer-name {
  font-size: 20px;
  font-weight: bold;
}
.block-regular-purcharse-shipment-info-update--old-address,
.block-regular-purcharse-shipment-info-update--new-address {
  position: relative;
  padding: 20px 210px 20px 20px;
  font-size: 18px;
}
.block-regular-purcharse-shipment-info-update--old-edit .btn,
.block-regular-purcharse-shipment-info-update--cust-edit .btn,
.block-regular-purcharse-shipment-info-update--dest-edit .btn {
  position: absolute;
  top: 25px;
  right: 50px;
  width: 70px;
  height: 35px;
  font-size: 14px;
  border: 1px solid var(--border);
  background: var(--bgGray);
}
.block-regular-purcharse-shipment-info-update--old-edit .btn:hover,
.block-regular-purcharse-shipment-info-update--cust-edit .btn:hover,
.block-regular-purcharse-shipment-info-update--dest-edit .btn:hover {
  background: #fff;
}
.block-regular-purcharse-shipment-info-update--old-edit .btn {
  right: 70px;
}
.block-regular-purcharse-shipment-info-update--old-info-message {
  font-size: 12px;
}
.block-regular-purcharse-shipment-info-update--new-info-items {
  padding-inline: 20px;
  border: 1px solid var(--border);
  border-bottom: none;
}
.block-regular-purcharse-shipment-info-update--new-destination-name,
.block-regular-purcharse-shipment-info-update--new-address {
  padding-left: 0;
}
.block-regular-purcharse-shipment-info-update--new-address {
  margin: 0;
  border: none;
}
.block-regular-purcharse-shipment-info-update--old-address {
  border-color: var(--border);
}
.block-regular-purcharse-shipment-info-update--new-info-items li:not(:last-child) {
  border-bottom: 1px solid var(--border);
}
.block-regular-purcharse-shipment-info-update--new-destination-name {
  display: inline-block;
  padding-top: 20px;
  font-size: 18px;
}
.block-regular-purcharse-shipment-info-dest-add {
  position: relative;
  padding: 40px 20px;
  border: 1px solid var(--border);
  border-top: none;
}
.block-regular-purcharse-shipment-info-dest-add:before {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  height: 1px;
  top: 0;
  left: 20px;
  background: var(--border);
}
.block-regular-purcharse-shipment-info-dest-add .btn {
  width: 220px;
  height: 35px;
  font-size: 14px;
}

/* ----定期購入商品解約---- */
.block-regular-purcharse-cancellation--customer-name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.block-regular-purcharse-cancellation--goods-img {
  width: 140px;
  text-align: center;
}
.block-regular-purcharse-cancellation--goods-img img {
  width: 100px;
}
.block-regular-purcharse-cancellation--goods-name {
  vertical-align: middle !important;
}
.block-regular-purcharse-cancellation--price,
.block-regular-purcharse-cancellation--qty,
.block-regular-purcharse-cancellation--subtotal {
  text-align: center;
  vertical-align: middle !important;
}
.block-regular-purcharse-cancellation--cancel-reason-items {
  width: 100%;
  margin: 10px 0 0;
  padding: 20px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.block-regular-purcharse-cancellation--message {
  margin-top: 20px;
}
.block-regular-purcharse-cancellation--forward {
  min-width: 260px !important;
}
.block-regular-purcharse-cancellation--goods-name .block-product--list-price-capacity {
  display: block;
}

/* ----定期購入明細追加確認---- */
.block-order-regular-add-confirm--promotion-freespace {
  margin-bottom: 20px;
}
.block-order-regular-add-confirm--message {
  margin-top: 10px;
}
.block-order-regular-add-confirm--header + .block-order-flow--step {
  padding-top: 0;
}
.block-order-regular-add-confirm--content {
  width: 720px;
}
.block-order-regular-add-confirm--side-contents {
  width: 260px;
}
.block-order-regular-add-confirm--confirmation,
.block-order-regular-add-confirm--regular-cycle-confirmation {
  margin-bottom: 40px;
}

.block-order-regular-add-confirm--confirmation {
  display: flex;
  gap: 20px;
  border-color: var(--border);
}
.block-order-regular-add-confirm--confirmation-list {
  width: 50%;
}
.block-order-regular-add-confirm--confirmation-list h3 {
  font-size: 20px;
}
.block-order-regular-add-confirm--dest-name,
.block-order-regular-add-confirm--host-name,
.block-order-regular-add-confirm--method p,
.block-order-regular-add-confirm address {
  font-size: 18px;
}
.block-order-regular-add-confirm--regular-cycle-confirmation {
  border-color: var(--border);
}
.block-order-regular-add-confirm--regular-cycle-detail th {
  color: #000;
}
.block-order-regular-add-confirm--next-expected-dt {
  display: flex;
  gap: 10px;
}
.block-order-regular-add-confirm--next-expected-dt > span,
.block-order-regular-add-confirm--next-expected-dt > span:last-of-type {
  width: auto;
}
.block-order-regular-add-confirm--goods .block-order-regular-add-confirm--change-btn {
  display: inline-flex;
  width: 70px;
  height: 35px;
  color: #000;
  text-decoration: none;
  background: var(--bgGray);
  border: 1px solid var(--border);
  transition: 0.3s;
}
.block-order-regular-add-confirm--goods .block-order-regular-add-confirm--change-btn:hover {
  background: #fff;
}
.block-order-regular-add-confirm--goods-label,
.block-order-regular-add-confirm--goods .block-order-regular-add-confirm--goods-content {
  margin-left: 0;
}
.block-order-regular-add-confirm--goods-content {
  padding: 0;
  border: none;
}
.block-order-regular-add-confirm--goods-list li {
  padding: 20px;
  border: 1px solid var(--border);
}
.block-order-regular-add-confirm--goods-item-image {
  width: 150px;
  height: 150px;
}
.block-order-regular-add-confirm--goods-item-name {
  font-size: 18px;
  font-weight: normal;
}
.block-order-regular-add-confirm--goods-price-first {
  font-size: 24px;
  font-weight: normal;
}
.block-order-regular-add-confirm--goods-item-comment {
  margin-top: 10px;
}
.block-order-regular-add-confirm--procedure {
  padding: 20px;
  border: 1px solid var(--bgGray);
  background: var(--bgGray);
}
.block-order-regular-add-confirm--procedure-container {
  padding: 0;
  font-size: 12px;
  background: none;
}
.block-order-regular-add-confirm--commit {
  margin-bottom: 25px;
}
.block-order-regular-add-confirm--commit-btn,
.block-order-regular-add-confirm--return-agree {
  height: 50px;
  font-size: 15px;
  font-weight: normal;
}
.block-order-regular-add-confirm--commit-btn {
  margin-top: 10px;
}
.block-order-regular-add-confirm--return-agree {
  margin-top: 15px;
  flex-direction: column;
}
.block-order-regular-add-confirm--total {
  background: none;
  padding: 0;
  text-align: left;
}
.block-order-regular-add-confirm--total-price {
  display: block;
  font-size: 24px;
  text-align: right;
}
.block-order-regular-add-confirm--total-tax {
  font-size: 12px;
}
.block-order-regular-add-confirm--price-items dd {
  font-size: 19px;
}

/* ----ログイン---- */
.block-login--member-body {
  display: flex;
  margin-block: 20px;
  gap: 20px;
}
.block-login--member-frame,
.block-login--social-frame {
  width: 50%;
  margin: 0;
  padding: 10px 20px 30px;
  background: #f2f2f2;
}
.block-login--member-frame h2,
.block-login--social-frame h2 {
  font-weight: bold;
}
.block-login--input-items {
  width: 100%;
}
.block-login--input-items .form-group {
  border: none !important;
  align-items: flex-start;
}
.block-login--input-items .form-group + .form-group {
  margin-top: 10px;
}
.block-login--input-items .form-label {
  width: 120px;
  padding: 10px 0 0;
}
.block-login--input-items .form-label label {
  font-weight: bold;
}
.block-login--input-items .form-control {
  padding: 0;
}
.block-login--input-items .form-control input[type="text"],
.block-login--input-items .form-control input[type="password"] {
  width: 100%;
  background: #fff;
}
.block-login--display-password {
  display: inline-block;
  margin-top: 10px;
}
.block-login--ask-password.help-block {
  margin-top: 5px;
  text-align: right;
}
.block-login--member-frame .action .block-login--login {
  margin-top: 0;
}
.block-login--linelogin-text p:nth-child(n+2) {
  margin-top: 30px;
}
.block-login--linelogin-body {
  margin-top: 80px;
  padding: 0;
}
.block-login--linelogin-contents-btn {
  width: 260px;
  height: 60px;
  border-radius: 6px;
  background: #00c300;
}
.block-login--linelogin-contents .line_logo,
.block-login--linelogin-contents .line_word {
  height: 60px;
}
.block-login--linelogin-contents .line_logo {
  background: url(../../img/sys/linelogin/line.png) no-repeat center center;
  background-size: 40px 40px;
}
.block-login--linelogin-contents .line_word {
  display: flex;
  width: 200px;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  background: none;
}
.block-login--linelogin-state-saving-body {
  margin-top: 10px;
}
.block-login--banner ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.block-login--banner-bottom {
  margin-top: 30px;
}
.block-login--body > .block-login--first-time {
  padding: 10px 20px 30px;
  border: 1px solid var(--border);
  background: #fff;
}
.block-login--first-time-header {
  font-weight: bold;
}
.block-login--first-time-body {
  background: none;
}
.block-login--first-time-message {
  margin-bottom: 20px;
}

/* ----L-2_追加認証---- */
.block-additional-authentication {
  height: auto;
}
.block-additional-authentication--body {
  padding: 0;
  border: none;
}
.block-additional-authentication--message-header {
  padding-bottom: 20px;
}
.block-additional-authentication--input-items {
  width: 100%;
}
.block-additional-authentication--authentication-key {
  margin-top: 0;
  border-top: none !important;
  border-color: var(--border) !important;
}
.block-additional-authentication--authentication-key .form-label {
  width: 120px;
  padding: 25px;
}
.block-additional-authentication--reissue {
  display: inline-flex;
  width: 100px;
  height: 35px;
  margin-left: 10px;
  vertical-align: middle;
  color: #fff;
  border: 1px solid var(--deepGray);
  background: var(--deepGray);
}

/* ----LP-1_ランディングページ（ログイン）---- */
#lp_details {
  margin-top: 80px;
}
.pane-landingpage-contents .detail-box .detail-ttl {
  margin-top: 40px;
  margin-bottom: 0;
  padding-block: 11px;
  text-align: center;
  border: none;
  background: var(--bgGray);
}
.detail-inbox.table {
  border: none;
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
}
.detail-inbox:not(.table) {
  padding: 10px;
  border: 1px solid var(--border);
}
.pane-landingpage-contents .detail-box {
  margin-top: 20px;
}
.pane-landingpage-contents .detail-box .dl-table {
  display: flex;
}
.pane-landingpage-contents .detail-box .dl-table dt,
.pane-landingpage-contents .detail-box .dl-table dd {
  padding: 10px;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.pane-landingpage-contents .detail-box .dl-table dt {
  width: 240px;
  text-align: center;
  background: var(--bgGray);
  flex-shrink: 0;
}
.pane-landingpage-contents .detail-box .dl-table dd {
  width: 100%;
}
.block-landingpage-login--member-header,
.block-landingpage-form--sales-append-title,
.block-landingpage-login--first-time-header,
.block-landingpage-form--spec-title,
.block-landingpage-form--method-title,
.block-order-method--dest-title {
  margin-top: 20px;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: bold;
  border-bottom: none;
}
.block-landingpage-login--member-body {
  padding: 0;
  border: none;
}
.block-landingpage-form {
  padding: 0;
  border: none;
}
.block-landingpage-form--goods-title,
.block-landingpage-form--guest-title {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  border: none;
}
.block-landingpage-form--goods-title {
  padding: 20px;
  border: 1px solid var(--border);
  border-bottom: none;
}
.block-landingpage-form--goods {
  display: flex;
  padding: 0 20px 20px;
  gap: 20px;
  flex-wrap: wrap;
  border: 1px solid var(--border);
  border-top: none;
}
.block-landingpage-form--goods-qty input {
  width: 100px;
}
.block-landingpage-form--goods select,
.block-landingpage-form--goods input {
  margin-left: 10px;
}
.block-landingpage-login--guest-body,
.block-landingpage-form--spec-content,
.block-landingpage-form--payment-content {
  border: 1px solid var(--border);
}
.block-landingpage-form--payment-content .help-block {
  margin-left: 28px;
}
.block-landingpage-form--date-spec dt,
.block-landingpage-form--time-spec dt {
  width: 130px;
}
.block-landingpage-form--date-spec,
.block-landingpage-form--time-spec {
  flex-wrap: wrap;
}
.block-landingpage-form--spec-content dd + dd {
  width: 100%;
  margin-top: 10px;
}
.block-landingpage--body-bottom {
  margin-block: 40px;
}