/* /ski/lift/ 専用CSS：common.cssの後に読み込む */
.lift-index {
--li-ink:#183b55;
--li-muted:#536979;
--li-accent:#148b94;
--li-border:#dbe7ed;
color:var(--li-ink);
font-size:16px;
line-height:1.7;
overflow-wrap:break-word;
}
.lift-index,.lift-index *{box-sizing:border-box}
.lift-index .li-container{width:min(1100px,calc(100% - 40px));margin-inline:auto}
.lift-index .li-section{padding:52px 0}
.lift-index .li-section--soft{background:#f3f8fa}
.lift-index .li-eyebrow{margin:0 0 8px;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.1em;color:var(--li-accent)}
.lift-index .li-heading{margin:0 0 22px}
.lift-index .li-heading h2{margin:0 0 8px;font-size:clamp(23px,2.8vw,30px);line-height:1.45;font-weight:700;color:var(--li-ink)}
.lift-index .li-heading>p:last-child{margin:0;color:var(--li-muted);font-size:15px;line-height:1.75}
.lift-index .li-hero{padding:56px 0 48px;background:linear-gradient(115deg,#eaf7f8,#f5faff 70%,#edf5fc)}
.lift-index .li-hero h2{margin:0 0 12px;font-size:clamp(28px,3.5vw,40px);line-height:1.4;color:var(--li-ink)}
.lift-index .li-hero p:not(.li-eyebrow){margin:0;font-size:16px;line-height:1.8}
.lift-index .li-hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lift-index .li-hero-links a{display:inline-flex;align-items:center;padding:9px 15px;background:#fff;border:1px solid #c8e1e5;border-radius:8px;color:#116e7b;text-decoration:none;font-size:14px;font-weight:700}
.lift-index .li-hero-links a:hover{background:#e9f6f7}
.lift-index .li-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lift-index .li-method{display:flex;align-items:center;gap:15px;min-width:0;padding:20px;border:1px solid var(--li-border);border-radius:12px;background:#fff}
.lift-index .li-method__icon{display:flex;flex:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:11px;background:#e8f5f6;color:var(--li-accent);font-size:22px}
.lift-index .li-method__content{min-width:0}
.lift-index .li-method h3{margin:0 0 5px;font-size:17px;line-height:1.45;font-weight:700;color:var(--li-ink)}
.lift-index .li-method p{margin:0;font-size:14px;line-height:1.6;color:#42586a}
.lift-index .li-next{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px auto 0;text-align:center;color:#117f8a}
.lift-index .li-next span{font-size:14px}
.lift-index .li-next i{font-size:15px}
.lift-index .li-next strong{font-size:16px;line-height:1.6}
.lift-index .li-note{margin:17px 0 0;font-size:13px;line-height:1.7;color:#596c79}
.lift-index .li-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.lift-index .li-steps li{display:flex;align-items:flex-start;gap:12px;min-width:0;margin:0;padding:20px;border:1px solid var(--li-border);border-radius:12px;background:#fff}
.lift-index .li-steps li>span{flex:none;font-size:24px;line-height:1.3;font-weight:800;color:var(--li-accent)}
.lift-index .li-steps h3{margin:0 0 6px;font-size:16px;line-height:1.5;color:var(--li-ink)}
.lift-index .li-steps p{margin:0;font-size:14px;line-height:1.7;color:#42586a}
.lift-index .li-resort-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lift-index .li-resort{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:20px 22px;border:1px solid var(--li-border);border-radius:12px;background:#fff}
.lift-index .li-resort h3{margin:0 0 7px;font-size:18px;line-height:1.5;color:var(--li-ink)}
.lift-index .li-resort__label{margin:0 0 3px;font-size:12px;line-height:1.5;font-weight:700;color:var(--li-muted)}
.lift-index .li-resort__summary{margin:0;font-size:14px;line-height:1.65;color:#42586a}
.lift-index .li-resort__cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;padding-top:5px;font-size:14px;line-height:1.6;font-weight:700;text-decoration:none;color:#087f8e}
.lift-index .li-resort__cta:hover{text-decoration:underline}
.lift-index .li-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lift-index .li-campaign{display:flex;flex-direction:column;gap:9px;padding:20px 22px;border:1px solid var(--li-border);border-radius:12px;background:#fff}
.lift-index .li-campaign h3{margin:0;font-size:18px;color:var(--li-ink)}
.lift-index .li-campaign p{margin:0;font-size:14px;color:#42586a}
.lift-index .li-campaign a{display:inline-flex;gap:7px;align-items:center;align-self:flex-start;margin-top:auto;color:#087f8e;font-size:14px;font-weight:700;text-decoration:none}
.lift-index .li-campaign a:hover{text-decoration:underline}
.lift-index .li-ic-box{display:flex;align-items:flex-start;gap:15px;padding:22px;border:1px solid var(--li-border);border-left:4px solid var(--li-accent);border-radius:10px;background:#fff}
.lift-index .li-ic-box>i{flex:none;font-size:24px;color:var(--li-accent)}
.lift-index .li-ic-box h3{margin:0 0 7px;font-size:18px;color:var(--li-ink)}
.lift-index .li-ic-box p{margin:0 0 8px;font-size:15px;line-height:1.7}
.lift-index .li-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lift-index .li-check p{margin:0;padding:12px 15px;border-radius:9px;background:#fff;font-size:14px}
.lift-index .li-check i{margin-right:6px;color:var(--li-accent)}
.lift-index .li-bottom{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.lift-index .li-bottom a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:8px;background:#147e88;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.lift-index .li-bottom a:first-child{border:1px solid #147e88;background:#fff;color:#147e88}
.lift-index section[id]{scroll-margin-top:90px}
@media(max-width:900px){
.lift-index .li-method-grid{grid-template-columns:1fr}
.lift-index .li-steps{grid-template-columns:1fr}
.lift-index .li-method{padding:15px 17px}
.lift-index .li-steps li{padding:16px 18px}
}
@media(max-width:767px){
.lift-index{font-size:15px}
.lift-index .li-container{width:calc(100% - 32px)}
.lift-index .li-section{padding:34px 0}
.lift-index .li-hero{padding:36px 0 32px}
.lift-index .li-hero h2{font-size:27px}
.lift-index .li-hero p:not(.li-eyebrow){font-size:14px}
.lift-index .li-hero-links{gap:8px;margin-top:17px}
.lift-index .li-hero-links a{padding:8px 11px;font-size:12px}
.lift-index .li-heading{margin-bottom:16px}
.lift-index .li-heading h2{font-size:23px}
.lift-index .li-heading>p:last-child{font-size:14px}
.lift-index .li-method-grid,.lift-index .li-steps,.lift-index .li-resort-grid,.lift-index .li-campaign-grid,.lift-index .li-check{grid-template-columns:1fr;gap:10px}
.lift-index .li-method{gap:12px;padding:14px}
.lift-index .li-method__icon{width:42px;height:42px;font-size:19px}
.lift-index .li-method h3{font-size:16px;margin-bottom:3px}
.lift-index .li-method p{font-size:14px}
.lift-index .li-next{gap:6px;margin-top:18px;flex-direction:column}
.lift-index .li-next strong{font-size:15px}
.lift-index .li-resort{gap:8px;padding:16px}
.lift-index .li-resort h3{font-size:17px;margin-bottom:5px}
.lift-index .li-resort__summary{font-size:14px}
.lift-index .li-resort__cta{padding-top:4px}
.lift-index .li-campaign{padding:16px}
.lift-index .li-ic-box{padding:16px;gap:10px}
.lift-index .li-ic-box h3{font-size:16px}
.lift-index .li-ic-box p{font-size:14px}
.lift-index .li-check p{padding:11px 13px}
.lift-index .li-bottom{flex-direction:column}
.lift-index .li-bottom a{justify-content:center}
.lift-index section[id]{scroll-margin-top:80px}
}

/* 2026-10-12: 受取→現地引換を一体化し、SPの縦長を抑制 */
.lift-index .li-flow{padding:42px 0 46px}
.lift-index .li-flow__block{padding:22px;background:#f5f9fb;border:1px solid #dce8ed;border-radius:14px}
.lift-index .li-flow__title{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.lift-index .li-flow__number{flex:none;padding:5px 10px;border-radius:5px;background:#138b94;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em}
.lift-index .li-flow__title h3{margin:0;font-size:20px;line-height:1.45;color:#183b55}
.lift-index .li-flow__connector{display:flex;align-items:center;justify-content:center;height:35px;color:#138b94;font-size:19px}
.lift-index .li-flow .li-method{align-items:flex-start;padding:15px;gap:12px}
.lift-index .li-flow .li-method__icon{width:40px;height:40px;font-size:19px}
.lift-index .li-flow .li-steps li{padding:16px;gap:10px}
.lift-index .li-flow .li-steps li>span{font-size:19px}
.lift-index .li-flow__ic{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 15px;border-left:3px solid #138b94;border-radius:6px;background:#fff}
.lift-index .li-flow__ic>i{color:#138b94;margin-top:4px}
.lift-index .li-flow__ic strong{font-size:14px}
.lift-index .li-flow__ic p{margin:3px 0 0;font-size:13px;line-height:1.6;color:#536979}
.lift-index .li-resort{padding:15px 18px;gap:6px}
.lift-index .li-resort h3{font-size:17px;margin-bottom:4px}
.lift-index .li-resort__label{font-size:11px}
.lift-index .li-resort__summary{font-size:13px;line-height:1.55}
.lift-index .li-resort__cta{font-size:13px;padding-top:6px}
@media(max-width:767px){
.lift-index .li-flow{padding:30px 0}
.lift-index .li-flow__block{padding:14px 12px;border-radius:10px}
.lift-index .li-flow__title{gap:9px;margin-bottom:12px}
.lift-index .li-flow__title h3{font-size:16px}
.lift-index .li-flow__number{font-size:11px;padding:4px 7px}
.lift-index .li-flow .li-method-grid{gap:7px}
.lift-index .li-flow .li-method{padding:10px;gap:10px;align-items:center}
.lift-index .li-flow .li-method__icon{width:35px;height:35px;font-size:16px}
.lift-index .li-flow .li-method h3{font-size:14px;margin-bottom:2px}
.lift-index .li-flow .li-method p{font-size:12px;line-height:1.5}
.lift-index .li-flow .li-steps{gap:7px}
.lift-index .li-flow .li-steps li{padding:11px;gap:10px}
.lift-index .li-flow .li-steps h3{font-size:14px;margin-bottom:2px}
.lift-index .li-flow .li-steps p{font-size:12px;line-height:1.55}
.lift-index .li-flow__ic{padding:10px;margin-top:10px}
.lift-index .li-resort-grid{gap:8px}
.lift-index .li-resort{padding:12px 14px;gap:5px}
.lift-index .li-resort h3{font-size:16px;margin-bottom:3px}
.lift-index .li-resort__summary{font-size:12px}
.lift-index .li-resort__cta{font-size:12px}
}