/* channel-guidance: ticket-direct (www.asoview.com/channel/) の Guidance + MainFooter を素の HTML/CSS で再現したもの。
   出典: packages/ticket-direct/src/components/organisms/Guidance/styles.scss, molecules/MainFooter/styles.scss,
         atoms/UrlLink（kind=secondary は 48px の青枠ボタン）, styles/colors.scss
   実測(2026-09-18 本家 /channel/tickets/qyUet8xl8v/): 本文12px #242424、見出し16px bold、ボタン48px 1px solid #00a0d0 radius4 bold12px、
   リンク色 #00a0d0 下線、フッター60px(PC)/120px(SP) 白、ロゴ160x24(PC)/136x20(SP)。
   すべて .cg- 接頭辞。LP 側 CSS と衝突させない。 */
.cg-guidance,.cg-footer{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:#242424;line-height:normal;-webkit-font-smoothing:antialiased}
.cg-guidance{display:block;width:100%;max-width:none;margin:20px 0 0;padding:20px 0;background:#ffffff;font-size:0.875rem;box-sizing:border-box;text-align:left}
.cg-guidance *,.cg-footer *{box-sizing:border-box}
/* LP側のリセット/装飾を打ち消す。:where() で詳細度をゼロにし、後続の .cg-* が必ず勝つようにする */
.cg-guidance :where(p,h4,ul,dl,dd,dt){margin:0;padding:0;border:0;background:none;text-align:inherit}
.cg-guidance a{color:#00a0d0;text-decoration:underline;text-underline-offset:auto}
.cg-guidance a:hover{opacity:.8}
.cg-wrap{margin:0 16px}
.cg-notes{max-width:960px;margin:0 auto 16px;padding:0 16px;font-size:0.875rem;color:#6e6e6e}
.cg-notes p{margin:0 0 6px}
.cg-cards{display:flex;flex-direction:column;margin:0 16px}
.cg-card{display:flex;flex-direction:column;margin:16px 0 0;padding:16px;border:1px solid #c8c8c8;border-radius:4px;background:#ffffff}
.cg-card:first-of-type{margin:0}
.cg-title{margin:1.33em 0;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;white-space:pre-line;color:#242424}
.cg-desc{margin:16px 0 0;font-size:0.875rem;line-height:1.6}
.cg-guidance a.cg-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin:16px 0 0;padding:0 12px;border:1px solid #00a0d0;border-radius:4px;background:#ffffff;color:#00a0d0;font-size:0.875rem;font-weight:700;text-decoration:none;text-align:center}
.cg-inquiry{margin:16px 0 0;padding:8px;background:#f2f2f2;border-radius:2px;font-size:0.875rem}
.cg-inquiry dl{display:flex}
.cg-inquiry dt{display:flex;align-items:center;height:24px;white-space:nowrap}
.cg-inquiry dd{display:flex;flex-direction:column;flex-grow:1;margin:0 0 0 16px}
.cg-method{display:flex;align-items:center;min-height:24px;white-space:pre-wrap;line-height:1.4}
.cg-method svg{width:12px;height:13px;margin:0 8px 0 0;flex:none;fill:none;stroke:#242424;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cg-note{display:block;margin:0 0 0 20px;font-size:0.875rem;line-height:1.5;color:#242424}
.cg-list-wrap{margin:16px 0;text-align:center}
.cg-list-title{margin:0 0 8px;font-weight:700;font-size:0.875rem}
.cg-list{display:inline-block;margin:0;padding-left:20px;text-align:left;list-style-type:disc}
.cg-list li{margin:0 0 4px;font-size:0.875rem;line-height:1.5;list-style-type:disc;display:list-item}
.cg-footlinks{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px 0 0;font-size:0.875rem}
.cg-guidance .cg-footlinks a{margin:4px 8px;color:#000000;text-decoration:underline}
.cg-footer{display:flex;align-items:center;justify-content:center;width:100%;height:120px;margin:0;padding:0 0 60px;background:#ffffff}
.cg-footer img{width:136px;height:20px;display:block}
.cg-footer .cg-logo-pc{display:none}
.cg-footer .cg-footer-note{margin:0 12px 0 0;font-size:0.875rem;color:#6e6e6e}
@media screen and (min-width:560px){.cg-footer img{width:160px;height:24px}}
@media screen and (min-width:960px){
  .cg-cards{flex-direction:row;justify-content:space-between;max-width:960px;margin:0 auto}
  .cg-card{width:472px;margin:0}
  .cg-title{white-space:normal}
  .cg-footlinks{flex-direction:row}
  .cg-footer{height:60px;padding:0}
  .cg-footer .cg-logo-sp{display:none}
  .cg-footer .cg-logo-pc{display:block}
}