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

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&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-30 追加。記事の自動下書き 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: 'Archivo Black', 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;
	}
}

/* 「Product Japan」を折り返さない（2026-09-30。62px だとヘッダー左の枠に収まらず2行になっていた） */
.sitename, .sitename a, #st-mobile-logo, #st-mobile-logo a {
	white-space: nowrap !important;
}
@media print, screen and (max-width: 599px) {
	/* 「Product Japan」は長いので、スマホでは 28px（34px だと左右のアイコンにかかる） */
	#st-mobile-logo, #st-mobile-logo a {
		font-size: 28px !important;
	}
}

/* スマホのサイト名の色を PC（白）にそろえる。AFFINGER の既定はスマホだけ濃い灰色で、赤いヘッダーに沈んでいた（2026-09-30） */
#st-mobile-logo, #st-mobile-logo a {
	color: #ffffff !important;
}