@charset "utf-8";
/* =========================================================
 *  コラム（column） スマホ表示  ※ column.css を上書き
 * ========================================================= */
@media screen and (max-width:767px){

	/* 見出し */
	.sec_column{padding:54px 0;}
	.sec_column .jp,.column-hero__ttl{font-size:24px;}
	.sec_column .en,.column-hero .en{font-size:12px;}
	.sec_column .lead,.column-hero .lead{font-size:13.5px;margin-top:10px;}
	.column-hero{padding:36px 16px;}

	/* タブ：横スクロール（右端フェードで続きを示唆） */
	.column-tabs,.column-filter{
		flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
		gap:8px;margin-bottom:24px;padding-bottom:6px;-webkit-overflow-scrolling:touch;
		-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);
		        mask-image:linear-gradient(90deg,#000 88%,transparent);
	}
	.column-tabs::-webkit-scrollbar,.column-filter::-webkit-scrollbar{display:none;}
	.column-tabs button,.column-filter a{
		white-space:nowrap;font-size:13px;padding:9px 16px;
		min-height:40px;display:inline-flex;align-items:center;
	}

	/* カード：一覧は2列グリッド／フロント節は横型1列（モックアップ準拠） */
	.column-cards{grid-template-columns:1fr;gap:16px;}
	.column-cards--archive{grid-template-columns:repeat(2,1fr);gap:14px;}
	.column-card__title{font-size:16px;}

	/* フロント節：横型カード（左サムネイル30%＋右テキスト） */
	.sec_column .column-card__link{display:flex;}
	/* サムネイルはカード高さいっぱいに（object-fit:cover で歪まない）。
	   タイトル3行などで本文が高くなっても下に白い隙間が出ない。最小高で潰れ防止。 */
	.sec_column .column-card__thumb{flex:0 0 30%;aspect-ratio:auto;align-self:stretch;min-height:96px;}
	.sec_column .column-card__body{flex:1;min-width:0;padding:12px 14px;}
	/* バッジ：左上コーナーにコンパクト配置 */
	.sec_column .column-card__badge{top:8px;left:8px;font-size:10px;padding:4px 9px;}
	.sec_column .column-card__excerpt{display:none;}
	.sec_column .column-card__title{-webkit-line-clamp:3;font-size:15px;margin-bottom:8px;}
	.sec_column .column-card__date{font-size:12px;margin-bottom:6px;}

	/* 一覧：2列カードはコンパクトに（発췌は省略） */
	.column-cards--archive .column-card__body{padding:12px 12px 14px;}
	.column-cards--archive .column-card__title{font-size:14.5px;}
	.column-cards--archive .column-card__excerpt{display:none;}

	.column-more{margin-top:34px;}
	.column-more__btn,.column-back__btn{width:100%;padding:15px;}

	/* レイアウト：縦積み */
	.column-layout{grid-template-columns:1fr;gap:40px;padding:36px 16px 64px;}

	/* 詳細 */
	.column-article__title{font-size:22px;}
	.column-article__meta{flex-wrap:wrap;gap:10px 18px;}
	.column-share{flex-wrap:wrap;gap:10px;}
	.column-share__btn{padding:9px 14px;font-size:12px;}
	.column-toc__ttl{font-size:14px;}
	.column-toc__list{padding:0 18px;}
	.column-article__lead{padding:16px 18px;margin-bottom:28px;}
	.column-body{font-size:15px;}
	.column-body h2{font-size:20px;margin:36px 0 18px;padding:12px 16px;}
	.column-body h3{font-size:17px;margin:28px 0 14px;}

	.column-cta{padding:24px 18px;margin:36px 0;}
	.column-cta__lead{font-size:18px;}
	.column-cta__btns{flex-direction:column;gap:10px;}
	.column-cta__btn{width:100%;padding:14px;}

	/* 監修者：横型維持（モックアップ準拠／左アバター＋右テキスト） */
	.column-supervisor__body{gap:14px;padding:20px;}
	.column-supervisor__pic{flex:0 0 76px;}
	.column-supervisor__pic img,.column-supervisor__noimg{width:76px;height:76px;}
	.column-supervisor__name{font-size:17px;}

	/* お問い合わせ：フル幅 */
	.column-contact__btn{width:100%;justify-content:center;padding:15px;}

	/* ページャ */
	.column-pager .page-numbers{min-width:40px;height:40px;}

	/* タップ領域・フォント微調整 */
	.column-share__btn{min-height:40px;}
	.column-card__badge{font-size:11px;}

	/* サイドバー：SPのみ CTA を最上部へ（PC順序は維持） */
	.column-side .side-cta{order:-1;}
}