.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  background: white;
  max-width:90%;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
}

#confirmBtn{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}


#confirmBtn {
  margin-top: 20px;
  padding: 20px 60px;
  font-size: 18px;
  background-color: #436180;
  color: white;
  font-weight:bold;
  border-radius: 10px;
}

/*マイページ 発注リスト 非表示 */
.main.main--mypage-order-list section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }
.main.main--mypage-order-detail section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }
.main.main--mypage-estimate-list section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }
.main.main--mypage-bookmark section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }
.main.main--mypage-bookmarklist-index section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }
.main.main--mypage-profile-form section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }
.main.main--mypage-address-list section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }
.main.main--mypage-setting section.p-mypage-navi nav.__menu .__body ul li.__item--bookmark-list{  display:none; }

/*カートページ　発注リスト非表示*/
.main.main--cart section.__shipping-wrap .__shipping .__control li.__add-bookmark{display:none;}


/* 発注リストを見るリンクだけ色を変更 */
.jconfirm-box .__link[href*="cart.php"] {
  color: red; /* 好きな色に変更 */
}
/* ===== PHC 追加分 v7 ここから =====
   足したのは html.phc-on の配下と .phc- で始まる器だけ。既存には触っていない。
   出所と理由は repo の 02_projects/phc_bcart_ui/deploy/phc_addon.css（sync_deploy_css.py で生成）。
   戻すときはこのコメントから「ここまで」までを消す。2026-09-16 */
:root {
  --phc-g: #1a7f4b;
  --phc-gd: #157048;
  --phc-gw: #f3faf6;
  --phc-gt: #2ab27b;
  --phc-ink: #1f2d3d;
  --phc-ink2: #5a6876;
  --phc-line: #dde3ea;
  --phc-line2: #eef2f6;
  --phc-navh: calc(61px + env(safe-area-inset-bottom, 0px));

  --phc-s1: 4px; --phc-s2: 8px; --phc-s3: 12px; --phc-s4: 16px; --phc-s5: 24px; --phc-s6: 32px;

  --phc-tap: 44px;
}

.phc-box { border: 1px solid var(--phc-line); background: #fff; margin: 0 0 var(--phc-s5); border-radius: 2px; }
.phc-box > h2 {
  margin: 0; padding: var(--phc-s3) var(--phc-s4); font-size: 16px; font-weight: 700; color: var(--phc-ink);
  border-bottom: 1px solid var(--phc-line); border-left: 4px solid var(--phc-g);
  display: flex; align-items: baseline; gap: var(--phc-s2); flex-wrap: wrap;
}
.phc-box > h2 small { font-size: 14px; font-weight: 400; color: var(--phc-ink2); }
.phc-box > .__b { padding: var(--phc-s2) var(--phc-s4) var(--phc-s4); }

.phc-last { display: flex; align-items: center; gap: var(--phc-s4); flex-wrap: wrap; padding: var(--phc-s3) 0 var(--phc-s4); border-bottom: 1px solid var(--phc-line); }
.phc-last .__d { display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--phc-ink2); }
.phc-last .__d b { font-size: 15px; color: var(--phc-ink); }
.phc-last .phc-btn { margin-left: auto; }
.phc-sub { margin: var(--phc-s4) 0 var(--phc-s1); font-size: 14px; font-weight: 700; color: var(--phc-ink); display: flex; gap: var(--phc-s2); align-items: baseline; flex-wrap: wrap; }
.phc-sub small { font-size: 14px; font-weight: 400; color: var(--phc-ink2); }

.phc-box:not(.__ready) { display: none; }

.phc-u { margin: 0; padding: 0; list-style: none; }
.phc-u > li { display: flex; align-items: center; gap: var(--phc-s3); padding: var(--phc-s2) 0; border-bottom: 1px solid var(--phc-line2); }
.phc-u > li.__off { opacity: .45; }

.phc-u .__c { display: inline-flex; align-items: center; justify-content: center; width: var(--phc-tap); height: var(--phc-tap); flex: 0 0 auto; }
.phc-u .__c input { width: 20px; height: 20px; accent-color: var(--phc-g); margin: 0; }

.phc-u .__m { flex: 0 1 auto; min-width: 0; }
.phc-u .__m b { display: block; font-size: 14px; font-weight: 700; color: var(--phc-ink); line-height: 1.5; }
.phc-u .__m small { font-size: 14px; color: var(--phc-ink2); font-family: ui-monospace, Menlo, monospace; }
.phc-u .__t { flex: 0 0 auto; font-size: 14px; color: var(--phc-ink2); white-space: nowrap; background: var(--phc-line2); padding: 2px 10px; border-radius: 12px; }
.phc-u .__q { margin-left: auto; flex: 0 0 104px; text-align: right; }
.phc-u .phc-unit { display: block; font-size: 14px; line-height: 1.5; margin-top: var(--phc-s1); overflow-wrap: anywhere; }
.phc-u .__q input {
  width: 88px; min-height: var(--phc-tap); box-sizing: border-box; border: 1px solid var(--phc-line); padding: 0 var(--phc-s3); text-align: right;
  font-size: 16px; border-radius: 3px; font-variant-numeric: tabular-nums;
}
.phc-uf { display: flex; align-items: center; gap: var(--phc-s4); flex-wrap: wrap; padding: var(--phc-s4) 0 var(--phc-s1); }
.phc-uf .__n { font-size: 14px; font-weight: 700; color: var(--phc-ink); }
.phc-note { font-size: 14px; line-height: 1.6; color: var(--phc-ink2); }

.phc-btn {
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  border: 1px solid var(--phc-g); background: var(--phc-g); color: #fff; border-radius: 3px;
  font-size: 14px; font-weight: 700; padding: 11px var(--phc-s4); min-height: var(--phc-tap); cursor: pointer; line-height: 20px;
  text-decoration: none;
}
.phc-btn:hover { background: var(--phc-gd); border-color: var(--phc-gd); color: #fff; }
.phc-btn[disabled] { opacity: .4; cursor: not-allowed; }

.phc-also { border: 1px solid var(--phc-line); background: #fff; padding: 0 var(--phc-s4); margin: var(--phc-s5) 0 0; border-radius: 3px; }
.phc-also summary { cursor: pointer; padding: var(--phc-s3) 0; font-size: 14px; font-weight: 700; color: var(--phc-ink); min-height: var(--phc-tap); box-sizing: border-box; display: flex; align-items: center; }
.phc-also p { margin: 0 0 var(--phc-s3); font-size: 14px; color: var(--phc-ink2); }
.phc-also ul { display: flex; gap: var(--phc-s2); flex-wrap: wrap; margin: 0 0 var(--phc-s4); padding: 0; list-style: none; }
.phc-also a {
  display: block; border: 1px solid var(--phc-line); background: #fff; color: var(--phc-ink);
  font-size: 14px; padding: var(--phc-s2) var(--phc-s3); border-radius: 3px; text-decoration: none; line-height: 1.6;
}
.phc-also a:hover { border-color: var(--phc-g); color: var(--phc-g); }
.phc-also b { display: block; font-weight: 700; }
.phc-also small { color: var(--phc-ink2); }

.phc-filled {
  border: 1px solid var(--phc-gt); border-left: 3px solid var(--phc-g); background: var(--phc-gw);
  padding: var(--phc-s3) var(--phc-s4); margin: 0 0 var(--phc-s4); font-size: 14px; line-height: 1.7; color: var(--phc-ink2);
}
.phc-filled b { color: var(--phc-ink); }
.phc-filled p { margin: var(--phc-s2) 0 0; }

.phc-filled ul { list-style: none; margin: var(--phc-s2) 0 0; padding: 0; }
.phc-filled li { display: flex; gap: var(--phc-s3); align-items: baseline; padding: 3px 0; border-top: 1px solid rgba(0,0,0,.05); }
.phc-filled li .__no { font-family: ui-monospace, Menlo, monospace; flex: 0 0 auto; color: var(--phc-ink); }
.phc-filled li .__nm { flex: 1 1 auto; min-width: 0; color: var(--phc-ink); }
.phc-filled li .__q { flex: 0 0 auto; font-variant-numeric: tabular-nums; }

.phc-on .main--quickorder tr.phc-hidden-row { display: none; }

.phc-on .main--product-list section.__list--row li.__item td.__photo.__is-noimage { display: none; }
.phc-on .main--product-list section.__list--row li.__item td.__photo { width: 84px; }

.phc-on .main--product-list section.__list--row li.__item { border-bottom: 1px solid var(--phc-line2); padding: 8px 0 12px; }

.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item a table tr td.__detail h2.__title {
  font-size: 15px; line-height: 1.6; color: var(--phc-ink); margin: 0;
}

.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item a { padding-bottom: 0; }
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item a table tr td.__detail .__description:empty { display: none; }
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set { margin: 2px 0 0; padding-top: 0; }
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr td.__description,
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr td.__order { padding-top: 7px; padding-bottom: 7px; }

.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set { font-size: 14px; }
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set tr.__item td.__description span.__name { font-size: 14px; line-height: 1.6; color: var(--phc-ink); }
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set tr.__item td.__description span.__no {
  font-family: ui-monospace, Menlo, monospace; font-size: 14px; color: var(--phc-ink2);
}
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set tr.__item td.__description div.__price span.__selling {
  font-size: 16px; font-weight: 700; color: var(--phc-ink);
}
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set tr.__item td.__description div.__price .__tax-sub-price,
.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set tr.__item td.__description div.__price .__detail { font-size: 14px; font-weight: 400; color: var(--phc-ink2); }

.phc-on .main--product-list .__set div.__to-cart button.__js-add-cart,
.phc-on .main--product-detail form.c-form button.__js-add-cart {
  background: var(--phc-g) !important;
  border-color: var(--phc-g) !important;
  color: #fff !important;
  font-weight: 700;
}
.phc-on .main--product-list .__set div.__to-cart button.__js-add-cart:hover,
.phc-on .main--product-detail form.c-form button.__js-add-cart:hover {
  background: var(--phc-gd) !important;
  border-color: var(--phc-gd) !important;
}

.phc-zero { border: 1px solid var(--phc-line); border-left: 3px solid var(--phc-gt); background: #fff; padding: var(--phc-s4); margin: var(--phc-s4) 0 0; border-radius: 2px; }
.phc-zero h3 { margin: 0 0 var(--phc-s2); font-size: 16px; font-weight: 700; color: var(--phc-ink); }
.phc-zero .__f { margin: 0 0 var(--phc-s3); }
.phc-zero dl { margin: 0; font-size: 14px; line-height: 1.7; color: var(--phc-ink2); }
.phc-zero dt { font-weight: 700; color: var(--phc-ink); margin-top: var(--phc-s2); }
.phc-zero dd { margin: 0 0 0 1em; }
.phc-zero a { color: var(--phc-g); text-decoration: underline; }

html.phc-on .main.main--product-list.phc-zero-page section.__control { display: none; }
.phc-on .main.main--product-list section.__list .__no-result { background: #f7f9fb; border: 1px solid var(--phc-line); border-radius: 3px; padding: var(--phc-s4); margin: var(--phc-s4) 0 0; }
.phc-on .main.main--product-list section.__list .__no-result .__title { color: var(--phc-ink); font-size: 15px; font-weight: 700; margin: 0 0 var(--phc-s1); }
.phc-on .main.main--product-list section.__list .__no-result .__description { font-size: 14px; color: var(--phc-ink2); }
.phc-zero code { font-family: ui-monospace, Menlo, monospace; background: var(--phc-gw); padding: 1px 5px; border-radius: 2px; }

.phc-nav { display: none; }
@media screen and (max-width: 599px) {
  .phc-nav {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    background: #fff; border-top: 1px solid var(--phc-line);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .phc-nav a { flex: 1 1 0; min-width: 0; height: 60px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; text-decoration: none; color: var(--phc-ink2); font-size: 14px; line-height: 1; border-top: 2px solid transparent; }
  .phc-nav svg { display: block; width: 24px; height: 24px; }
  .phc-nav a:active, .phc-nav a[aria-current="page"] { color: var(--phc-g); }
  .phc-nav a[aria-current="page"] { border-top-color: var(--phc-g); font-weight: 700; }
  html.phc-on body { padding-bottom: var(--phc-navh); }
  html.phc-on { scroll-padding-bottom: var(--phc-navh); }

  .phc-on .aside { display: none; }

  .phc-u > li { gap: 10px; padding: 8px 0; }
  .phc-u .__m { flex: 1 1 auto; }
  .phc-u .__m b { font-size: 14px; }
  .phc-u .__t { display: none; }
  .phc-u .__q input { width: 80px; padding: 0 var(--phc-s2); }
  .phc-uf .phc-btn { width: 100%; }
}

.phc-warn { margin: 6px 0 10px; padding: 9px 12px; font-size: 14px; line-height: 1.8;
  border: 1px solid #e6d3a8; background: #fffdf4; color: #7a5f00; border-radius: 2px; }
.phc-err { margin: 10px 0 0; padding: 9px 12px; font-size: 14px; line-height: 1.8;
  border: 1px solid #d9a08a; background: #fdf4ec; color: #b3541e; border-radius: 2px; }
.phc-err[hidden] { display: none; }
.phc-u > li.__bad .__q input { border-color: #b3541e; background: #fdf4ec; }
.phc-zero code { font-family: ui-monospace, Menlo, monospace; background: var(--phc-gw); padding: 1px 5px; border-radius: 2px; }

.phc-cartempty { border: 1px solid var(--phc-line); border-left: 3px solid var(--phc-gt); background: #fff; padding: var(--phc-s4); margin: var(--phc-s4) 0 0; border-radius: 3px; max-width: 640px; }
.phc-cartempty h3 { margin: 0 0 var(--phc-s3); font-size: 16px; font-weight: 700; color: var(--phc-ink); }
.phc-cartempty .__sub { margin: var(--phc-s3) 0 0; font-size: 14px; line-height: 1.7; color: var(--phc-ink2); }
.phc-cartempty .__sub a { color: var(--phc-g); font-weight: 700; text-decoration: none; }
.phc-cartempty .__sub a:hover { text-decoration: underline; }

.phc-howto { max-width: 720px; }
.phc-howto h3 { margin: var(--phc-s5) 0 var(--phc-s2); font-size: 16px; font-weight: 700; color: var(--phc-ink); padding-left: 10px; border-left: 4px solid var(--phc-g); line-height: 1.6; }
.phc-howto h3:first-child { margin-top: 0; }
.phc-howto p { font-size: 14px; line-height: 1.8; color: var(--phc-ink2); margin: 0 0 var(--phc-s2); }
.phc-howto a { color: var(--phc-g); }
.phc-howto a.phc-btn { color: #fff; }
.phc-howto .phc-howto-back { margin-top: var(--phc-s5); }
.phc-steps { margin: 0; padding: 0 0 0 1.6em; }
.phc-steps li { margin: 0 0 var(--phc-s3); font-size: 14px; line-height: 1.8; color: var(--phc-ink2); }
.phc-steps li b { display: block; color: var(--phc-ink); font-size: 14px; margin-bottom: 2px; }
.phc-pay { margin: 0; font-size: 14px; line-height: 1.8; }
.phc-pay dt { font-weight: 700; color: var(--phc-ink); margin-top: var(--phc-s2); }
.phc-pay dt:first-child { margin-top: 0; }
.phc-pay dd { margin: 0 0 0 1em; color: var(--phc-ink2); }

.phc-on .aside .__block--category .__body { max-height: none; overflow: visible; }

.phc-samecat { border-top: 1px solid var(--phc-line2); margin: 24px 0 0; padding: 16px 0 0; font-size: 14px; color: var(--phc-ink2); }
.phc-samecat a { color: var(--phc-g); font-weight: 700; text-decoration: none; }
.phc-samecat a:hover { text-decoration: underline; }

.phc-contact { border: 1px solid var(--phc-line); border-left: 3px solid var(--phc-gt); background: var(--phc-gw); padding: 12px 16px; margin: 0 0 16px; font-size: 14px; line-height: 1.7; color: var(--phc-ink2); border-radius: 2px; }
.phc-contact b { color: var(--phc-ink); }

.phc-on .__price .__detail.__is-same .__unit-price,
.phc-on .__price .__detail.__is-same .__mul { display: none; }

.phc-on .header .__banner { background: #fff; border-bottom: 1px solid var(--phc-line2); }
.phc-on .header .__banner .__wrap { padding: var(--phc-s2) 0; }

.phc-on .header .__logo img { max-height: 64px !important; height: 64px; width: auto; }
@media screen and (max-width: 599px) { .phc-on .header .__logo img { max-height: 52px !important; height: 52px; } }

.phc-search { background: #fff; border-bottom: 1px solid var(--phc-line2); }
.phc-search .phc-sform { display: flex; gap: var(--phc-s2); max-width: 560px; margin: 0 auto; padding: var(--phc-s2) var(--phc-s4); }
.phc-search .phc-sform input[type="text"], .phc-search .phc-sform input[type="search"] { flex: 1 1 auto; min-width: 0; min-height: var(--phc-tap); box-sizing: border-box; border: 1px solid var(--phc-line); border-radius: 3px; padding: 0 var(--phc-s3); font-size: 16px; }
.phc-search .phc-sform button, .phc-search .phc-sform input[type="submit"] { flex: 0 0 auto; min-height: var(--phc-tap); padding: 0 var(--phc-s4); border: 1px solid var(--phc-g); background: var(--phc-g); color: #fff; border-radius: 3px; font-size: 14px; font-weight: 700; cursor: pointer; }
.phc-zero .phc-sform { display: flex; gap: var(--phc-s2); }
.phc-zero .phc-sform input[type="text"], .phc-zero .phc-sform input[type="search"] { flex: 1 1 auto; min-width: 0; min-height: var(--phc-tap); box-sizing: border-box; border: 1px solid var(--phc-line); border-radius: 3px; padding: 0 var(--phc-s3); font-size: 16px; }
.phc-zero .phc-sform button, .phc-zero .phc-sform input[type="submit"] { flex: 0 0 auto; min-height: var(--phc-tap); padding: 0 var(--phc-s4); border: 1px solid var(--phc-g); background: var(--phc-g); color: #fff; border-radius: 3px; font-size: 14px; font-weight: 700; cursor: pointer; }
html.phc-has-search .aside .__block--search { display: none; }

.phc-on .gnav-pc { background: #fff; border-bottom: 1px solid var(--phc-line); }
.phc-on .gnav-pc .__menu ul li { border: 0 !important; }
.phc-on .gnav-pc .__menu ul li a {
  color: var(--phc-ink) !important; font-weight: 700; font-size: 14px; letter-spacing: .02em;
  padding: 14px 0; border-bottom: 3px solid transparent; transition: border-color .15s;
}
.phc-on .gnav-pc .__menu ul li a:hover { color: var(--phc-g) !important; border-bottom-color: var(--phc-g); background: transparent; }

.phc-on body.body-product-list .gnav-pc .__item--1 a,
.phc-on body.body-quickorder .gnav-pc .__item--2 a,
.phc-on body.body-howto .gnav-pc .__item--3 a,
.phc-on body.body-contact .gnav-pc .__item--4 a,
.phc-on body.body-cart .gnav-pc .__item--5 a,
.phc-on body.body-mypage .gnav-pc .__item--6 a { border-bottom-color: var(--phc-g); color: var(--phc-g) !important; }

.phc-on .aside .__block h3.c-heading-aside {
  background: #fff !important; color: var(--phc-ink) !important;
  border-left: 4px solid var(--phc-g); border-bottom: 1px solid var(--phc-line);
  padding: 8px 12px; font-size: 14px; font-weight: 700; letter-spacing: .02em;
}
.phc-on .aside .__block h3.c-heading-aside span { color: var(--phc-ink) !important; }
.phc-on .aside .__block { margin-bottom: 22px; }
.phc-on .aside .__block--category li a { display: block; padding: 6px 12px; color: var(--phc-ink); font-size: 14px; line-height: 1.35; }
.phc-on .aside .__block--category li a:hover { color: var(--phc-g); background: var(--phc-gw); }

.phc-on .main section.__heading h1 { font-size: 22px; padding-left: 12px; border-left: 5px solid var(--phc-g); line-height: 1.5; margin: 0 0 16px; }

.phc-on footer.footer { background: #fff; border-top: 1px solid var(--phc-line); padding: 26px 0 18px; }
.phc-on footer.footer nav.__nav ul { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 4px 26px; padding: 0; margin: 0 auto 14px; list-style: none; }
.phc-on footer.footer nav.__nav li { float: none; margin: 0; padding: 0; border: 0; }

.phc-on footer.footer nav.__nav ul li a { color: var(--phc-ink2); font-size: 14px; text-decoration: none; border: 0 !important; padding: 0; display: inline-flex; align-items: center; min-height: var(--phc-tap); }
.phc-on footer.footer nav.__nav a:hover { color: var(--phc-g); text-decoration: underline; }
.phc-on footer.footer .__copyright { text-align: center; font-size: 14px; color: #8a97a6; letter-spacing: .03em; }

.phc-on .main h2.c-heading-main,
.phc-on .main .__heading.c-heading-main {
  background: #fff !important; color: var(--phc-ink) !important;
  border-left: 4px solid var(--phc-g); border-bottom: 1px solid var(--phc-line);
  padding: 8px 12px; font-size: 15px; font-weight: 700; letter-spacing: .02em;
}
.phc-on .main h2.c-heading-main span { color: var(--phc-ink) !important; }

.phc-on body { font-size: 14px; }
.phc-on .main, .phc-on .aside { font-size: 14px; }

.phc-on .main table.__table th,
.phc-on .main table.c-table-dl th,
.phc-on .main table.p-form-table th,
.phc-on .main .p-product-set table thead tr th {
  background: #f7f9fb !important; color: var(--phc-ink); font-size: 14px; font-weight: 700;
  border-bottom: 1px solid var(--phc-line); padding: var(--phc-s3) var(--phc-s4);
}
.phc-on .main table.__table td,
.phc-on .main table.c-table-dl td,
.phc-on .main table.p-form-table td,
.phc-on .main .p-product-set table tbody tr td {
  font-size: 14px; line-height: 1.7; border-bottom: 1px solid var(--phc-line); padding: var(--phc-s3) var(--phc-s4);
}
.phc-on .main table.__table thead th { font-size: 14px; letter-spacing: .02em; color: var(--phc-ink2); font-weight: 700; }

.phc-on .main input[type="text"],
.phc-on .main input[type="number"],
.phc-on .main input[type="password"],
.phc-on .main input[type="email"],
.phc-on .main input[type="tel"],
.phc-on .main input[type="search"],
.phc-on .main textarea,
.phc-on .main select {
  border: 1px solid var(--phc-line) !important; border-radius: 3px !important; box-shadow: none !important;
  font-size: 16px; padding: 0 var(--phc-s3); min-height: var(--phc-tap); box-sizing: border-box;
}
.phc-on .main textarea { padding: var(--phc-s2) var(--phc-s3); }

.phc-on .main .p-form-table td input.width-l, .phc-on .main .p-form-table td textarea.width-l { width: 100%; max-width: 100%; }
.phc-on .main .p-form-table td input.width-m { width: 100%; max-width: 280px; }
.phc-on .main .p-form-table td input.width-s { width: 6em; }
.phc-on .main input:focus-visible,
.phc-on .main textarea:focus-visible,
.phc-on .main select:focus-visible { outline: 2px solid var(--phc-g); outline-offset: -1px; }

.phc-on .main .c-button-submit,
.phc-on .main input.c-button-submit,
.phc-on .main button.c-button-submit,
.phc-on .main a.c-button-submit {
  background: var(--phc-g) !important; border-color: var(--phc-g) !important; color: #fff !important;
  font-weight: 700; font-size: 14px; border-radius: 3px; letter-spacing: .02em;
  min-height: var(--phc-tap); line-height: 20px; padding: 11px var(--phc-s4); box-sizing: border-box;
}
.phc-on .main .c-button-submit:hover { background: var(--phc-gd) !important; border-color: var(--phc-gd) !important; }
.phc-on .main .c-button:not(.c-button-submit),
.phc-on .main button.c-button:not(.c-button-submit),
.phc-on .main a.c-button:not(.c-button-submit) {
  background: #fff !important; color: var(--phc-ink) !important; border: 1px solid var(--phc-line) !important;
  border-radius: 3px; font-size: 14px; min-height: var(--phc-tap); line-height: 20px; padding: 11px var(--phc-s4); box-sizing: border-box;
}
.phc-on .main .c-button:not(.c-button-submit):hover { border-color: var(--phc-g) !important; color: var(--phc-g) !important; }

.phc-on .main section.__submit .c-button-submit { min-width: 200px; }

.phc-on .main .c-alert--warning { background: #fffdf4; border: 1px solid #e6d3a8; color: #6b5a1a; border-radius: 3px; font-size: 14px; }
.phc-on .main .c-alert--info { background: var(--phc-gw); border: 1px solid var(--phc-gt); color: var(--phc-ink2); border-radius: 3px; font-size: 14px; }
.phc-on .main .__no-item.c-alert--warning, .phc-on .main section.__list .__alert.c-alert--warning { background: #f7f9fb; border-color: var(--phc-line); color: var(--phc-ink); padding: var(--phc-s4); }

.phc-on .main section.__breadcrumb { font-size: 14px; color: var(--phc-ink2); margin-bottom: var(--phc-s4); }
.phc-on .main section.__breadcrumb a { color: var(--phc-ink2); }
.phc-on .main section.__breadcrumb a:hover { color: var(--phc-g); }

.phc-on .main--home .__more a { display: inline-block; border: 1px solid var(--phc-line); background: #fff; color: var(--phc-ink); font-size: 14px; padding: 8px 18px; border-radius: 3px; text-decoration: none; }
.phc-on .main--home .__more a:hover { border-color: var(--phc-g); color: var(--phc-g); }

.phc-on .main.main--product-detail section.__information.phc-noimg .__primary { display: none; }
.phc-on .main.main--product-detail section.__information.phc-noimg .__secondary { width: auto; float: none; padding: 0; margin-top: 0; }
.phc-on .main.main--product-detail section.__information .__secondary h1.__title { font-size: 22px; line-height: 1.5; }

.phc-on .main--product-detail .p-product-set h2 { font-size: 14px; font-weight: 700; color: var(--phc-ink); margin: 0 0 4px; }

.phc-on .main--product-detail .p-product-set table tbody tr td.__description .__spec { margin-top: 6px; }
.phc-on .main--product-detail .p-product-set table thead tr th.__description { text-align: left; }
.phc-on .main--product-detail .p-product-set table tbody tr td.__order { width: 200px; }
.phc-samecat a + a { margin-left: 14px; }
.phc-samecat a:first-of-type { margin-left: 6px; }

.phc-on .main--product-detail .__tax-included-price-caution { font-size: 14px; color: var(--phc-ink2); }
.phc-on .main--product-detail section.__add-cart { margin-top: 14px; }

.phc-on .main--product-detail .__primary .__photo .__is-noimage,
.phc-on .main--product-detail .__primary .__photo.__is-noimage { display: none; }

.phc-on .main--product-list section.__control { background: #f7f9fb; border: 1px solid var(--phc-line2); border-radius: 3px; padding: 8px 12px; font-size: 14px; color: var(--phc-ink2); }
.phc-on .main--product-list section.__control .__item-count { font-weight: 700; color: var(--phc-ink); }

.phc-on .p-spin .__minus, .phc-on .p-spin .__plus {
  display: inline-flex; align-items: center; justify-content: center; width: var(--phc-tap); height: var(--phc-tap); box-sizing: border-box;
  padding: 0; line-height: 1; font-size: 18px; border: 1px solid var(--phc-line); background: #fff; color: var(--phc-ink); vertical-align: middle;
}
.phc-on .p-spin .__minus { border-radius: 3px 0 0 3px; }
.phc-on .p-spin .__plus { border-radius: 0 3px 3px 0; }
.phc-on .__set td.__order .__input input[type="number"] { width: 72px; text-align: right; vertical-align: middle; }
.phc-on .__set td.__order .__notice { font-size: 14px; color: var(--phc-ink2); }
.phc-on .__set td.__order dl.__cart-count dt, .phc-on .__set td.__order dl.__cart-count dd { font-size: 14px; }

.phc-on .main--product-list .__set div.__to-cart { padding-top: 10px; }

.phc-on .main .p-pagination a, .phc-on .main .p-pagination span { border-radius: 3px; }
.phc-on .main .p-pagination .__current, .phc-on .main .p-pagination a:hover { background: var(--phc-g); color: #fff; border-color: var(--phc-g); }

.phc-on .main--quickorder table td button { min-height: 36px; }

.phc-on .main--quickorder section.__content-top p:empty,
.phc-on .main--quickorder section.__content-top br:only-child { display: none; }

.phc-on .main--quickorder input[name$="[product_no]"] { font-family: ui-monospace, Menlo, monospace; letter-spacing: .03em; text-transform: uppercase; }
.phc-on .main--quickorder section.__add { text-align: left; }
.phc-on .main--quickorder section.__add .c-button { margin: 14px 0; }
.phc-on .main--quickorder table.__table th { text-align: left; }

@media screen and (max-width: 599px) {
  .phc-on .main--quickorder table.__table { table-layout: fixed; width: 100%; }
  .phc-on .main--quickorder table.__table th:nth-child(1), .phc-on .main--quickorder table.__table td:nth-child(1) { width: 46%; }
  .phc-on .main--quickorder table.__table th:nth-child(2), .phc-on .main--quickorder table.__table td:nth-child(2) { width: 30%; }
  .phc-on .main--quickorder table.__table th:nth-child(3), .phc-on .main--quickorder table.__table td:nth-child(3) { width: 24%; }
  .phc-on .main--quickorder table.__table td input { width: 100%; box-sizing: border-box; }
  .phc-on .main--quickorder table.__table td button { width: 100%; padding-left: 0; padding-right: 0; }

  .phc-on .main--product-list section.__control .__view-control { display: none; }
}

.phc-on .p-mypage-navi .__member .__name { font-size: 14px; font-weight: 700; color: var(--phc-ink); padding: 10px 12px; border-left: 4px solid var(--phc-g); background: #fff; }
.phc-on .p-mypage-navi nav.__menu .__heading { background: #fff !important; color: var(--phc-ink2) !important; font-size: 14px; letter-spacing: .06em; padding: 10px 12px 4px; border: 0; }

@media screen and (min-width: 600px) { .phc-on .p-mypage-navi nav.__menu .__heading { display: none; } }

.phc-on .p-mypage-search .__heading { background: #fff; border: 1px solid var(--phc-line); border-radius: 3px; padding: 4px 12px; }
.phc-on .p-mypage-search .__heading .__title { font-size: 14px; color: var(--phc-ink2); }
.phc-on .p-mypage-navi nav.__menu .__body ul li a { display: block; padding: 9px 12px; color: var(--phc-ink); font-size: 14px; border-bottom: 1px solid var(--phc-line2); text-decoration: none; }
.phc-on .p-mypage-navi nav.__menu .__body ul li a:hover { background: var(--phc-gw); color: var(--phc-g); }
.phc-on .p-mypage-navi nav.__menu .__body ul li.__is-active a,
.phc-on .p-mypage-navi nav.__menu .__body ul li a.__is-active { color: var(--phc-g); font-weight: 700; border-left: 3px solid var(--phc-g); }

.phc-on .main--mypage-order-list td.__reorder a.c-button { background: #fff !important; color: var(--phc-g) !important; border: 1px solid var(--phc-g) !important; font-weight: 700; white-space: nowrap; }
.phc-on .main--mypage-order-list tbody tr:first-child td.__reorder a.c-button { background: var(--phc-g) !important; color: #fff !important; }
.phc-on .main--mypage-order-list td.__reorder a.c-button:hover { background: var(--phc-gd) !important; color: #fff !important; }

.phc-on .main--mypage-order-detail section.__reorder.phc-reorder-top { margin: var(--phc-s4) 0 var(--phc-s5); text-align: left; }
.phc-on .main--mypage-order-list td.__order-info dl { margin: 0 0 4px; font-size: 14px; }
.phc-on .main--mypage-order-list td.__order-info dt { color: var(--phc-ink2); font-size: 14px; }
.phc-on .main--mypage-order-list td.__detail .__name { font-size: 14px; line-height: 1.7; }

.phc-on .main--mypage-order-detail .__delivery h2.__title { font-size: 15px; padding: 8px 12px; background: #f7f9fb; border-left: 4px solid var(--phc-g); margin: 22px 0 10px; }
.phc-on .main--mypage-order-detail section.__reorder a { margin-right: 10px; }

.phc-on .main--cart section.__heading h1 { font-size: 22px; }
.phc-on .main--cart .__shipping-wrap table th { background: #f7f9fb; }

.phc-on .main--howto section.__step h3 { font-size: 15px; border-left: 4px solid var(--phc-g); padding-left: 10px; margin: 20px 0 6px; }
.phc-on .main--corporate .__open h2.__title,
.phc-on .main--law h2, .phc-on .main--kiyaku h2 { font-size: 16px; border-left: 4px solid var(--phc-g); padding-left: 10px; margin: 26px 0 10px; }

.phc-on .main--kiyaku .__text, .phc-on .main--privacy .__text { max-width: 62em; font-size: 14px; line-height: 1.95; }
.phc-on .main--law .__information { max-width: none; font-size: 14px; line-height: 1.8; }

.phc-on body.body-corporate .aside, .phc-on body.body-law .aside, .phc-on body.body-kiyaku .aside, .phc-on body.body-privacy .aside, .phc-on body.body-howto .aside { display: none; }
.phc-on body.body-corporate .wrapper.wrapper--column-2 .__inner .main,
.phc-on body.body-law .wrapper.wrapper--column-2 .__inner .main,
.phc-on body.body-kiyaku .wrapper.wrapper--column-2 .__inner .main,
.phc-on body.body-privacy .wrapper.wrapper--column-2 .__inner .main,
.phc-on body.body-howto .wrapper.wrapper--column-2 .__inner .main { float: none; width: 100%; max-width: 960px; margin: 0 auto; padding-left: 0; }

.phc-on .gnav-sp .__content .__heading { background: #fff !important; color: var(--phc-ink2) !important; font-size: 14px; letter-spacing: .06em; border-bottom: 1px solid var(--phc-line); }
.phc-on .gnav-sp .__content a { color: var(--phc-ink); font-size: 14.5px; padding: 12px 16px; border-bottom: 1px solid var(--phc-line2); }
.phc-on .gnav-sp .__search--category .__body { max-height: 300px; overflow-y: auto; }

.phc-on .main--home .__block--pro-viewed,
.phc-on .aside .__block--calendar { display: none; }
.phc-on .main--home .__block--free-1 { margin: 0; padding: 0; }
.phc-on .main--home .__block--free-1 .phc-box { margin-bottom: 0; }
.phc-on .main--product-list section.__content-top {
  font-size: 14px; line-height: 1.8; color: var(--phc-ink2) !important;
  border-left: 3px solid #c9a227; background: #fffdf4; padding: 8px 12px; margin: 0 0 14px;
}
.phc-on .main--product-list section.__content-top span, .phc-on .main--product-list section.__content-top font { color: inherit !important; }

.phc-tiles { margin: var(--phc-s4) 0 var(--phc-s2); }
.phc-tiles h2 { margin: 0 0 var(--phc-s2); font-size: 14px; font-weight: 700; color: var(--phc-ink2); letter-spacing: .04em; }
.phc-tiles ul { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--phc-s2); margin: 0; padding: 0; list-style: none; }
.phc-tiles a { display: flex; align-items: center; justify-content: center; min-height: var(--phc-tap); padding: var(--phc-s2) var(--phc-s1); border: 1px solid var(--phc-line); border-radius: 3px; background: #fff; color: var(--phc-ink); font-size: 14px; font-weight: 700; text-decoration: none; text-align: center; line-height: 1.3; }
.phc-tiles a:hover { border-color: var(--phc-g); color: var(--phc-g); }
.phc-tiles li.__all a { background: var(--phc-gw); border-color: var(--phc-gt); color: var(--phc-g); }
@media screen and (max-width: 959px) { .phc-tiles ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media screen and (max-width: 599px) { .phc-tiles ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } .phc-tiles a { font-size: 14px; } }

.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--phc-s2); letter-spacing: normal; }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item { width: auto; padding: 0; border: 1px solid var(--phc-line); border-radius: 3px; background: #fff; }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a { display: block; padding: var(--phc-s3); min-height: 100%; box-sizing: border-box; text-decoration: none; }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__photo.__is-noimage { display: none; }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__photo img { max-height: 90px; }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__title { font-size: 14px; line-height: 1.5; font-weight: 700; color: var(--phc-ink); margin: 0 0 var(--phc-s1); }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__description { text-align: left; margin: 0; }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__description dl.__price { font-size: 14px; }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__description dl.__price dt { color: var(--phc-ink2); }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__description dl.__price dd { font-weight: 700; color: var(--phc-ink); }
.phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product li.__item a .__rank span.__icon { background: var(--phc-g); }
@media screen and (max-width: 959px) { .phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media screen and (max-width: 599px) { .phc-on .main.main--home section.__block[class*="__block--pro-"] .p-product-block ul.__product { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.phc-login-brand { text-align: center; padding: 6px 0 4px; }
.phc-login-brand img { max-width: 220px; height: auto; }
.phc-login-lead { margin: 10px 0 0; font-size: 14.5px; font-weight: 700; color: var(--phc-ink); }
.phc-login-note { margin: 4px 0 0; font-size: 14px; color: var(--phc-ink2); }
.phc-login-hint { margin: 16px 0 0; padding: 10px 14px; border: 1px solid var(--phc-gt); border-left: 3px solid var(--phc-g); background: var(--phc-gw); font-size: 14px; line-height: 1.8; color: var(--phc-ink2); text-align: left; }
.phc-login-hint p { margin: 0; }
.phc-login-hint strong { color: var(--phc-ink); }
.phc-login-guide { margin: 18px 0 0; padding: 12px 14px; border: 1px solid var(--phc-line); border-radius: 3px; text-align: left; font-size: 14px; line-height: 1.8; color: var(--phc-ink2); }
.phc-login-guide h2 { margin: 0 0 4px; font-size: 14px; font-weight: 700; color: var(--phc-ink); }
.phc-login-guide p { margin: 0 0 6px; }
.phc-login-guide a { color: var(--phc-g); }
.phc-login-guide dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 0 12px; }
.phc-login-guide dt { color: var(--phc-ink2); }
.phc-login-guide dd { margin: 0; color: var(--phc-ink); }
.phc-on .main.main--login section.__input table tr th { font-size: 14px; }
.phc-on .main.main--login .p-menu-login a { color: var(--phc-g); }

html.phc-on .main .phc-u label.__c { padding: 0; border: 0; box-shadow: none; }
html.phc-on .wrapper > .__inner { padding-inline: var(--phc-s5); box-sizing: border-box; }
html.phc-on .main .c-breadcrumb,
html.phc-on .main .c-breadcrumb a,
html.phc-on .main small,
html.phc-on .main .__spec,
html.phc-on .main .__spec dl,
html.phc-on .main .__spec dt,
html.phc-on .main .__spec dd,
html.phc-on .main .__tax-included-price-caution,
html.phc-on .main .p-form-table .c-input-example,
html.phc-on .main .p-form-table tr.__is-required > th::after { font-size: 14px; }
html.phc-on .main .p-mypage-search > .__heading { min-height: var(--phc-tap); box-sizing: border-box; }
html.phc-on .main .p-mypage-search > .__heading .__title { font-size: 14px; }
html.phc-on .main .p-form-table label { display: inline-flex; align-items: center; min-height: var(--phc-tap); box-sizing: border-box; }
html.phc-on .main--login section.__remember label { display: inline-flex; align-items: center; min-height: var(--phc-tap); }
html.phc-on .main--kiyaku .__text a,
html.phc-on .main--mypage-setting section.__description a { color: var(--phc-g); text-decoration: underline; }
html.phc-on .main--cart .__shipping-wrap td.__count input { width: 88px; max-width: 100%; text-align: right; }
html.phc-on .main--cart .__shipping-wrap td.__price,
html.phc-on .main--cart .__shipping-wrap td.__total { white-space: nowrap; }
@media screen and (max-width: 599px) {
  html.phc-on .wrapper > .__inner { padding-inline: var(--phc-s4); }
  .phc-u > li { gap: var(--phc-s2); }
  .phc-u .__q { flex-basis: 88px; }
  html.phc-on .main.main--law .__information table tr,
  html.phc-on .main.main--corporate table tr { display: block; }
  html.phc-on .main.main--law .__information table tr > th,
  html.phc-on .main.main--law .__information table tr > td,
  html.phc-on .main.main--corporate table tr > th,
  html.phc-on .main.main--corporate table tr > td { display: block; width: 100%; box-sizing: border-box; }
}

html.phc-on .main.phc-empty-list .p-mypage-search,
html.phc-on .main.phc-empty-list section.__list table { display: none; }
.phc-empty-link { margin-top: var(--phc-s4); }

html.phc-on .header .__banner .__wrap .__view-cart a span.__counter,
html.phc-on .p-product-block ul.__product li.__item a .__rank span.__icon span.__num,
html.phc-on .p-product-set table tbody tr td.__order .__body dl.__cart-count dt,
html.phc-on .p-product-set table tbody tr td.__order .__body dl.__cart-count dd,
html.phc-on .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr td.__order dl.__cart-count dd,
html.phc-on .main.main--mypage-order-list section.__list table.__table tbody tr td.__order-info dl dd,
html.phc-on .main.main--mypage-order-detail section.__detail .__delivery .__product table tbody tr td.__price .__body .__detail,
html.phc-on .main.main--mypage-order-detail section.__detail .__delivery .__product table tbody tr td.__description dl.__no dt,
html.phc-on .main.main--mypage-order-detail section.__detail .__delivery .__product table tbody tr td.__description dl.__no dd { font-size: 14px; }
html.phc-on .gnav-sp .__search--keyword input,
html.phc-on .gnav-sp .__search--keyword button { min-height: var(--phc-tap); font-size: 16px; box-sizing: border-box; }
html.phc-on .main.main--login { max-width: 100%; box-sizing: border-box; }
html.phc-on .main.main--law .__information table { table-layout: fixed; width: 100%; overflow-wrap: anywhere; }
html.phc-on .main.main--quickorder table.__table { table-layout: fixed; width: 100%; }
html.phc-on .main.main--quickorder table.__table td input { width: 100%; }
html.phc-on .main .p-form-table td input.width-s { max-width: 25%; }
html.phc-on .main .p-form-table td small { display: block; margin-top: var(--phc-s1); }
/* ===== PHC 追加分 v7 ここまで ===== */

/* PHC再設計候補。v7後に読み込む。html.phc-redesignを外せば元の表示へ戻る。 */
html.phc-redesign{--phc-bg:#f7f8f4;--phc-ink:#071b2b;--phc-ink2:#526570;--phc-g:#0c6980;--phc-line:#dce4e5;--phc-gw:#e9f2f0}
html.phc-redesign body{background:#f7f8f4!important;color:#071b2b!important;font-family:'Hiragino Sans','Noto Sans JP',sans-serif!important;line-height:1.7}
html.phc-redesign a{color:#0c6980}
html.phc-redesign .header{background:white;border-bottom:1px solid #dce4e5}
html.phc-redesign .header>.__banner>.__wrap{max-width:1120px!important;margin:auto!important;min-height:80px;display:flex!important;align-items:center;gap:28px;padding:12px 0!important}
html.phc-redesign .header .__logo{width:150px!important;height:auto!important;flex:0 0 150px;order:0;padding:10px!important}
html.phc-redesign .header .__logo img{max-width:130px!important;max-height:80px!important;width:auto!important;height:auto!important}
html.phc-redesign .header .phc-search{order:1;flex:1;margin:0;padding:0;border:0;width:auto;min-width:0;background:white}
html.phc-redesign .header .phc-sform{max-width:650px;margin:0;display:flex;width:100%;gap:0}
html.phc-redesign .header .phc-sform input{border-radius:5px 0 0 5px!important;border:1px solid #b9c9cc!important;background:#f8faf9!important;min-width:0;flex:1;width:auto!important}
html.phc-redesign .header .phc-sform button{border-radius:0 5px 5px 0!important;min-width:72px}
html.phc-redesign .header .__view-cart{display:block!important;position:static!important;order:2;flex:0 0 auto}
html.phc-redesign .header .__view-cart a{display:flex!important;align-items:center;gap:8px;border:1px solid #dce4e5;border-radius:5px;min-width:85px;min-height:46px;padding:8px 14px!important;background:white!important;color:#0c6980!important}
html.phc-redesign .header .__view-cart a:before{content:'カート';font:15px 'Hiragino Sans',sans-serif!important;position:static!important}
html.phc-redesign .header .__view-cart .__counter{position:static!important;background:none!important;color:#0c6980!important;font-size:15px!important;min-width:14px;line-height:1.6!important}
html.phc-redesign .gnav-pc{background:white!important;border:0!important}
html.phc-redesign .gnav-pc .__menu>ul{max-width:1120px!important;margin:auto!important;display:flex!important;justify-content:flex-start!important;gap:32px;padding:0!important}
html.phc-redesign .gnav-pc li{width:auto!important;flex:0 1 auto!important;border:0!important;background:transparent!important}
html.phc-redesign .gnav-pc a{color:#071b2b!important;font-weight:500!important;background:transparent!important;padding:17px 0!important}
html.phc-redesign .wrapper{max-width:1120px!important;width:calc(100% - 64px)!important;margin:28px auto 56px!important;padding:0!important}
html.phc-redesign .wrapper>.__inner{display:block!important;width:100%!important;padding:0!important;margin:0 auto!important}
html.phc-redesign .wrapper .main{width:100%!important;float:none!important;margin:0 auto!important;padding:0!important}
/* 会員メニューは標準ナビ・マイページに残し、常設サイドの重複を除く。 */
html.phc-redesign .wrapper>.__inner>.aside{display:none!important}
html.phc-redesign .main>.__heading{margin:0 0 26px!important;padding:0!important;border:0!important}
html.phc-redesign .main>.__heading h1{font-size:26px!important;font-weight:600!important;color:#071b2b!important;border:0!important;padding:0!important;background:transparent!important}
html.phc-redesign .c-button-submit,html.phc-redesign .phc-btn,html.phc-redesign .phc-sform button{background:#0c6980!important;border-color:#0c6980!important;color:white!important;border-radius:5px!important;box-shadow:none!important;min-height:46px!important;font-weight:600!important}
html.phc-redesign input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),html.phc-redesign select{min-height:46px!important;border:1px solid #b9c9cc!important;border-radius:5px!important;background:white!important;color:#071b2b!important}
html.phc-redesign :is(a,button,input,select,textarea):focus-visible{outline:3px solid #005a9c!important;outline-offset:3px}
html.phc-redesign .main--product-list .__control{background:transparent!important;padding:0!important;margin:0 0 22px!important;border:0!important}
html.phc-redesign .main--product-list .__list--row ul.__product{display:block!important;padding:0!important}
html.phc-redesign .main--product-list .__list--row ul.__product>li.__item{border:1px solid #dce4e5!important;border-radius:8px!important;background:white!important;margin:0 0 24px!important;padding:0!important;overflow:visible!important;width:100%!important}
html.phc-redesign .main--product-list .__list--row li.__item>a{display:block!important;padding:16px 20px!important;border-bottom:1px solid #dce4e5!important;background:#f1f5f3!important;border-radius:8px 8px 0 0}
html.phc-redesign .main--product-list .__list--row .__title{font-size:18px!important;color:#071b2b!important;font-weight:600!important;margin:0!important}
html.phc-redesign .main--product-list .__set{padding:0 20px 16px!important}
html.phc-redesign .main--product-list .__set table{width:100%!important;margin:0!important;border-collapse:collapse!important}
html.phc-redesign .main--product-list .__set tr.__item{background:white!important;border-bottom:1px solid #dce4e5!important}
html.phc-redesign .main--product-list .__set td{padding:16px 0!important;vertical-align:middle!important;border:0!important;background:transparent!important}
html.phc-redesign .main--product-list .__set td.__description{width:auto!important;min-width:0!important}
html.phc-redesign .main--product-list .__set td.__order{width:180px!important;min-width:180px!important;padding-left:24px!important}
html.phc-redesign .main--product-list .__set .__name{display:block;font-size:16px!important;line-height:1.7!important;font-weight:600!important;color:#071b2b!important;overflow-wrap:anywhere}
html.phc-redesign .main--product-list .__set .__no{display:block;font-size:14px!important;color:#526570!important;margin:6px 0!important}
html.phc-redesign .main--product-list .__set .__selling{font-size:16px!important;color:#071b2b!important}
html.phc-redesign .main--product-list .__set .__selling .c-tax-sub-price{font-size:14px!important;color:#526570!important}
html.phc-redesign .main--product-list .__set .__input{max-width:140px!important;margin:0!important}
html.phc-redesign .main--product-list .__set .__cart-count{margin:8px 0 0!important;font-size:14px!important;color:#526570!important}
html.phc-redesign .main--product-list .__to-cart{display:flex!important;justify-content:flex-end!important;margin-top:18px!important;padding:0!important}
html.phc-redesign .main--product-list .__to-cart button{min-width:220px!important;width:auto!important;padding:12px 24px!important}
html.phc-redesign .main--product-detail .__information{background:transparent!important;border:0!important;padding:0!important;margin-bottom:30px!important}
html.phc-redesign .main--product-detail .__title{font-size:26px!important;color:#071b2b!important}
html.phc-redesign .main--product-detail form.c-form{border:1px solid #dce4e5;background:white;border-radius:8px;padding:20px!important}
html.phc-redesign .main--product-detail .p-product-set table{width:100%!important;border-collapse:collapse!important}
html.phc-redesign .main--product-detail .p-product-set td,html.phc-redesign .main--product-detail .p-product-set th{background:transparent!important;border:0!important;border-bottom:1px solid #dce4e5!important;padding:16px 12px!important;vertical-align:middle!important}
html.phc-redesign .main--product-detail .p-product-set th{font-size:14px!important;color:#526570!important;background:#f1f5f3!important;font-weight:500!important}
html.phc-redesign .main--product-detail .p-product-set .__name{font-size:17px!important;color:#071b2b!important;font-weight:600!important}
html.phc-redesign .main--product-detail .__add-cart{display:flex;justify-content:flex-end;margin-top:24px!important}
html.phc-redesign .main--product-detail .__add-cart button{min-width:240px!important;width:auto!important;padding:12px 24px!important}
html.phc-redesign .footer{background:transparent!important;border-top:1px solid #dce4e5!important;max-width:1120px!important;margin:0 auto!important;padding:30px 0 80px!important}
html.phc-redesign .footer a,html.phc-redesign .footer .__copyright{color:#526570!important;font-size:14px!important}
html.phc-redesign .phc-nav{background:white!important;border-top:1px solid #dce4e5!important}
html.phc-redesign .phc-nav a{color:#526570!important}
html.phc-redesign .phc-nav a[aria-current]{color:#0c6980!important;background:#edf6f4!important}
/* v7の再発注器とカテゴリ入口を、標準トップ上で全幅にする。 */
html.phc-redesign .body-home .__content-home-top{margin:0 0 32px!important;padding:0!important;background:transparent!important}
html.phc-redesign .phc-tiles ul{gap:12px!important}
html.phc-redesign .phc-tiles a{background:white!important;border:1px solid #dce4e5!important;border-radius:5px!important;color:#071b2b!important;font-weight:500!important}
html.phc-redesign .phc-box{background:white!important;border:1px solid #dce4e5!important;border-radius:8px!important;overflow:hidden}
html.phc-redesign .phc-box>h2{border:0!important;background:#e9f2f0!important;color:#071b2b!important;padding:18px!important;font-size:20px!important}
html.phc-redesign .phc-box>.__b{padding:20px!important}
html.phc-redesign .phc-last{padding-bottom:24px!important;margin-bottom:24px!important}
html.phc-redesign .phc-u li{padding:14px 0!important;border-color:#dce4e5!important}
html.phc-redesign .body-home .__block--pro-ranking{display:none!important}
@media(max-width:1184px){html.phc-redesign .header>.__banner>.__wrap,html.phc-redesign .gnav-pc .__menu>ul{margin-left:32px!important;margin-right:32px!important}html.phc-redesign .footer{margin-left:32px!important;margin-right:32px!important}}
@media(max-width:760px){html.phc-redesign .wrapper{width:calc(100% - 32px)!important;margin-top:28px!important}html.phc-redesign .header>.__banner>.__wrap{margin:0 16px!important;gap:12px;flex-wrap:wrap;padding:14px 0!important}html.phc-redesign .header .__logo{flex:0 0 110px;width:110px!important;padding:6px!important}html.phc-redesign .header .__logo img{max-width:98px!important;max-height:64px!important}html.phc-redesign .header .phc-search{order:4;flex-basis:100%}html.phc-redesign .header .__view-cart{margin-left:auto!important}html.phc-redesign .header .__toggle-open{position:static!important;order:0;flex:0 0 40px}html.phc-redesign .main>.__heading h1{font-size:26px!important}html.phc-redesign .main--product-list .__set{padding:0 18px 18px!important}html.phc-redesign .main--product-list .__list--row li.__item>a{padding:20px 18px!important}html.phc-redesign .main--product-list .__set table,html.phc-redesign .main--product-list .__set tbody,html.phc-redesign .main--product-list .__set tr.__item,html.phc-redesign .main--product-list .__set td{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}html.phc-redesign .main--product-list .__set td.__description{padding:20px 0 8px!important}html.phc-redesign .main--product-list .__set td.__order{padding:6px 0 20px!important;display:flex!important;gap:16px;align-items:center;flex-wrap:wrap}html.phc-redesign .main--product-list .__to-cart button{width:100%!important;min-width:0!important}html.phc-redesign .main--product-detail form.c-form{padding:18px!important}html.phc-redesign .main--product-detail .__add-cart button{width:100%!important;min-width:0!important}html.phc-redesign .phc-box>h2,html.phc-redesign .phc-box>.__b{padding:20px!important}html.phc-redesign .footer{margin:0 16px!important}html.phc-redesign .gnav-pc .__menu>ul{gap:18px;margin:0 16px!important}}

html.phc-on.phc-redesign .header .__view-cart{width:auto!important;min-width:0!important;height:auto!important}html.phc-on.phc-redesign .header .__view-cart a{width:auto!important;height:auto!important}html.phc-on.phc-redesign .header .__view-cart a:before,html.phc-on.phc-redesign .header .__view-cart a:after{display:none!important;content:none!important}html.phc-on.phc-redesign .header .phc-cart-text{font:15px/1.6 'Hiragino Sans',sans-serif!important;color:#0c6980!important}
html.phc-redesign .body-home .main--home .__content-home-top{margin-top:36px!important}html.phc-redesign .body-login .phc-search,html.phc-redesign .body-login .__view-cart{display:none!important}
/* ブロック表示を選んでいた会員も表示形式を戻せる。 */
html.phc-on.phc-redesign .main--product-list section.__control .__view-control{display:block!important}
html.phc-on.phc-redesign .main--product-list .__list--block .__item{background:white!important;border-color:#dce4e5!important;border-radius:6px!important}
html.phc-redesign .mir-bar a{color:white!important}

html.phc-redesign .main--product-list .__set .__cart-count dd,html.phc-redesign .main--product-detail .__cart-count dd{background:#e9f2f0!important;color:#0c6980!important;border-radius:4px!important}html.phc-redesign .main--product-list .__pagination .__list{display:flex!important;justify-content:center!important;gap:8px!important;padding:0!important}html.phc-redesign .main--product-list .__pagination .__list li{list-style:none!important;min-width:44px!important;width:auto!important}html.phc-redesign .main--product-list .__pagination .__list a,html.phc-redesign .main--product-list .__pagination .__list span{display:grid!important;place-items:center;min-height:44px;padding:8px 14px!important;border-radius:4px!important}

html.phc-redesign .gnav-sp .__search--keyword{display:none!important}

html.phc-redesign .header .__logo{flex-basis:150px;width:150px!important}html.phc-redesign .header .__logo img{max-width:130px!important;max-height:none!important}html.phc-redesign .phc-operator-brand{display:flex;align-items:center;gap:24px;padding:28px 0;color:#526570;font-size:14px}html.phc-redesign .phc-operator-brand img{width:160px;height:auto;object-fit:contain}@media(max-width:760px){html.phc-redesign .header .__logo{flex-basis:145px;width:145px!important}html.phc-redesign .header .__logo img{max-width:133px!important}html.phc-redesign .phc-operator-brand img{width:135px}}

html.phc-redesign .header,html.phc-redesign .header>.__banner{background:#fff!important}html.phc-redesign .footer{background:#faf6f1!important;max-width:none!important;width:auto!important;margin:0!important;padding:40px max(5%,calc((100% - 1200px)/2))!important}html.phc-redesign .phc-footer-content{display:grid;grid-template-columns:240px max-content;justify-content:center;align-items:center;gap:56px;margin-bottom:32px;text-align:left}html.phc-redesign .phc-footer-brand img{width:240px;max-width:100%;height:auto}html.phc-redesign .phc-company-info h2{font-size:14px;font-weight:500;color:#526570;margin:0 0 12px}html.phc-redesign .phc-company-info p{font-size:16px;color:#071b2b;margin:0 0 12px}html.phc-redesign .phc-company-info address{font-size:14px;font-style:normal;line-height:1.9}html.phc-redesign .footer .__copyright{background:transparent!important;border-top:1px solid #dce4e5;padding-top:20px!important}@media(max-width:760px){html.phc-redesign .footer{padding:32px 5%!important}html.phc-redesign .phc-footer-content{grid-template-columns:minmax(0,280px);gap:28px}html.phc-redesign .phc-footer-brand img{width:220px}}

html.phc-redesign .dcs-promo{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:24px;margin:56px 0 0;padding:24px;background:#fff;border:1px solid #dce4e5;border-radius:8px}html.phc-redesign .dcs-promo img{display:block;width:170px;height:auto}.dcs-caption{font-size:12px;color:#526570}html.phc-redesign .dcs-promo h2{font-size:16px;line-height:1.7;margin:6px 0;color:#071b2b}html.phc-redesign .dcs-promo p{font-size:14px;line-height:1.7;color:#526570;margin:0}html.phc-redesign .dcs-promo a{font-size:14px;min-height:44px;display:flex;align-items:center;color:#0c6980;text-decoration:underline;white-space:nowrap}@media(max-width:760px){html.phc-redesign .dcs-promo{grid-template-columns:1fr;gap:12px;padding:20px;margin-top:36px}html.phc-redesign .dcs-promo img{width:145px}html.phc-redesign .dcs-promo a{justify-self:start}}

html.phc-redesign .dcs-promo--completion{grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:40px;padding:36px 40px;border-top:3px solid #2359a3;background:linear-gradient(110deg,#fff 0%,#fff 35%,#eff6fa 100%)}html.phc-redesign .dcs-identity{display:flex;flex-direction:column;align-items:flex-start;gap:12px}html.phc-redesign .dcs-promo--completion .dcs-identity img{width:260px;max-width:100%;height:auto}html.phc-redesign .dcs-audience{font-size:12px;color:#526570}html.phc-redesign .dcs-promo--completion h2{font-size:25px;line-height:1.6;letter-spacing:.02em;margin:0 0 16px}html.phc-redesign .dcs-promo--completion p{font-size:15px;line-height:1.9;max-width:580px}html.phc-redesign .dcs-action{margin-top:24px}html.phc-redesign .dcs-promo--completion .dcs-action a{display:inline-flex;justify-content:center;min-height:48px;padding:12px 22px;background:#2359a3;color:#fff;border-radius:5px;text-decoration:none;font-weight:600;white-space:normal;text-align:center}html.phc-redesign .dcs-promo--completion .dcs-action a:hover{background:#19477f}html.phc-redesign .dcs-promo--completion a:focus-visible{outline:3px solid #0c6980;outline-offset:4px}html.phc-redesign .dcs-action small{display:block;margin-top:10px;color:#526570;font-size:12px;line-height:1.7}@media(max-width:760px){html.phc-redesign .dcs-promo--completion{grid-template-columns:1fr;padding:24px;gap:24px;background:#fff}html.phc-redesign .dcs-promo--completion .dcs-identity img{width:210px}html.phc-redesign .dcs-promo--completion h2{font-size:21px}html.phc-redesign .dcs-promo--completion .dcs-action a{width:100%;box-sizing:border-box}}

html.phc-redesign .phc-home-intro{padding:8px 0 28px}html.phc-redesign .phc-home-intro p{font-size:13px;letter-spacing:.14em;color:#0c6980;margin:0 0 12px}html.phc-redesign .phc-home-intro h1{font-size:28px;line-height:1.5;margin:0 0 12px;color:#071b2b}html.phc-redesign .phc-home-intro span{font-size:15px;color:#526570}html.phc-redesign .phc-category-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0 12px}html.phc-redesign .phc-tiles a.phc-category-card{padding:0!important;display:block!important;overflow:hidden;text-align:left!important;border-radius:8px!important;height:auto!important}html.phc-redesign .phc-category-art{display:block;aspect-ratio:1.5;background-image:url('https://files.bcart.jp/next-innovation/uploads/image/phc-redesign-20260916/category-navigation.png');background-size:200% 215%}html.phc-redesign .phc-category-art--1{background-position:100% 0}html.phc-redesign .phc-category-art--2{background-position:0 100%}html.phc-redesign .phc-category-art--3{background-position:100% 100%}html.phc-redesign .phc-category-card strong{display:block;padding:16px;font-size:17px;font-weight:500}html.phc-redesign .phc-category-note{font-size:13px;color:#526570;margin:0 0 20px}html.phc-redesign .phc-tiles li[hidden]{display:none!important}html.phc-redesign .phc-tiles ul{display:flex!important;flex-wrap:wrap!important;gap:10px!important}html.phc-redesign .phc-tiles li{width:auto!important;flex:0 1 auto!important}html.phc-redesign .phc-tiles li a{padding:10px 18px!important;min-height:44px!important}html.phc-redesign .phc-category-card:focus-visible{outline:3px solid #0c6980;outline-offset:4px}@media(max-width:760px){html.phc-redesign .phc-category-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html.phc-redesign .phc-home-intro h1{font-size:26px}html.phc-redesign .phc-category-card strong{padding:12px;font-size:16px}}

html.phc-redesign .phc-tiles{background:transparent!important}html.phc-redesign .phc-tiles>h2{font-size:22px!important;color:#071b2b!important;margin:0 0 20px!important}

/* 完了メッセージ内のバナーは検索DOMとテーマJSの有無に依存せず表示する。 */
.dcs-promo.dcs-promo--completion{box-sizing:border-box;display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:center;gap:40px;width:100%;max-width:960px;margin:48px auto 0;padding:36px 40px;border:1px solid #dce4e5;border-top:3px solid #2359a3;border-radius:8px;background:linear-gradient(110deg,#fff 0%,#fff 35%,#eff6fa 100%);color:#071b2b;text-align:left;font-family:'Hiragino Sans','Noto Sans JP',sans-serif;line-height:1.7}
.dcs-promo--completion .dcs-identity{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.dcs-promo--completion .dcs-identity img{display:block;width:260px;max-width:100%;height:auto}
.dcs-promo--completion .dcs-caption,.dcs-promo--completion .dcs-audience{font-size:12px;color:#526570}
.dcs-promo--completion .dcs-message{min-width:0}
.dcs-promo--completion h2{font-size:25px;line-height:1.6;letter-spacing:.02em;margin:0 0 16px;color:#071b2b}
.dcs-promo--completion p{font-size:15px;line-height:1.9;max-width:580px;margin:0;color:#526570}
.dcs-promo--completion .dcs-action{margin-top:24px}
.dcs-promo--completion .dcs-action a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#2359a3;color:#fff;border-radius:5px;text-decoration:none;font-size:14px;font-weight:600;white-space:normal;text-align:center}
.dcs-promo--completion .dcs-action a:hover{background:#19477f}
.dcs-promo--completion a:focus-visible{outline:3px solid #0c6980;outline-offset:4px}
.dcs-promo--completion .dcs-action small{display:block;margin-top:10px;color:#526570;font-size:12px;line-height:1.7}
@media(max-width:760px){.dcs-promo.dcs-promo--completion{grid-template-columns:1fr;padding:24px;gap:24px;margin-top:36px;background:#fff}.dcs-promo--completion .dcs-identity img{width:210px}.dcs-promo--completion h2{font-size:21px}.dcs-promo--completion .dcs-action a{width:100%}}
/* 実カートの税込単価・包装内訳は狭い画面で折り返す。数値や入力欄は保持する。 */
@media(max-width:760px){html.phc-redesign .main--cart td.__price,html.phc-redesign .main--cart td.__price .__body,html.phc-redesign .main--cart td.__price .__detail{white-space:normal;overflow-wrap:anywhere}html.phc-redesign .main--cart td.__price .__body{min-width:0}}

/* 単一カラムは標準の上限を保ったまま中央配置。ログインを一覧用の全幅へ拡張しない。 */
html.phc-redesign body.body-login .wrapper{max-width:520px!important;margin:28px auto 48px!important}
html.phc-redesign body.body-login .wrapper>.__inner,html.phc-redesign .wrapper .main.main--login{max-width:520px!important;margin-left:auto!important;margin-right:auto!important}
html.phc-redesign body.body-login .header>.__banner>.__wrap{justify-content:center}
html.phc-redesign .main--login .__form{box-sizing:border-box;width:100%;max-width:520px;margin-left:auto!important;margin-right:auto!important}
html.phc-redesign .main--login .__heading{text-align:center}
@media(min-width:761px){html.phc-redesign .c-button-submit,html.phc-redesign .phc-btn,html.phc-redesign .phc-sform button{min-height:42px!important}html.phc-redesign input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),html.phc-redesign select{min-height:42px!important}}

/* 追加指摘: 購入判断に必要な価格・単位を同じ行へ集約 */
html.phc-redesign .phc-u>li{display:grid;grid-template-columns:36px minmax(0,1fr) 125px 90px 140px;gap:16px;opacity:1}
html.phc-redesign .phc-u>li:not(.__off){background:#f0f7f7}
html.phc-redesign .phc-u .__m a{color:#123340;text-decoration:none}
html.phc-redesign .phc-u .__m a:hover{text-decoration:underline}
html.phc-redesign .phc-u .__q{margin:0;text-align:right}
html.phc-redesign .phc-u .__q label{display:block;padding:0;border:0;background:none}
html.phc-redesign .phc-u .__q input{width:86px!important;box-sizing:border-box}
html.phc-redesign .phc-u .__q label>span,html.phc-redesign .phc-unit-price small,html.phc-redesign .phc-line-total small{display:block;font-size:12px;color:#526570;margin-bottom:6px;font-weight:400}
html.phc-redesign .phc-unit-price,html.phc-redesign .phc-line-total{text-align:right;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
html.phc-redesign .phc-u .phc-unit{font-size:13px;color:#526570}
html.phc-redesign .phc-selection-total{width:100%;text-align:right;font-size:20px;font-weight:600}
html.phc-redesign .phc-contact-account{padding:20px 24px;margin-bottom:24px;background:#f0f6f6;border-radius:8px}
html.phc-redesign .phc-contact-account p{margin:0 0 12px;line-height:1.8}
html.phc-redesign .phc-contact-account button{border:1px solid #0c6980;border-radius:5px;color:#0c6980;background:#fff;padding:10px 16px;min-height:44px}
html.phc-redesign tr[hidden]{display:none!important}
.dcs-promo .sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html.phc-redesign .dcs-promo a{display:inline-flex;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid #2359a3;border-radius:5px;background:#2359a3;color:#fff;text-decoration:none;font-weight:600;white-space:normal;text-align:center}
html.phc-redesign .dcs-promo a:hover{background:#19477f}
html.phc-redesign .dcs-caption,.dcs-promo .dcs-caption{font-weight:600;letter-spacing:.04em}
html.phc-redesign .header .__view-cart a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}
html.phc-redesign .phc-cart-summary{display:block;width:100%;font-size:12px;line-height:1.5;white-space:nowrap;color:#123340}
html.phc-redesign .phc-guide-lead{font-size:16px;line-height:1.9;margin-bottom:28px;color:#526570}
html.phc-redesign .phc-guide-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 40px}
html.phc-redesign .phc-guide-nav a{padding:16px;border:1px solid #dce4e5;border-radius:6px;background:#fff;color:#0c6980;text-decoration:none}
html.phc-redesign .phc-guide section{padding:28px 0;border-top:1px solid #dce4e5;scroll-margin-top:24px}
html.phc-redesign .phc-guide h2{font-size:22px;margin:0 0 20px}
html.phc-redesign .phc-guide h3{font-size:16px;margin:20px 0 8px}
html.phc-redesign .phc-guide p,html.phc-redesign .phc-guide li{font-size:15px;line-height:1.9}
html.phc-redesign .phc-guide ol{padding-left:24px}
@media(max-width:760px){html.phc-redesign .phc-u>li{grid-template-columns:28px minmax(0,1fr) 90px;gap:12px}html.phc-redesign .phc-u .__m{grid-column:2/4}html.phc-redesign .phc-unit-price{grid-column:2;text-align:left}html.phc-redesign .phc-u .__q{grid-column:3;grid-row:2/4}html.phc-redesign .phc-line-total{grid-column:2;text-align:left}html.phc-redesign .phc-selection-total{text-align:left;font-size:18px}html.phc-redesign .phc-guide-nav{grid-template-columns:repeat(2,1fr);gap:8px}html.phc-redesign .phc-cart-summary{font-size:10px}html.phc-redesign .dcs-promo a{justify-self:stretch}}
@media(max-width:760px){html.phc-on.phc-redesign .header .__view-cart{flex:0 0 160px;width:160px!important}html.phc-on.phc-redesign .header .__view-cart a{min-width:0!important;width:100%!important;box-sizing:border-box;padding:6px!important}html.phc-redesign .header>.__banner>.__wrap{gap:8px}html.phc-redesign .phc-cart-summary{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:359px){html.phc-on.phc-redesign .header .__view-cart{flex-basis:138px;width:138px!important}html.phc-redesign .header .__logo{flex-basis:90px;width:90px!important}html.phc-redesign .header .__logo img{max-width:80px!important}}
@media(max-width:760px){html.phc-on.phc-redesign .header .__logo{flex:0 0 110px!important;width:110px!important;min-width:0!important}html.phc-on.phc-redesign .header .__logo img{max-width:98px!important}html.phc-on.phc-redesign .header .__toggle-open{flex:0 0 40px!important;width:40px!important;min-width:0!important}}
@media(max-width:359px){html.phc-on.phc-redesign .header .__logo{flex-basis:90px!important;width:90px!important}html.phc-on.phc-redesign .header .__logo img{max-width:78px!important}}

/* 検索とカートを同じヘッダー部品として整える */
html.phc-on.phc-redesign .header .phc-sform{padding:5px;background:#f0f5f2;border:1px solid #d1dfd9;border-radius:12px;box-sizing:border-box;transition:box-shadow .15s,border-color .15s}
html.phc-on.phc-redesign .header .phc-sform:focus-within{border-color:#0c6980;box-shadow:0 0 0 3px #0c698014}
html.phc-on.phc-redesign .header .phc-sform input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:8px!important;padding-left:14px!important;min-height:44px!important}
html.phc-on.phc-redesign .header .phc-sform button{border-radius:8px!important;min-height:44px!important;min-width:68px;box-shadow:none!important}
html.phc-on.phc-redesign .header .__view-cart a{border:1px solid #dce4df;border-radius:12px;background:#f8faf9!important;padding:10px 16px!important;min-width:165px!important;text-align:left;transition:border-color .15s}
html.phc-on.phc-redesign .header .__view-cart a:hover{border-color:#0c6980;background:#f0f5f2!important}
html.phc-on.phc-redesign .phc-cart-ready>.phc-cart-text,html.phc-on.phc-redesign .phc-cart-ready>.__counter{display:none!important}
html.phc-on.phc-redesign .phc-cart-summary{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:8px;row-gap:2px;line-height:1.4;white-space:normal}
html.phc-on.phc-redesign .phc-cart-meta{grid-column:1/3;display:flex;gap:10px;align-items:center;font-size:12px;color:#526570}
html.phc-on.phc-redesign .phc-cart-quantity{padding:1px 7px;border-radius:12px;background:#e4efea;color:#245b4b;font-size:11px;font-weight:600}
html.phc-on.phc-redesign .phc-cart-amount{font-size:20px;font-weight:600;color:#123340;letter-spacing:.015em;font-variant-numeric:tabular-nums}
html.phc-on.phc-redesign .phc-cart-tax{font-size:11px;color:#6d7b82}
html.phc-redesign .phc-order-flow{margin:24px 0 32px;padding:24px;background:#eef4f1;border-radius:12px}
html.phc-redesign .phc-order-flow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
html.phc-redesign .phc-order-flow li{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 12px;background:white;border:1px solid #dce5df;border-radius:8px;font-size:13px;line-height:1.6;text-align:center}
html.phc-redesign .phc-order-flow li:not(:last-child):after{content:'';position:absolute;right:-13px;top:50%;width:7px;height:7px;border-top:2px solid #6d9483;border-right:2px solid #6d9483;transform:rotate(45deg)}
html.phc-redesign .phc-step-number{font-size:12px;font-weight:600;letter-spacing:.08em;color:#0c6980}
html.phc-redesign .phc-order-flow li strong{font-size:14px}
html.phc-redesign .phc-order-flow li>span:last-child{font-size:12px;color:#526570}
html.phc-redesign .phc-order-flow p{font-size:13px;margin:18px 0 0;color:#526570}
html.phc-redesign .phc-unit-diagram{display:flex;align-items:center;justify-content:center;gap:28px;background:#fff;border:1px solid #dce4df;border-radius:12px;padding:24px;margin:20px 0}
html.phc-redesign .phc-pack,html.phc-redesign .phc-unit-count{display:flex;flex-direction:column;align-items:center;gap:4px}
html.phc-redesign .phc-pack svg{width:70px;height:60px;fill:#edf5ef;stroke:#508b70;stroke-width:2;stroke-linejoin:round}
html.phc-redesign .phc-pack span,html.phc-redesign .phc-unit-count small{font-size:13px;color:#526570}
html.phc-redesign .phc-unit-count strong{font-size:26px;color:#123340}
html.phc-redesign .phc-pack-result{padding:20px 32px;border-radius:8px;background:#eef4f1}
html.phc-redesign .phc-pack-result strong{font-size:26px;color:#245b4b}
html.phc-redesign .phc-multiply,html.phc-redesign .phc-equals{font-size:22px;color:#6d7b82}
@media(max-width:760px){html.phc-on.phc-redesign .header .__view-cart{flex-basis:150px;width:150px!important}html.phc-on.phc-redesign .header .__view-cart a{min-width:0!important;padding:8px 10px!important}html.phc-on.phc-redesign .phc-cart-amount{font-size:18px}html.phc-on.phc-redesign .header .phc-sform{padding:4px}html.phc-redesign .phc-order-flow{padding:18px}html.phc-redesign .phc-order-flow ol{grid-template-columns:1fr;gap:18px}html.phc-redesign .phc-order-flow li{display:grid;grid-template-columns:28px 1fr;text-align:left;gap:4px 12px;padding:14px}html.phc-redesign .phc-step-number{grid-row:1/3;align-self:center}html.phc-redesign .phc-order-flow li:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-13px;transform:rotate(135deg)}html.phc-redesign .phc-unit-diagram{gap:12px;padding:18px 10px}html.phc-redesign .phc-pack-result{padding:16px}html.phc-redesign .phc-pack svg{width:52px;height:48px}}
@media(max-width:359px){html.phc-on.phc-redesign .header .__view-cart{flex-basis:138px;width:138px!important}html.phc-on.phc-redesign .phc-cart-amount{font-size:16px}}
html.phc-redesign #phc-header-search .phc-sform input{border:0!important;background:transparent!important;box-shadow:none!important}
/* 桁数が増えても金額と円記号を分断しない。スマホでは税別を上段へ置く。 */
html.phc-on.phc-redesign .phc-cart-amount{white-space:nowrap;overflow-wrap:normal}
@media(max-width:760px){html.phc-on.phc-redesign .phc-cart-meta{grid-column:1;gap:6px;font-size:11px}html.phc-on.phc-redesign .phc-cart-tax{grid-column:2;grid-row:1;font-size:10px}html.phc-on.phc-redesign .phc-cart-amount{grid-column:1/3;grid-row:2}}
/* ログインの入口。認証フォームは標準DOMのまま独立したパネルへ移す。 */
html.phc-redesign body.body-login .wrapper{max-width:1080px!important;margin:clamp(32px,8vh,88px) auto 48px!important}
html.phc-redesign body.body-login .wrapper>.__inner,html.phc-redesign .wrapper .main.main--login{max-width:1080px!important}
html.phc-redesign .main--login.phc-login-layout{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
html.phc-redesign .main--login .phc-login-intro{margin:0!important;padding:0!important}
html.phc-redesign .phc-login-brand{text-align:left;padding:0}
html.phc-redesign .phc-login-brand img{display:block;width:220px;max-width:70%;height:auto;margin:0 0 30px}
html.phc-redesign .phc-login-eyebrow{font-size:12px;letter-spacing:.08em;color:#52766a;margin:0 0 12px}
html.phc-redesign .phc-login-brand h2{font-size:28px;line-height:1.7;font-weight:600;color:#123340;margin:0 0 18px;border:0;padding:0}
html.phc-redesign .phc-login-description{font-size:14px;line-height:2;color:#526570;margin:0}
html.phc-redesign .phc-login-support{margin:34px 0 0;padding-top:24px;border-top:1px solid #d8e3dc}
html.phc-redesign .phc-login-support h3{font-size:14px;color:#123340;margin:0 0 8px}
html.phc-redesign .phc-login-support p{font-size:13px;line-height:1.9;color:#526570;margin:0 0 10px;max-width:360px}
html.phc-redesign .phc-login-support a{display:inline-block;padding:4px 0;color:#0c6980;font-size:14px;text-underline-offset:4px}
html.phc-redesign .phc-login-operator{font-size:11px;color:#718278;margin:30px 0 0}
html.phc-redesign .phc-login-panel{background:#fff;border:1px solid #dce5df;border-radius:18px;box-shadow:0 12px 36px #163c2e08;padding:38px 36px;min-width:0}
html.phc-redesign .phc-login-panel .__heading{text-align:left;margin:0 0 28px!important}
html.phc-redesign .phc-login-panel .__heading h1{font-size:24px!important;margin:0 0 12px!important}
html.phc-redesign .phc-login-form-note{font-size:13px;line-height:1.8;color:#526570;margin:0}
html.phc-redesign .phc-login-panel .__input{margin:0!important}
html.phc-redesign .phc-login-panel table,html.phc-redesign .phc-login-panel tbody,html.phc-redesign .phc-login-panel tr,html.phc-redesign .phc-login-panel th,html.phc-redesign .phc-login-panel td{display:block;width:100%!important;border:0!important;background:transparent!important;box-sizing:border-box}
html.phc-redesign .phc-login-panel th{font-size:13px!important;text-align:left;padding:0 0 8px!important}
html.phc-redesign .phc-login-panel td{padding:0 0 22px!important}
html.phc-redesign .phc-login-panel input[type=text],html.phc-redesign .phc-login-panel input[type=email],html.phc-redesign .phc-login-panel input[type=password]{width:100%!important;min-height:48px!important;border-radius:8px!important;box-sizing:border-box}
html.phc-redesign .phc-login-panel .__remember{margin:0 0 20px!important;text-align:left}
html.phc-redesign .phc-login-panel .__remember label{background:transparent!important;border:0!important;padding:0!important;font-size:13px;min-height:32px}
html.phc-redesign .phc-login-panel .__submit{margin:0!important;padding:0!important}
html.phc-redesign .phc-login-panel .c-button-submit{display:block;width:100%!important;min-height:48px!important;border-radius:8px!important;font-size:15px!important}
html.phc-redesign .phc-login-panel .p-menu-login{margin:24px 0 0!important;font-size:12px;text-align:center}
html.phc-redesign .phc-login-panel .p-menu-login ul{padding:0;margin:0;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
@media(max-width:760px){html.phc-redesign body.body-login .wrapper{width:calc(100% - 36px)!important;margin:28px auto 40px!important}html.phc-redesign .main--login.phc-login-layout{display:flex!important;flex-direction:column;align-items:stretch;gap:24px}html.phc-redesign .phc-login-brand img{width:164px;margin:0 auto 16px}html.phc-redesign .phc-login-brand{text-align:center}html.phc-redesign .phc-login-eyebrow{font-size:11px}html.phc-redesign .phc-login-brand h2{font-size:21px;line-height:1.6;margin-bottom:12px}html.phc-redesign .phc-login-description{font-size:12px}html.phc-redesign .phc-login-support{margin-top:20px;padding-top:16px;text-align:left}html.phc-redesign .phc-login-support p{max-width:none}html.phc-redesign .phc-login-operator{margin-top:16px;text-align:left}html.phc-redesign .phc-login-panel{padding:26px 24px;border-radius:14px}html.phc-redesign .phc-login-panel .__heading{margin-bottom:22px!important}html.phc-redesign .phc-login-panel .__heading h1{font-size:22px!important}}

html.phc-redesign .main--login.phc-login-layout{gap:0 64px}
html.phc-redesign .phc-login-layout .phc-login-intro{grid-column:1;grid-row:1}
html.phc-redesign .phc-login-layout .phc-login-panel{grid-column:2;grid-row:1/3}
html.phc-redesign .phc-login-layout .phc-login-help{grid-column:1;grid-row:2}
@media(max-width:760px){html.phc-redesign .main--login.phc-login-layout{gap:24px}html.phc-redesign .phc-login-help .phc-login-support{margin-top:0}}
html.phc-on.phc-redesign .main.main--login .phc-login-panel .__heading h1{border:0!important;padding:0!important;background:transparent!important}
html.phc-on.phc-redesign .main.main--login .phc-login-panel table th,html.phc-on.phc-redesign .main.main--login .phc-login-panel table td{background:transparent!important;border:0!important}
html.phc-on.phc-redesign .main.main--login .phc-login-panel .__remember label{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}

/* トップの常設導線と実商品。履歴の取得成否に依存しない。 */
html.phc-redesign .phc-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 32px}
html.phc-redesign .phc-home-actions a{display:flex;flex-direction:column;gap:8px;border:1px solid #dce4e5;border-radius:10px;padding:22px 24px;background:#fff;color:#071b2b;text-decoration:none}
html.phc-redesign .phc-home-actions small{font-size:11px;letter-spacing:.12em;color:#52756e}
html.phc-redesign .phc-home-actions strong{font-size:18px;font-weight:600}
html.phc-redesign .phc-home-actions span{font-size:14px;color:#526570}
html.phc-redesign .phc-home-products,html.phc-redesign .phc-home-guide{margin:44px 0}
html.phc-redesign .phc-home-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
html.phc-redesign .phc-home-heading p{font-size:11px;letter-spacing:.16em;color:#52756e;margin:0 0 6px}
html.phc-redesign .phc-home-heading h2{font-size:24px;margin:0;color:#071b2b;border:0;padding:0}
html.phc-redesign .phc-home-heading>a{font-size:14px;color:#0c6980;min-height:44px;display:flex;align-items:center}
html.phc-redesign .phc-home-caption{font-size:13px;line-height:1.7;color:#526570;margin:12px 0 20px}
html.phc-redesign .phc-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html.phc-redesign .phc-product-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #dce4e5;border-radius:10px;overflow:hidden;color:#071b2b;text-decoration:none}
html.phc-redesign .phc-product-photo{height:180px;padding:22px;background:#fff;display:flex;align-items:center;justify-content:center}
html.phc-redesign .phc-product-photo img{max-width:100%;max-height:100%;object-fit:contain}
html.phc-redesign .phc-product-card h3{font-size:18px;line-height:1.5;margin:16px 18px 8px;border:0;padding:0}
html.phc-redesign .phc-product-price{font-size:15px;margin:auto 18px 14px;padding-top:8px;font-weight:600}
html.phc-redesign .phc-product-detail{font-size:14px;color:#0c6980;margin:0 18px 18px}
html.phc-redesign .phc-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html.phc-redesign .phc-guide-cards>a{padding:24px;background:#edf3f0;border-radius:10px;color:#071b2b;text-decoration:none}
html.phc-redesign .phc-guide-cards b{color:#75998c;font-size:26px;font-weight:400}
html.phc-redesign .phc-guide-cards h3{font-size:18px;margin:12px 0;border:0;padding:0}
html.phc-redesign .phc-guide-cards p{font-size:14px;line-height:1.8;color:#526570;margin:0 0 18px}
html.phc-redesign .phc-guide-cards span{font-size:14px;color:#0c6980}
html.phc-redesign .phc-home-help{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0;padding:24px 0;border-top:1px solid #dce4e5;border-bottom:1px solid #dce4e5}
html.phc-redesign .phc-home-help p{font-size:14px;color:#526570;margin:8px 0 0}
html.phc-redesign .phc-home-help>a{padding:12px 24px;white-space:nowrap;border:1px solid #a9bdb7;border-radius:6px;color:#0c6980}
html.phc-redesign .phc-home-actions a:hover,html.phc-redesign .phc-product-card:hover{border-color:#0c6980;box-shadow:0 4px 16px #163c3010}
html.phc-redesign .phc-home-actions a:focus-visible,html.phc-redesign .phc-product-card:focus-visible{outline:3px solid #0c6980;outline-offset:3px}
@media(max-width:760px){html.phc-redesign .phc-home-actions{grid-template-columns:1fr;gap:8px}html.phc-redesign .phc-home-actions a{padding:16px 18px;gap:5px}html.phc-redesign .phc-home-actions small{display:none}html.phc-redesign .phc-home-products,html.phc-redesign .phc-home-guide{margin:32px 0}html.phc-redesign .phc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html.phc-redesign .phc-product-photo{height:130px;padding:14px}html.phc-redesign .phc-product-card h3{font-size:16px;margin:12px}html.phc-redesign .phc-product-price,html.phc-redesign .phc-product-detail{margin-left:12px;margin-right:12px;font-size:13px}html.phc-redesign .phc-home-heading{align-items:start}html.phc-redesign .phc-home-heading h2{font-size:22px}html.phc-redesign .phc-home-heading>a{max-width:100px;font-size:13px;min-height:44px}html.phc-redesign .phc-guide-cards{grid-template-columns:1fr;gap:12px}html.phc-redesign .phc-home-help{align-items:start;flex-direction:column}}
@media(max-width:760px){html.phc-redesign .phc-home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px}html.phc-redesign .phc-home-actions a{padding:14px 10px;justify-content:center;min-height:64px;text-align:center}html.phc-redesign .phc-home-actions strong{font-size:13px;line-height:1.6}html.phc-redesign .phc-home-actions span{display:none}html.phc-redesign .phc-home-heading>a{max-width:120px}html.phc-redesign .phc-home-heading h2{font-size:20px}}