@charset "utf-8";

/* 法人 workflow/shipping：梱包ブロック青テーマ（個人 howto_konpo 改修版の色替え） */
.konpo-pack--biz-blue {
  --konpo-orange: #2091DB;
}

/* .konpo-method 側で --konpo-orange が #fa7500 に再定義されるため上書き */
.konpo-pack--biz-blue .konpo-method {
  --konpo-orange: #2091DB;
}

.konpo-pack--biz-blue .box-size-new {
  background: #2091DB;
}

.konpo-pack--biz-blue .send-prepayment-box {
  border-color: #2091DB !important;
}

.konpo-pack--biz-blue .box-size-small-bottom {
  font-size: 20px;
}

.konpo-pack--biz-blue .box-size-small-bottom p {
  font-size: 20px;
}

/* ③送るブロック青テーマ */
.konpo-send--biz-blue {
  --konpo-orange: #2091DB;
}

.konpo-send--biz-blue .konpo-method {
  --konpo-orange: #2091DB;
}

.konpo-send--biz-blue .send-prepayment-box {
  border-color: #2091DB !important;
}

.konpo-send--biz-blue .konpo-b2-link .mainbutton-blue,
.konpo-send--biz-blue .konpo-b2-link .mainbutton-members {
  background: #2091DB;
}

/* 法人③：会社に集荷依頼 / コンビニから送る タブ（konpo-method） */
.konpo-send--biz-blue .konpo-method--send-biz .konpo-method__tab-icon {
  display: none !important;
}

.konpo-send--biz-blue #send-method-company:checked ~ .konpo-method__tabrow .konpo-method__tab--end,
.konpo-send--biz-blue #send-method-conbini:checked ~ .konpo-method__tabrow .konpo-method__tab--start {
  background-color: #fff;
  border: var(--konpo-line) solid #2091DB;
  border-bottom: none;
  border-top-left-radius: var(--konpo-tab-radius);
  border-top-right-radius: var(--konpo-tab-radius);
  color: #000;
}

.konpo-send--biz-blue #send-method-company:checked ~ .konpo-method__tabrow .konpo-method__tab--start,
.konpo-send--biz-blue #send-method-conbini:checked ~ .konpo-method__tabrow .konpo-method__tab--end {
  border: none;
  border-top-left-radius: var(--konpo-tab-radius);
  border-top-right-radius: var(--konpo-tab-radius);
  color: #fff;
  margin-bottom: calc(-1 * var(--konpo-line));
  padding-bottom: calc(0.75rem + var(--konpo-line));
  position: relative;
  z-index: 1;
}

.konpo-send--biz-blue #send-method-company:checked ~ .konpo-method__tabrow .konpo-method__tab--start,
.konpo-send--biz-blue #send-method-conbini:checked ~ .konpo-method__tabrow .konpo-method__tab--end {
  background-color: #2091DB;
}

.konpo-send--biz-blue #send-method-company:checked ~ .konpo-method__panels,
.konpo-send--biz-blue #send-method-conbini:checked ~ .konpo-method__panels {
  border-color: #2091DB;
}

.konpo-send--biz-blue #send-method-company:checked ~ .konpo-method__panels #send-method-company-panel,
.konpo-send--biz-blue #send-method-conbini:checked ~ .konpo-method__panels #send-method-conbini-panel {
  display: block;
}

.konpo-send--biz-blue #send-method-company:checked ~ .konpo-method__panels,
.konpo-send--biz-blue #send-method-conbini:checked ~ .konpo-method__panels {
  display: block;
}