@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ============================================================
   /news/ カスタマイズ（2026-06-17）
   ============================================================ */

/* ② 投稿（単一記事）ページのアイキャッチ画像を非表示
   ※本文に同じ画像を取り込んでいるため重複を回避。一覧グリッドのサムネ(.c-postThumb)は対象外。 */
.single .p-articleThumb {
	display: none;
}

/* ① 一覧カードの抜粋（本文）を2行までに制限 */
.p-postList__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ② カード間の余白を広め（PCは3カラム＝SWELL既定 -pc-col3 を踏襲） */
.p-postList.-type-card {
	gap: 40px 28px;
}
@media (max-width: 600px) {
	.p-postList.-type-card { gap: 24px; }
}

/* ③ サムネイル画像を角丸 */
.p-postList__thumb .c-postThumb__figure,
.p-postList__thumb .c-postThumb__img {
	border-radius: 10px;
	overflow: hidden;
}

/* ⑦ 一覧ページ（ブログトップ・アーカイブ）のタイトル */
.news-pagehead {
	margin: 0 0 28px;
	padding-bottom: 12px;
	border-bottom: 2px solid #7a1f1f;
}
.news-pagehead__ttl {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 0;
}
.news-pagehead__en {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: .08em;
	color: #7a1f1f;
}
.news-pagehead__ja {
	font-size: 15px;
	color: #666;
}

/* ⑤ サイドバー：年 → 月ドロップダウンのアーカイブ */
.news-yarchive { list-style: none; margin: 0; padding: 0; }
.news-yarchive__item { border-bottom: 1px solid #eee; }
.news-yarchive__details summary.news-yarchive__year {
	cursor: pointer;
	padding: 10px 4px;
	font-weight: 600;
	list-style: none;
	display: flex;
	align-items: center;
}
.news-yarchive__year::-webkit-details-marker { display: none; }
.news-yarchive__year::before {
	content: "\25b6";
	font-size: .7em;
	margin-right: 8px;
	color: #7a1f1f;
	transition: transform .2s;
	display: inline-block;
}
.news-yarchive__details[open] .news-yarchive__year::before { transform: rotate(90deg); }
.news-yarchive__count { color: #999; font-size: .85em; margin-left: 6px; }
.news-yarchive__months { list-style: none; margin: 0 0 8px; padding: 2px 0 6px 24px; }
.news-yarchive__months li { padding: 4px 0; }

/* ============================================================
   2026-06-17 追記：①タイトル位置（ヘッダー被り回避）②3カラム固定
   ============================================================ */

/* ① タイトルは JS で .l-mainContent__inner の先頭（リスト直上・本文と左揃え）へ移動する。
   本文列はロゴより右にあるため被らない。移動前のちらつき防止に既定は非表示にし、JS移動後に表示。 */
.news-pagehead { display: none; }

/* ② 一覧を常に3カラム（サイドバー有でSWELLのauto-fillが2列になるのを固定） */
@media screen and (min-width: 960px) {
	.p-postList.-type-card.-pc-col3 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	/* SWELL の flex レイアウト用 item 幅(%)を無効化し、幅は grid セルに委ねる。
	   これをしないとカードが極端に細くなる（幅%がセル内で再計算されるため）。 */
	.p-postList.-type-card.-pc-col3 .p-postList__item {
		width: auto !important;
		max-width: none !important;
		margin-left: 0;
		margin-right: 0;
	}
}

/* ============================================================
   2026-07-01 single post: hide author box / comments / SNS share
   buttons / prev-next post nav ; related posts 2 columns on SP
   ============================================================ */
.l-articleBottom__section.-author,
.l-articleBottom__section.-comment{display:none !important;}
.c-shareBtns{display:none !important;}
.p-pnLinks{display:none !important;}
@media (max-width:600px){
	.p-postList.p-relatedPosts.-type-card{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px 12px !important;}
	.p-postList.p-relatedPosts.-type-card .p-postList__item{width:auto !important;margin:0 !important;}
}