/* pages担当：一覧・出発日程・特集・固定ページ（モックの asa-* ブロックをページ単位にスコープして移植 2026-09-29） */

/* ===== B20 スキー場一覧（page-gerende.php：section#page.asa-gl）モック asa-filter / asa-ls-tags / asa-ls-pref / asa-list-bottom ===== */
.asa-gl .asa-filter{max-width:1000px;margin:26px auto 0;display:flex;justify-content:center;gap:10px}
.asa-gl .af-btn{-webkit-appearance:none;appearance:none;border:1px solid #0a2463;background:#fff;color:#0a2463;font-weight:bold;font-size:15px;line-height:1;padding:12px 22px;border-radius:999px;cursor:pointer}
.asa-gl .af-btn.is-on{background:#0a2463;color:#fff}
.asa-gl .af-btn:hover{opacity:.85}
.asa-gl .plan-items li.is-hide,.asa-gl section.item-list.is-hide,.asa-gl .anc.is-hide{display:none !important}
main .asa-gl .nav_area{margin-top:18px !important}
.asa-gl .ls-tags{display:flex;gap:6px;margin:0 0 8px;min-height:22px}
.asa-gl .ls-tag{display:inline-block;font-size:12px;line-height:1;padding:5px 9px;border-radius:3px;background:#0a2463;color:#fff;font-weight:bold}
.asa-gl .ls-tag--bus{background:#e8710a;color:#fff}
.asa-gl .ls-tag.ls-tag--pref{background:#eef2f8;color:#0a2463;font-weight:normal}
main .asa-gl .plan-items li .in_box .title{min-height:63px;-webkit-line-clamp:2}
main .asa-gl .plan-items li .in_box .text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:auto;min-height:calc(1.8em * 3);margin-bottom:24px}
.asa-gl section.item-list:last-of-type{margin-bottom:80px}
@media(max-width:750px){
	.asa-gl .asa-filter{gap:6px;margin:5vw auto 3vw}
	.asa-gl .af-btn{font-size:13px;padding:10px 12px;flex:1}
	main .asa-gl .nav_area{margin:4vw 0 5vw !important}
	main .asa-gl .nav_area li{margin:0 0 2% !important}
	main .asa-gl .nav_area li a{padding:2.6vw 6vw 2.6vw !important;font-size:3.4vw !important}
	.asa-gl .ls-tags{min-height:5vw}
	main .asa-gl .plan-items li .in_box .title{min-height:0;height:13.2vw}
	main .asa-gl .plan-items li .in_box .text{height:auto;min-height:18.36vw}
}

/* ===== B21 出発日程：月ごとの写真カード（モック asa-dep2 の dp-*。帯カレンダー（cal- と rc- で始まるクラス）は resort担当） ===== */
.dp-list{max-width:1000px;margin:0 auto 50px}
.dp-mh{font-size:20px;font-weight:bold;color:#0a2463;margin:0 0 12px;padding:0 0 8px;border-bottom:2px solid #0a2463}
.dp-mh small{font-size:14px;font-weight:normal;color:#555;margin-left:10px}
.dp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 36px}
.dp-card{display:flex;flex-direction:column;border:1px solid #d7dce6;border-radius:6px;background:#fff;color:#12213f;text-decoration:none;overflow:hidden}
a.dp-card:hover{border-color:#0a2463}
.dp-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.dp-b{display:flex;flex-direction:column;flex:1;padding:10px 12px 14px;font-size:14px;line-height:1.5}
.dp-b .rc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.dp-b .rc-tags:empty{display:none}
.dp-b .rc-tag{display:inline-block;font-size:11px;line-height:1;padding:4px 7px;border-radius:3px;background:#eef2f8;color:#0a2463}
.dp-b .rc-tag--bus{background:#e8710a;color:#fff;font-weight:bold}
.dp-date{font-weight:bold;color:#12213f;font-size:14px}
.dp-tilde{margin:0 3px;color:#888}
.dp-name{font-weight:bold;color:#0a2463;font-size:16px;margin-top:2px}
.dp-n{color:#e8710a;font-weight:bold;margin:2px 0 0}
.dp-hotel{font-size:12.5px;color:#555;margin:0 0 6px}
.dp-blurb{display:block;font-size:13px;line-height:1.6;color:#333;margin:0 0 12px;padding-top:6px;border-top:1px dashed #d7dce6}
.dp-pt{display:flex;align-items:flex-start;word-break:normal !important}
.dp-pt::before{content:'・';flex:none}
.dp-btn2{display:flex !important;align-items:center;justify-content:center;margin:auto 0 0;padding:0 30px 0 12px !important;height:42px;font-size:14px;max-width:none;width:100%;box-sizing:border-box;line-height:1.3}
.dp-btn2::after{right:12px;width:24px;background-size:24px auto}
@media(max-width:750px){
	.dp-grid{grid-template-columns:repeat(2,1fr);gap:10px}
	.dp-b{padding:8px 10px 12px}
	.dp-name{font-size:15px}
}
@media(min-width:751px) and (max-width:1000px){.dp-grid{grid-template-columns:repeat(3,1fr)}}

/* ===== B22 ナイスミドル特集「もっと知る」の紺カード（モック asa-cards-css） ===== */
.asa-cards{display:flex;flex-wrap:wrap;gap:16px;max-width:1000px;margin:20px auto 0}
#asa-next{padding-bottom:60px}
.asa-card{flex:1 1 200px;display:block;position:relative;padding:22px 20px 34px;background:#0a2463;border:none;border-radius:8px;text-decoration:none;color:#fff;transition:.2s}
.asa-card::after{content:"";position:absolute;right:16px;bottom:14px;width:30px;height:6px;background:url(../images/common/arrow_plan.png) no-repeat center/100%}
.asa-card:hover{opacity:.85}
.asa-card__ttl{display:block;font-size:18px;font-weight:bold;color:#fff;margin-bottom:8px}
.asa-card__txt{display:block;font-size:14px;line-height:1.7;color:#fff}
@media(max-width:768px){.asa-card{flex:1 1 100%}}

/* ===== B25 キャンペーン金額の強調（モック asa-campaign-num）特集＝#specialFavor .specialFavor__yen／キャンペーンページ＝.nc_specialFavor__yen ===== */
#specialFavor .specialFavor__yen .price,.nCampaign .nc_specialFavor__yen .price{font-weight:700 !important;letter-spacing:-2px !important;font-size:108px !important;line-height:1.05 !important;position:relative;display:inline-block;padding:0 6px}
#specialFavor .specialFavor__yen .price span,.nCampaign .nc_specialFavor__yen .price span{font-size:40px !important;font-weight:700 !important;letter-spacing:0 !important;margin-left:4px}
#specialFavor .specialFavor__yen .price::after,.nCampaign .nc_specialFavor__yen .price::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:10px;background:currentColor;opacity:.16;border-radius:2px}
#specialFavor .specialFavor__yen em,.nCampaign .nc_specialFavor__yen em{font-size:20px !important;font-weight:700 !important;letter-spacing:1px !important}
@media(max-width:750px){
	#specialFavor .specialFavor__yen .price,.nCampaign .nc_specialFavor__yen .price{font-size:74px !important}
	#specialFavor .specialFavor__yen .price span,.nCampaign .nc_specialFavor__yen .price span{font-size:30px !important}
}

/* ===== B23 お申込みの流れ：STEPつきボタン（モック asa-st / asa-resv） ===== */
.asa-resv-page .page_btn .st-n{white-space:nowrap;margin-right:.9em}
.asa-resv-page .page_btn .st-t{display:inline-block;text-align:left}
.asa-resv-page .asa-btn-row{display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:center}
.asa-resv-page .asa-btn-row .page_btn{margin:0;flex:1 1 320px;max-width:480px}
.asa-resv-page .center.page_txt{margin-top:14px}

/* ===== B24 よくある質問：2列のQ&Aの高さを揃えてボタンを下端に（モック asa-faq-align） ===== */
.asa-faq .cf{display:flex;flex-wrap:wrap;gap:0 4%}
.asa-faq .cf::after{display:none}
.asa-faq .cf > .half_box{float:none !important;width:48% !important;display:flex;flex-direction:column;margin-right:0 !important}
.asa-faq .cf > .half_box > .center{margin-top:auto}
@media(max-width:750px){.asa-faq .cf > .half_box{width:100% !important}}