@charset "UTF-8";

/*sysデフォルト値の修正*/
.btn-primary {
  background-color: #e4713b;
  border: none;
  font-weight: 500;
}

/*top*/
.custom_item {
  position: relative;
  visibility: hidden;
  height: 0;
  opacity: 0;
  margin-top: 0;
}

.custom_item.is_active {
  visibility: visible;
  height: auto;
  opacity: 1;
  margin-top: 30px;
}

img.block-top-topic--icon {
  height: 18px;
  margin-left: 12px;
  display: inline-block;
  vertical-align: top;
}

.block-top-topic--items li dt .new {
  display: inline-flex;
  align-items: center;
  vertical-align: text-top;
  height: 18px;
}

.top-pickup-list .swiper-slide img {
  aspect-ratio: 25 / 11;
}

.top-feature-item-img img {
  aspect-ratio: 372 / 162;
}

.revico-multicomment-top .revico-multicomment-inner {
  padding: 0 0 0 15px !important;
}

#block_of_itemhistory {
  margin-top: 60px;
}

#block_of_itemhistory .block-goods-detail-j {
  width: 100%;
  overflow-x: auto;
}

#block_of_itemhistory .block-goods-detail-j--items {
  display: flex;
  align-items: center;
  gap: 0 16px;
  padding-bottom: 15px;
}

/*genre*/
/*goods*/
.block-goods-detail-j--cart-btn .block-list-add-cart-btn {
  height: 32px;
}

.page-goods .block_goods_misc .block-contact-about-goods-btn {
  gap: 0 15px;
  padding: 0 15px 0;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

ul.block-goods-sns {
  display: none;
}

dl.goods-detail-description.block-goods-release-dt {
  display: none;
}

/*cart*/
#cart_itemhistory {
  display: none;
}

.block-cart--subtotal-container .block-cart--subtotal-price {
  color: #181717;
}

span.block-cart--total-price {
  color: #f00;
}

/*method*/
.block-order-method--payment-method-content input[type="radio"]:checked+label {
  background: red;
  background-color: red;
  color: #fff;
  font-weight: bold;
  padding: 0.3em;
  letter-spacing: 0.2em;
}

.block-order-method--payment-method-content input[type="radio"]+label[for="method_r1"]:after {
  content: '（前払い）';
}

.block-order-method--time-spec::after {
  content: "\A※ 配送希望日のご指定は、ご注文日の翌日から８日以降となります。\A※ 最短での配送をご希望の際は、希望日／希望時間に「希望なし」を選択して下さい。";
  white-space: pre;
  font-size: 0.9em;
  color: red;
  width: 100%;
  white-space: break-spaces;
}

a.btn.btn-default.block-order-method--coupon-available-btn {
  display: none;
}

.block-order-method--contents.js-order-center-area {
  display: flex;
  flex-direction: column;
}

#method_salesdetailappend {
  order: 10;
}

/*estimate*/
input.btn.btn-primary.block-order-estimate--commit-btn {
  background: red;
}

a.btn.btn-default.block-order-estimate--change-btn {
  background-color: #e4713b;
  border: none;
  color: #fff;
  border-radius: 40px;
}

.block-order-estimate--method:after {
  content: 'お支払い方法にお間違えがないかご確認下さい';
  color: red;
  margin: 0;
  display: block;
}

.block-order-estimate--method-pay-content:after {
  content: '※ 銀行振込をお選びの場合、前払いとなります';
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  background: red;
  padding: 0 5px;
  margin: 0;
  letter-spacing: 0.1em;
}

.sales-append-description {
  padding: 0 10px 10px;
}

#frmSalesGMO {
  display: flex;
  flex-direction: column;
}

.block-order-estimate--goods {
  order: 10;
}

.block-order-estimate--commit.block-order-estimate--commit-ft {
  order: 11;
}

.block-order-estimate--comment {
  margin-bottom: 25px;
}

/*mypage*/
.block-member-info .block-topic-path {
  margin: 10px 0px 0;
}


.block-member-info .block-topic-path,
.block-member-info-confirmation .block-topic-path,
.block-update-mail-address .block-topic-path,
.block-shipping-address .block-topic-path,
.block-shipping-address-confirmation .block-topic-path,
.block-update-member-password .block-topic-path,
.block-favorite--name .block-topic-path,
.block-favorite .block-topic-path,
.block-arrival-notice-list .block-topic-path,
.block-purchase-history .block-topic-path,
.block-purchase-history-detail .block-topic-path,
.block-order-cancellation .block-topic-path,
.block-regular-purcharse-list .block-topic-path,
.block-regular-purcharse-detail .block-topic-path,
.block-regular-purcharse-shipment-info-update .block-topic-path,
.block-regular-purcharse-cycle-info-update .block-topic-path,
.block-regular-purcharse-cancellation .block-topic-path,
.block-credit-card-confirmation .block-topic-path,
.block-update-credit-card-info .block-topic-path,
.block-inquiry .block-topic-path,
.block-inquiry-completed .block-topic-path,
.block-point-history-list .block-topic-path,
.block-coupon-list .block-topic-path,
.block-store-coupon-list .block-topic-path,
.block-customer-card .block-topic-path,
.block-withdrawal .block-topic-path,
.block-member-id .block-topic-path,
.block-mail-address .block-topic-path,
.block-mail-address--update-complete .block-topic-path,
.block-mail-address--registration .block-topic-path {
  margin: 10px 0px 0;
}

input.btn.btn-default.block-purchase-history-detail--add-goods {
  background: #e4713b;
  color: #fff;
  border: 1px solid #e4713b;
}

input.btn.btn-default.block-purchase-history-detail--cancel {
  background: red;
  color: #fff;
  border: 1px solid red;
}


/*revico*/
.revico-star-zone {
  min-height: 35px;
}

.revico-widget {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}

#revico-review-zone {
  margin-bottom: 100px;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}

h2.revico-top-header {
  margin: 0 0 32px;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  background: none;
  border-top: none;
}

h2.revico-top-header:after {
  content: "";
  display: block;
  width: 18px;
  height: 4px;
  margin: 4px auto 0;
  background: url(../../img/usr/heading_icon.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.revico-multicomment-top .revico-comment-main {
  gap: 16px;
}

/*chatbot*/
.chatbot-container {
  bottom: 60px !important;
  left: 10px;
  transform: translateY(calc(100% - 11px)) !important;
}

.chatbot-container.is-open {
  transform: translateY(60px) !important;
}

body.page-method .chatbot-container {
  display: none !important;
}

.block-pagecategory-page-list--frame {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
  gap: 10px;
}

dl.block-pagecategory-page-list--page {
  width: calc((100% - 10px) / 2);
}

/*freepage pu*/
.freeWrap_pu {
  width: calc(100% - 30px) !important;
  margin: 0 auto !important;

  div {
    max-width: 100% !important;
  }
}