/* モデルコースのページ（/archives/course/<id> の guide のあるもの・/en/・/zh-tw/ のコースと一覧）と言語の切り替え。2026-11-08
   色はサイトの橙（#ff8800・#ff6600・#fff8f0）と灰色、見積りのボタンだけ下の帯（SpBar）と同じ3色。新しい色は足していない */
.bl-lang{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 8px;margin:0 0 12px;font-size:13px;line-height:1.6;color:#666}
.bl-lang a{color:#06c;text-decoration:underline}
.bl-lang-cur{font-weight:700;color:#333}
.bl-lang-sep{color:#ccc}
.bl-lang-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#f5f5f5;font-size:13px}
.bl-lang-hint[hidden]{display:none}
.bl-lang-hint a{color:#06c;text-decoration:underline}
.bl-lang-hint-x{border:0;background:none;font-size:18px;line-height:1;color:#666;cursor:pointer;padding:2px 6px}

.bc{max-width:820px;margin:0 auto;color:#333;font-size:15px;line-height:1.8}
.bc *{box-sizing:border-box}
.bc p{margin:0 0 .8em}
.bc .bc-h{font-size:18px;line-height:1.5;margin:0 0 12px;padding:0;border:0;background:none;color:#333;font-weight:700;text-align:left}
.bc .bc-h:before,.bc .bc-h:after{display:none}
.bc-h-sub{font-size:13px;font-weight:400;color:#666;margin-left:4px}
.bc-lead{color:#666}

/* ルートのカード・料金のまとめ */
.bc-card{border:1px solid #ddd;border-top:4px solid #ff8800;border-radius:8px;background:#fff;padding:14px 14px 10px;margin:0 0 12px}
.bc-route{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;line-height:1.4}
.bc-from,.bc-to{flex:1 1 0;min-width:0;overflow-wrap:anywhere}
.bc-to{text-align:right}
.bc-arrow{flex:0 0 44px;height:12px;position:relative}
.bc-arrow:before{content:"";position:absolute;left:0;right:8px;top:5px;height:2px;background:#ff8800}
.bc-arrow:after{content:"";position:absolute;right:0;top:0;border:6px solid transparent;border-left:9px solid #ff8800;border-right:0}
.bc-badges{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bc-badges li{margin:0;padding:1px 10px;border:1px solid #ff8800;border-radius:999px;color:#ff6600;background:#fff8f0;font-size:12px;line-height:1.7;list-style:none}
.bc-badges li:before{display:none}
.bc-fare{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:12px 0 4px;padding-top:10px;border-top:1px dashed #ddd}
.bc-price small{display:block;font-size:12px;color:#666;line-height:1.4}
.bc-price b{font-size:28px;line-height:1.2;color:#ff6600;font-weight:700;letter-spacing:.01em}
.bc-spec{font-size:14px;color:#333}
.bc-note{font-size:12px;line-height:1.6;color:#666;margin:6px 0 0}
.bc-tags{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bc-tags li{margin:0;padding:0;list-style:none}
.bc-tags li:before{display:none}
.bc-tags a,.bc-tags span{display:inline-block;padding:2px 10px;border-radius:4px;background:#f5f5f5;border:1px solid #ddd;color:#333;font-size:13px;text-decoration:none;line-height:1.7}
.bc-tags a:after{content:" ›";color:#ff8800}

/* 見出し付きの区切り */
.bc-sec{margin:0 0 22px}
.bc .bc-sec h3{font-size:17px;line-height:1.5;margin:0 0 10px;padding:0 0 6px 10px;border:0;border-left:4px solid #ff8800;border-bottom:1px solid #ddd;background:none;color:#333;font-weight:700}
.bc .bc-sec h3:before,.bc .bc-sec h3:after{display:none}
.bc-more{font-size:14px}
.bc-more a,.bc-links a{color:#06c}
.bc-links{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}
.bc-links li{list-style:none;margin:0;padding:0}
.bc-links li:before{display:none}

/* 行程（縦のタイムライン） */
.bc .bc-day{font-size:15px;margin:14px 0 6px;padding:0;border:0;background:none;color:#333;font-weight:700}
.bc-day span{display:inline-block;margin-right:8px;padding:0 8px;border-radius:4px;background:#ff8800;color:#fff;font-size:13px}
.bc .bc-tl{list-style:none;margin:0;padding:0 0 0 4px;counter-reset:none}
.bc .bc-tl li{position:relative;list-style:none;margin:0;padding:0 0 14px 92px;min-height:30px;background:none}
.bc .bc-tl li:before{content:"";position:absolute;left:66px;top:7px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #ff8800;z-index:1}
.bc .bc-tl li:after{content:"";position:absolute;left:71px;top:12px;bottom:-7px;width:2px;background:#ddd}
.bc .bc-tl li:last-child{padding-bottom:4px}
.bc .bc-tl li:last-child:after{display:none}
.bc-time{position:absolute;left:0;top:0;width:58px;text-align:right;font-weight:700;color:#ff6600;font-variant-numeric:tabular-nums;font-size:14px}
.bc-place{display:block;font-weight:700;line-height:1.6;overflow-wrap:anywhere}
.bc-hl{margin:4px 0 0 !important;padding:6px 10px;background:#fff8f0;border-radius:6px;font-size:13px;line-height:1.7;color:#333}

/* よくある質問 */
.bc-faq{margin:0}
.bc-faq dt{font-weight:700;margin:0;padding:8px 0 0 28px;position:relative}
.bc-faq dt:before{content:"Q";position:absolute;left:0;top:8px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:#ff8800;color:#fff;font-size:12px}
.bc-faq dd{margin:4px 0 8px;padding:0 0 10px 28px;border-bottom:1px dashed #ddd;position:relative}
.bc-faq dd:before{content:"A";position:absolute;left:0;top:2px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;border:1px solid #ff8800;color:#ff6600;font-size:12px}

/* 似たコース */
.bc-sims{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.bc-sims li{list-style:none;margin:0;padding:0}
.bc-sims li:before{display:none}
.bc-sims a{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 12px;border:1px solid #ddd;border-left:4px solid #ff8800;border-radius:6px;background:#fff;color:#333;text-decoration:none}
.bc-sims a:hover{background:#fff8f0}
.bc-sim-route{font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.bc-sim-badges{font-size:12px;color:#ff6600}
.bc-sim-meta{font-size:13px;color:#666}
.bc-sim-meta b{color:#ff6600;margin-right:8px;font-size:15px}

/* 見積りの頼み先（電話・フォーム・LINE を同じ大きさで。色は下の帯と同じ） */
.bc-cta{margin:24px 0 8px;padding:16px 14px;border:1px solid #ddd;border-radius:8px;background:#fff8f0;text-align:center}
.bc-cta-h{font-weight:700;font-size:16px;margin:0 0 10px !important}
.bc-cta-btns{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.bc-cta-btns li{list-style:none;margin:0;padding:0}
.bc-cta-btns li:before{display:none}
.bc-btn{display:flex;flex-direction:column;justify-content:center;min-height:54px;padding:8px 10px;border-radius:8px;color:#fff !important;font-weight:700;font-size:16px;line-height:1.35;text-decoration:none !important}
.bc-btn small{font-size:12px;font-weight:400;opacity:.95}
.bc-btn-tel{background:#FC9D10;box-shadow:0 3px 0 #F35800}
.bc-btn-mail{background:#4E9ACB;box-shadow:0 3px 0 #1C7993}
.bc-btn-line{background:#4CC764;box-shadow:0 3px 0 #2A813B}
.bc-cta-sub{margin:12px 0 0 !important;font-size:13px;color:#666}

@media (min-width:600px){
  .bc .bc-h{font-size:20px}
  .bc-route{font-size:19px}
  .bc-price b{font-size:32px}
  .bc-sims{grid-template-columns:1fr 1fr}
  .bc-cta-btns{grid-auto-flow:column;grid-auto-columns:1fr}
}
@media (min-width:900px){
  .bc-sims-list{grid-template-columns:1fr 1fr 1fr}
}

/* サイトの CSS（li・a・span の指定）に負けないように */
.bc-sims li,.bc-cta-btns li{display:block!important;width:100%!important;float:none!important}
.bc-sims a{display:flex!important;flex-direction:column!important;width:100%!important}
.bc-sims a>span{display:block!important}
.bc-sim-route{font-weight:700!important}
.bc-btn{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;text-align:center!important}
.bc-btn small{display:block!important}
.bc-h-sub{display:block;margin:2px 0 0}
.bc-tl .bc-place{font-weight:700!important}