/* 基本設定 */
* {
	/* フォント指定、500はかすれ防止 */
	font-family:	"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Meiryo UI", "Yu Gothic", "Yu Gothic UI", sans-serif;
	font-weight:	500;
}

p {
	/*  1文字開ける */
	text-indent:			1em;
	/* 自動改行する際に均等割り付けする */
	text-align:				justify;
	/* 禁則文字の禁止 */
	hanging-punctuation:	allow-end;
}

/* アニメーション */

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

/* コンテンツ */

.container {
	width: 97%;
	padding-left: 1.0em;
	padding-right: 1.0em;
}

@media only screen and (min-width: 601px) {
  .container {
	padding-left: 1.5em;
	padding-right: 1.5em;
  }
}

@media only screen and (min-width: 993px) {
  .container {
	padding-left: 2.0em;
	padding-right: 2.0em;
  }
}

.content-space {
	height: 1em;
}

/* すこし右によせる */
/* 巨大な2列（左がコンテンツ、右がメニュー）の左用 */

.contents-right-align.section {
	margin-bottom: 1em;
}

.contents-right-align {
	width: 100%;
	padding-left: 1.0em;
	padding-right: 1.0em;
}

@media only screen and (min-width: 601px) {
  .contents-right-align {
	margin-right: calc(5%);
    width: 88%;
	padding-left: 2em;
	padding-right: 2em;
  }
}
@media only screen and (min-width: 993px) {
  .contents-right-align {
	margin-right: calc(10%);
    width: 78%;
	padding-left: 4em;
	padding-right: 4em;
  }
}

/* ヘッダー */

header nav {
	background-color: rgba(0, 0, 20, 0.8);
	color: #EEE;
}

#page_title {
	display:	inline-block;
	white-space: nowrap;
}

#navbar-space {
	height: 1em;
}

/* 更新履歴 */
#changelog_table p  {
	text-indent:			0em;
}

/* フッター */

#footer-space {
	height: 8em;
}

footer #footer-bg {
	background-color: #003;
	color: #EEE;
	padding: 1em 0em 1em 0em;
}

/* 広告 */

.google-auto-placed {
	width: 100%;
	overflow: hidden;
}