/* Copyright (c) 2026 APPRIDE. Approved PC/TB hero; SP lead dimensions are untouched. */
.appride-pickup-paper,.appride-pickup-arrow,.appride-pickup-slot,.appride-pickup-mobile,.appride-pickup-shape{display:none}
/* The label's typography, frame and colour are shared by both layouts. */
.appride-pickup-badge{border:1px solid currentColor;border-radius:5px;padding:0 7px;color:var(--pickup-badge);font-size:13px;font-weight:700;line-height:1.4}
.appride-home #appride-search{margin-top:0}
@media(width > 480px){
 .appride-home .appride-home-hero{display:block;position:relative;isolation:isolate;min-height:336px;padding:0;margin:20px 0 0;background:var(--appride-soft,#f5f1ea)}
 .appride-home-hero .appride-pickup-slot{display:block;position:absolute;inset:0;pointer-events:none}
 .appride-pickup-photo-frame{position:absolute;inset:0 0 0 37%;overflow:hidden;z-index:0}
 .appride-pickup-photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;user-select:none}
 .appride-home-hero .appride-pickup-paper,.appride-home-hero .appride-pickup-arrow{display:block;position:absolute;inset:0;pointer-events:none}
 .appride-home-hero .appride-pickup-paper,.appride-home-hero .appride-pickup-arrow{display:none}
 .appride-home-hero .appride-pickup-shape{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:2;pointer-events:none;overflow:hidden}
 .appride-home .appride-home-hero .lead{position:relative;z-index:3;padding:34px 18px;max-width:51.5%;min-height:336px;pointer-events:none}
 .appride-home-hero .lead .eyebrow{font-size:13px;font-weight:700;line-height:1.5;letter-spacing:0;color:#647c74}
 .appride-home .appride-home-hero .lead h1{font-size:clamp(20px,3.2vw,36px);font-weight:700;line-height:1.85;letter-spacing:-.025em;margin:16px 0 24px}
 .appride-home .appride-home-hero .intro{font-size:13px;font-weight:500;line-height:1.8;color:#808080;max-width:29em}
 .appride-pickup-card{position:absolute;z-index:4;right:3.2%;top:34px;width:36.5%;min-height:266px;padding:20px min(var(--pickup-padding),20px) 18px;background:var(--pickup-card);display:flex;flex-direction:column;color:var(--pickup-text);pointer-events:auto;overflow-wrap:anywhere}
 .appride-pickup-card .appride-pickup-badge{align-self:flex-start;border:1px solid currentColor;border-radius:5px;padding:0 7px;color:var(--pickup-badge);font-size:13px;font-weight:700;line-height:1.4;margin-bottom:20px}
 .appride-pickup-card h2{font-size:min(var(--pickup-title),clamp(18px,2.1vw,23px));line-height:1.6;font-weight:700;letter-spacing:-.025em;margin:0 0 5px}
 .appride-pickup-card .appride-pickup-lead{font-size:14px;line-height:1.75;font-weight:400;margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
 .appride-pickup-card > .appride-pickup-footer{box-sizing:border-box;width:100%;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;margin-top:auto;padding-top:17px}
 .appride-pickup-footer time{text-align:left;justify-self:start;white-space:nowrap}
 .appride-pickup-card time{font-size:14px;line-height:1.7;font-variant-numeric:tabular-nums}
 .appride-pickup-card .appride-pickup-read{font-size:13px;line-height:1.7;grid-column:2;justify-self:end;text-align:right;margin:0;padding:0;min-height:44px;display:inline-flex;align-items:center;color:inherit}
 /* 記事を読む：PC・TBのホバー／キーボードフォーカス時だけ、文字色の細い下線を左から表示（Claude Code 2026-10-21）。 */
 .appride-pickup-card .appride-pickup-read{cursor:pointer}
 .appride-pickup-card .appride-pickup-read:is(:hover,:focus,:focus-visible){text-decoration:none}
 .appride-pickup-card .appride-pickup-read-text{background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .2s ease-out}
 .appride-pickup-card .appride-pickup-read:focus-visible .appride-pickup-read-text{background-size:100% 1px}
 .appride-pickup-ring{position:absolute;left:var(--pickup-line-inset,4px);top:var(--pickup-line-inset,4px);width:calc(100% - 2 * var(--pickup-line-inset,4px));height:calc(100% - 2 * var(--pickup-line-inset,4px));max-width:none;overflow:visible;pointer-events:none;fill:none;color:var(--pickup-line)}
 .appride-pickup-ring path{fill:none;stroke:currentColor;stroke-width:var(--pickup-line-width,1px);vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
 .appride-home-hero.pickup-enter .appride-pickup-card{animation:appride-pickup-in .65s ease-out both}
 @keyframes appride-pickup-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
 .appride-home #appride-search{padding:32px 0 34px;margin:0 auto;width:80%;border-top:1px solid var(--appride-line,#e2e2e2);border-bottom:1px solid var(--appride-line,#e2e2e2)}
 #appride-search .wp-block-search{display:grid;grid-template-columns:14.285714% minmax(0,1fr);column-gap:2.142857%;align-items:center}
 #appride-search .wp-block-search__label{display:block;font-size:20px;line-height:1.5;margin:0;color:inherit}
 #appride-search .search-note,#appride-search .search-detail{margin-left:16.428571%}
 #appride-search .wp-block-search__button{min-width:64px}
}
@media(min-width:1200px){
 .appride-home .appride-home-hero{min-height:320px}
 .appride-home .appride-home-hero .lead{padding:32px 20px;max-width:53.3%;min-height:320px}
 .appride-home-hero .lead .eyebrow{font-size:16px}
 .appride-home .appride-home-hero .lead h1{font-size:38px;line-height:1.85;margin:10px 0 19px}
 .appride-home .appride-home-hero .intro{font-size:14px;max-width:100%}
 .appride-pickup-card{right:3%;width:35.7%;min-height:250px;padding:22px var(--pickup-padding) 24px}
 .appride-pickup-card h2{font-size:var(--pickup-title);line-height:1.55}
 .appride-pickup-card .appride-pickup-badge{font-size:15px;margin-bottom:26px}
 .appride-pickup-card .appride-pickup-lead{font-size:15px}
 .appride-pickup-card time{font-size:16px}.appride-pickup-card .appride-pickup-read{font-size:15px}
 #appride-search .wp-block-search__button{min-width:87px}
}
@media(width > 480px) and (width < 768px){
 .appride-home .appride-home-hero .lead{padding:24px 12px;max-width:50%;min-height:336px}
 .appride-home .appride-home-hero .lead h1{font-size:clamp(18px,3.6vw,26px);line-height:1.85;word-break:normal}
 .appride-home-hero .lead .eyebrow{font-size:11px}.appride-home .appride-home-hero .intro{font-size:12px}
 .appride-pickup-card{right:2%;width:39%;padding:18px 12px;min-height:266px}
 .appride-pickup-card h2{font-size:min(var(--pickup-title),18px)}
 #appride-search .wp-block-search__label{font-size:15px}
 #appride-search .wp-block-search{grid-template-columns:24% minmax(0,1fr);gap:3%}
 #appride-search .search-note,#appride-search .search-detail{margin-left:27%}
}
@media(max-width:480px){
 #appride-search .wp-block-search__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(width > 480px) and (hover:hover) and (pointer:fine){.appride-pickup-card .appride-pickup-read:hover .appride-pickup-read-text{background-size:100% 1px}}
@media(prefers-reduced-motion:reduce){.appride-home-hero.pickup-enter .appride-pickup-card{animation:none}.appride-pickup-ring:not(.is-manual){display:none}.appride-pickup-card .appride-pickup-read-text{transition:none}}
@media print{.appride-pickup-ring{display:none!important}}

/* Mobile title is manually scrollable even without motion/JavaScript. */
@media(max-width:480px){
 .appride-home-hero .appride-pickup-slot:not(:empty){display:block;min-width:0;margin:0 20px 20px}
 .appride-pickup-slot .appride-pickup-photo-frame,.appride-pickup-slot .appride-pickup-card{display:none}
 .appride-pickup-mobile{position:relative;display:flex;align-items:center;gap:8px;padding-block:calc(var(--pickup-line-inset,4px) + var(--pickup-line-width,1px) + 5px);min-width:0;max-width:100%;min-height:44px;color:var(--pickup-text);font-size:14px;line-height:1.7}
 .appride-pickup-mobile .appride-pickup-badge{flex:0 1 auto;max-width:40%;min-width:0;overflow-x:auto;white-space:nowrap}
 .appride-pickup-mobile-line{position:absolute;left:var(--pickup-line-inset,4px);right:var(--pickup-line-inset,4px);height:var(--pickup-line-width,1px);background:var(--pickup-line);opacity:0;transform-origin:left center;pointer-events:none}
 .appride-pickup-mobile-line.is-top{top:var(--pickup-line-inset,4px)}.appride-pickup-mobile-line.is-bottom{bottom:var(--pickup-line-inset,4px);transform-origin:right center}
 .appride-pickup-mobile-line[hidden]{display:none}
 .appride-pickup-mobile-window{display:block;flex:1 1 0;min-width:0;min-height:44px;line-height:44px;overflow-x:auto;white-space:nowrap;scroll-behavior:auto;overscroll-behavior-x:contain;color:inherit;text-decoration:none}
 .appride-pickup-mobile-window.is-moving{overflow:hidden}
 .appride-pickup-mobile-track{display:flex;align-items:center;width:max-content;line-height:44px;will-change:transform}
 .appride-pickup-mobile-text{flex:none;display:block;max-width:none;padding-inline-end:2em;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
 .appride-pickup-mobile-window:not(.is-moving) .appride-pickup-mobile-text{padding-inline-end:0}
 .appride-pickup-slot .appride-pickup-image-drag{display:none}
 .appride-pickup-mobile :focus-visible{outline:2px solid var(--pickup-badge);outline-offset:-2px}
}