@charset "UTF-8";
/* ==========================================================================
   プライバシーポリシー(スラッグ privacy-policy の固定ページのときだけ読み込む。親テーマの page.php で表示)
   見出し・パンくず・本文内リンクの共通の上書きは style.css にある
   ========================================================================== */
#archive_headline_no_image{
	margin-bottom: 20px;
}

.post_content p{
	line-height: 1.8;
}

#archive_headline_no_image .headline, #archive_headline .headline{
    height: max-content;
	writing-mode: vertical-rl;
	inline-size: calc(6em + 6 * 0.4em);   /* 縦書きでは高さ方向。6文字で折り返す */
  	white-space: normal; /* nowrapが指定されている場合の解除 */
	text-align: start;     /* 縦書きで「上揃え」になる */
  	width: fit-content;
  	margin-left: auto;
  	margin-right: auto;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 10px;
    color: var(--mg-color-text);
}

.post_content h2{
	font-size: 24px;
	text-align: left;
	border-bottom: 3px double #7B3B3B;
  	padding-bottom: 0.5em;
  	margin-bottom: 1.5em;
}

.no_side_contents_main{
	width: 100% !important;
}

/* 横幅はアクセス(style.css の .mg-container)と合わせる。
   幅は .no_side_contents_main で100%に固定されるため、左右の余白は padding で取る。
   フッターまでの余白は、親が 1200px 以下で 40px にするため 150px に戻す */
#main_content{
	width: 100%;
	max-width: calc(var(--mg-container) + 60px);
	margin-inline: auto;
	padding-inline: 30px;
	padding-bottom: 150px;
}
/* 左右の余白。アクセス(.mg-container)と同じ 1199px で切り替える */
@media (max-width: 1199px) {
	#main_content
		{
			padding-inline: 20px;
		}
}

@media (max-width: 768px) {
	#main_content
		{
			padding-bottom: 120px;
		}
	.no_side_contents_main
		{
			padding-bottom: 120px !important;
		}
	.post_content h2
		{
			font-size: 18px;
		}
	.post_content p
		{
			font-size: 14px;		
		}
	#archive_headline_no_image .headline, #archive_headline .headline
		{
			font-size: 24px;
			line-height: 34px;
			inline-size: calc(6em + 6 * 0.5em); 
		}
}

/* 以下の 1000px / 900px は、親(responsive.css)の同じ幅の指定を打ち消すためのもの(PC/SPの切り替えではない) */
/* 親は 1000px 以下で本文に左右の余白(!important)を付けるため、外す */
@media (max-width: 1000px) {
	#page_contents .post_content
		{
			margin: 0 !important;
		}
}

/* 親は 900px 以下でフッターまでの余白を 40px(!important)にするため、PCの値に戻す(SPは上の 768px で指定) */
@media (min-width: 769px) and (max-width: 900px) {
	.no_side_contents_main
		{
			padding-bottom: 150px !important;
		}
}