/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 2026093002
*/

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/* X（旧Twitter）の埋め込みを中央に寄せる。X のスクリプトが差し込むカードは左右の余白が無く左に寄る
   （2026-09-29 追加。記事の自動下書き localllm が埋め込みブロックで載せている） */
.wp-block-embed-twitter .wp-block-embed__wrapper,
.wp-block-embed-twitter .twitter-tweet,
.wp-block-embed-twitter .twitter-tweet-rendered {
	margin-left: auto !important;
	margin-right: auto !important;
}
.wp-block-embed-twitter .twitter-tweet-rendered {
	justify-content: center;
}

/* サイト名（ヘッダーとフッター）の書体（2026-09-30 追加）。英字だけの書体なので本文・記事の題には当てない */
.sitename, .sitename a, .footerlogo, .footerlogo a, #st-mobile-logo, #st-mobile-logo a {
	font-family: 'Lobster', sans-serif !important;
	font-weight: 400 !important;
}

/* サイト名の大きさ（2026-09-30 追加）。ヘッダーだけ。スマホでは横幅に収まる大きさへ落とす */
header .sitename, header .sitename a, #header-l .sitename, #header-l .sitename a {
	font-size: 62px !important;
	line-height: 1.1 !important;
}
@media print, screen and (max-width: 599px) {
	header .sitename, header .sitename a, #header-l .sitename, #header-l .sitename a {
		font-size: 34px !important;
	}
	/* スマホではヘッダーのサイト名が #st-mobile-logo で出る（.sitename は隠れる） */
	#st-mobile-logo, #st-mobile-logo a {
		font-size: 34px !important;
		line-height: 1.1 !important;
	}
}