@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
*/

/* TETEnobu: ヘッダーロゴ（正式シンボル＋2行の live text）。functions.php の swell_parts_head_logo と対になる。 */
.l-header__logo {
	min-width: 0;
}
.c-headLogo .c-headLogo__link {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	overflow: hidden;
}
.tetenobu-logo__symbol {
	flex-shrink: 0;
	width: auto;
	height: 36px;
}
.tetenobu-logo__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
	white-space: nowrap;
}
.tetenobu-logo__name,
.tetenobu-logo__sub {
	overflow: hidden;
	text-overflow: ellipsis;
}
.tetenobu-logo__name {
	font-size: 18px;
}
.tetenobu-logo__sub {
	font-size: 11px;
}
@media (min-width: 960px) {
	.tetenobu-logo__symbol {
		height: 40px;
	}
	.tetenobu-logo__name {
		font-size: 20px;
	}
	.tetenobu-logo__sub {
		font-size: 12px;
	}
}
/* TETEnobu: 記事上部のカテゴリーをタイトルの上に出す（parts/single/post_head.php と対になる）。 */
.p-articleMetas.tetenobu-articleTerms {
	margin-top: 0;
	margin-bottom: .75em;
}
/* TETEnobu: 投稿の本文を WordPress サイトガイドの§5・§6・§12 にそろえる。.single だけに当て、固定ページは変えない。 */
@media (max-width: 599px) {
	.single {
		--swl-fz--content: 16px;
	}
}
.single .post_content {
	line-height: 1.9;
}
.single .p-articleHead .c-postTitle__ttl {
	font-size: 24px;
}
.single .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	font-size: 21px;
	border-left-width: 4px;
}
.single .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	font-size: 18px;
}
@media (min-width: 600px) {
	.single .p-articleHead .c-postTitle__ttl {
		font-size: 30px;
	}
	.single .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
		font-size: 25px;
	}
	.single .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
		font-size: 20px;
	}
}
/* パンくずの最後（記事タイトル）。SWELL は投稿で隠すが、サイトガイドは Home > Category > Article。 */
.single .p-breadcrumb__item:last-child {
	min-width: 0;
}
.single .p-breadcrumb__item:last-child > span.p-breadcrumb__text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* TETEnobu: 記事一覧のサムネイルに hover で重なる SWELL の既定の gradient を出さない（T30）。SWELL は .p-postList__thumb:before に gradient の背景を置き、hover で不透明度を上げる。同じセレクターで、その背景だけを消す。hover での画像の拡大など、ほかの表示は変えない。 */
.p-postList__thumb::before {
	background: none;
}
/* TETEnobu: 投稿の本文の縦型写真。functions.php の wp_content_img_tag が class を付け、sizes をこの幅に合わせる。幅は最大 320px で中央に置き、本文の幅が 320px より狭い画面では本文の幅まで縮める。高さは auto にして、width と height の属性の縦横比を保つ。横型の写真、図、アイキャッチ、ほかの画像は変えない。 */
.single .post_content img.tetenobu-portraitPhoto {
	display: block;
	max-width: min(100%, 320px);
	height: auto;
	margin-right: auto;
	margin-left: auto;
}