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

/*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) {
	/* PC表示で左右のマージンを無くし、サイト全体をブラウザ幅100%にする */
	body #st-ami,
	body #wrapper,
	body #wrapper-in,
	body #headbox,
	body #st-header,
	body #content-w,
	body #content,
	body #footer-wrapper,
	body #footer,
	body #footer-in {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
	/* メインエリアとサイドバーを 70% : 30% の割合にする */
	body #content {
		display: flex !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
	}
	body #contentInner {
		float: none !important;
		width: 68% !important;
		margin: 0 !important;
	}
	body #contentInner > main {
		margin: 0 !important;
	}
	body #side {
		float: none !important;
		width: 30% !important;
		margin: 0 !important;
	}
	body #side aside {
		float: none !important;
		width: 100% !important;
	}
	
	/* メインエリアの角丸を無くす */
	body #contentInner > main {
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
	}
	
	/*-- ここまで --*/
}

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

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

/* ============================================================
   真夜中の訳スタ カスタムCSS (2026-05-14)
   ============================================================ */

/* --- コメントブロック: AFFINGERの.comment-author定義を上書き --- */
/* AFFINGERが .comment-author に position:absolute / float:left / width:75px を定義しているため
   .yakusta-article 内では完全にリセットする */
.yakusta-article .comment-author {
    position: static !important;
    float: none !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    padding: 0 !important;
    display: block !important;
    word-break: break-all !important;
}
.yakusta-article .comment-block,
.yakusta-article .comment-reply {
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}