.pp-shipping {
  --pp-green:#009d64; --pp-line:#00a66b; --pp-text:#333;
  background:#fff;color:var(--pp-text);padding:40px 20px;
  font-family:"PP Noto Sans JP","Noto Sans JP",sans-serif;
}
.pp-shipping,.pp-shipping *{box-sizing:border-box}
.pp-shipping p,.pp-shipping h2,.pp-shipping h3{margin:0}
.pp-shipping__inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}
.pp-shipping__rule{height:3px;border-radius:2px;background:var(--pp-line);width:100%}
.pp-shipping__heading{display:flex;align-items:center;justify-content:center;gap:24px}
.pp-shipping__heading img{display:block;width:60px;height:60px}
.pp-shipping__heading h2{font-size:34px;line-height:1.42;font-weight:700}
.pp-shipping__deadline{display:flex;align-items:baseline;justify-content:center;background:#e5f3e9;border-radius:999px;padding:4px 58px;font-size:24px;font-weight:700;line-height:48px;max-width:100%;text-align:center}
.pp-shipping .pp-shipping__deadline{margin-top:-4px}
.pp-shipping__deadline strong{font-size:38px;color:var(--pp-green);font-weight:700}
.pp-shipping__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
.pp-shipping__card{border:1px solid #87deb7;background:#fffcf4;border-radius:6px;padding:16px 24px;container-type:inline-size;text-align:center;min-width:0}
.pp-shipping__condition{display:flex;align-items:center;justify-content:center;gap:min(5.2cqw,28px);height:min(14.8cqw,80px)}
.pp-shipping__condition picture{display:block;flex:0 0 min(17.8cqw,96px)}
.pp-shipping__condition img{display:block;width:100%;height:auto}
.pp-shipping__condition h3{font-size:min(5.2cqw,28px);line-height:1.215;font-weight:700;text-align:left;white-space:nowrap}
.pp-shipping__condition-sp{display:none}
.pp-shipping__date{display:flex;align-items:baseline;justify-content:center;white-space:nowrap;color:var(--pp-green);font-weight:700;line-height:1}
.pp-shipping__number{font-family:"PP Inter",Inter,sans-serif;font-weight:900;font-size:min(26.65cqw,144px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pp-shipping[data-wide-date="true"] .pp-shipping__number{font-size:min(23cqw,124px)}
.pp-shipping__unit,.pp-shipping__dispatch{font-size:min(9.3cqw,50px);line-height:1.24}
.pp-shipping__button{display:block;color:var(--pp-text);background:#ececec;box-shadow:0 4px 0 #808080;border-radius:6px;padding:16px 68px;text-decoration:none;font-size:24px;font-weight:700;line-height:32px;text-align:center;max-width:100%;transition:background .15s,transform .15s}
.pp-shipping__button:hover{background:#e2e2e2}
.pp-shipping__button:active{transform:translateY(2px);box-shadow:0 2px 0 #808080}
.pp-shipping__button:focus-visible{outline:3px solid var(--pp-line);outline-offset:5px}
.pp-shipping .pp-shipping__note{font-size:12px;font-weight:500;line-height:1.8;color:#666;max-width:860px;text-align:center;margin-top:4px}
.pp-shipping__status:empty{display:none}
.pp-shipping__status{font-size:14px;padding:24px 8px;text-align:center}
.pp-shipping:not([data-state="ready"]) .pp-shipping__cards,.pp-shipping:not([data-state="ready"]) .pp-shipping__deadline{display:none}
.pp-shipping__nojs{font-size:14px}
@media(max-width:767px){
  .pp-shipping{padding:24px 20px}
  .pp-shipping__inner{gap:8px}
  .pp-shipping__heading{gap:6px}
  .pp-shipping__heading img{width:28px;height:28px}
  .pp-shipping__heading h2{font-size:clamp(14px,4.26vw,16px);line-height:24px;white-space:nowrap}
  .pp-shipping__deadline{font-size:12px;line-height:30px;padding:0 28px}
  .pp-shipping__deadline strong{font-size:22px}
  .pp-shipping__cards{gap:10px}
  .pp-shipping__card{padding:8px 12px;border-radius:4px}
  .pp-shipping__condition{flex-direction:column;gap:0;height:70px}
  .pp-shipping__condition picture{width:33.6px;height:28px;flex:0 0 28px}
  .pp-shipping__condition h3{font-size:12px;line-height:14px;text-align:center;height:42px;display:flex;align-items:center;justify-content:center}
  .pp-shipping__condition-pc{display:none}
  .pp-shipping__condition-sp{display:block}
  .pp-shipping__date{flex-wrap:wrap}
  .pp-shipping__number{font-size:min(30.8cqw,42px);line-height:40px}
  .pp-shipping[data-wide-date="true"] .pp-shipping__number{font-size:min(25.6cqw,35px)}
  .pp-shipping__unit{font-size:min(13.9cqw,19px);line-height:26px}
  .pp-shipping__dispatch{flex-basis:100%;font-size:22px;line-height:26px;font-weight:900}
  .pp-shipping__button{width:calc(100% - 8px);max-width:400px;font-size:14px;line-height:24px;padding:8px 12px;min-height:44px}
  .pp-shipping .pp-shipping__note{font-size:11px;line-height:1.7;text-align:left;margin-top:9px}
}