@charset "UTF-8";

/* 基本色 */
:root {
	--main-color: #5D9AB2;
	--accent-color: #bf6aaf;
    --accent2-color: #ff0000;
	--dark-main-color: #2B5566;
	--text-bright-color: #ffffff;
	--icon-color: #fff;
	--icon-bk-color: #ddd;
	--gray-color: #ddd;
	--large-width: 1000px;
	--middle-width: 800px;
	--text-bright-color2: #f5ff00;
}


/* 基本設定： フォントサイズ */
@media (max-width: 599px) {
	:root {
		font-size: 14px;
	}
}

@media (min-width: 600px) and (max-width: 799px) {
	:root {
		font-size: 16px;
	}
}

@media (min-width: 800px) {
	:root {
		font-size: 16px;
	}
}

body {font-size: 16px;}

strong, em, b { padding : 0 0.2em ; }


/* 基本設定： ページ全体 */
body {
	margin: 0;
	font-family: 'メイリオ',
		'Hiragino Kaku Gothic Pro', 
		sans-serif;
    background-color: black ;
	color: white;


background-position: center center;
}




.c {
	text-align: center;


}

/* コンテンツページ: 記事 */
.post .container {
	max-width: 800px;
	max-width: var(--middle-width);
	margin-left: auto;
	margin-right: auto;
	padding: 30px 10px;
	
}

.post a {

	color: inherit;
	text-decoration: none;
	margin: 20px;
	line-height: 10;



}


.post h1 {
	padding-left: 0.5rem;


	font-size: 2rem;
}


.post h2 {
	padding-left: 0.5rem;
	border-left: solid 0.75rem rgb(255, 0, 0);
	border-left: solid 0.75rem var(--accent2-color);
   
	font-size: 1.4rem;
}

.post h3 {
	padding-left: 1.25rem;
	
	font-size: 1.2rem;
}

.post h4 {
	padding-left: 1rem;
	font-size: 1.2rem;
}




.post p {
	font-size: 1rem;
	line-height: 2.1;
    padding-left: 1rem;
     padding-right: 1rem;
    letter-spacing: 0.005em;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;	
	
}

.post img {
	max-width: 100%;
}