@charset "UTF-8";

*, *::before, *::after
{
	box-sizing: border-box;
}
/*------------------*/
/*    ページ全体    */
/*------------------*/
body
{
	color: #cccccc;
	font-family: 'MS ゴシック','MS Gothic','MSGothic',sans-serif;
	background-color: #0f0f0f;
}
div
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*------------------*/
/*    ライン装飾    */
/*------------------*/
/*    強調ライン    */
hr.b
{
	background-color: #e9dfe5;
	border: solid 9.5px #e9dfe5;
}
/*    通常ライン    */
hr
{
	border-style: none;
	border-top: solid 2px #e9dfe5;
}
/*------------------*/
/*   リンクの装飾   */
/*------------------*/
a
{
	text-decoration: none;
	text-align: center;
}
/*---------------------------*/
/* 共通のレイアウト ここから */
/*---------------------------*/
#menu,#main,#bpt,#back,#top,#bottom
{
	width: 100%;
	min-width: 350px;
	max-width: 800px;
}
#menu,#main,#bpt,#back,#top,#bottom
{
	border: 3px solid #e9dfe5;
	background-color: #1a1a10;
}
/* メニュー＆メインボックス */
#menu,#main
{
	border-top-style: none;
}
/* メニュー＆BPT＆文庫 */
#menu-a,#menu-b,#bpt a,#back a,#top div,#bottom div
{
	margin: 10px;
}
#box-a,#box-b,#box-c,#box-d,#box-e,#box-f,#box-g,#box-t,#clap,#page
{
	width: 95%;
	margin: 15px auto;
}
#box-b
{
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}
/*------------------*/
/* メニューボックス */
/*------------------*/
#menu .link
{
	display:inline-block;
	color: #e9dfe5;
	font-size: 1.3em;
	background-color: #000000;
	border: outset 2px #e9dfe5;
	padding: 2px 10px;
}
#menu .link:hover
{
	background-color: #e9dfe5;
	border: inset 2px #e9dfe5;
}
/*-------------------*/
/* メイン＆BPT＆文庫 */
/*-------------------*/
#main,#bpt,#back
{
	margin: 8px auto;
}
#main-c hr
{
	border-top: dashed 1px;
}
/*----------------------*/
/* コピーライトボックス */
/*----------------------*/
#copyright
{
	font-size: 0.9em;
	padding-top: 3px;
}
/*------------------*/
/*    BPT＆その他   */
/*------------------*/
#bpt,#back,#top div
{
	text-align: right;
}
#bottom div
{
	text-align: left;
}
#bpt a
{
	font-size: 0.9em;
}
#back a,#top a,#bottom a
{
	font-size: 1.1em;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}
#bpt a,#back a,#top a,#bottom a
{
	display: inline-block;
	background-color: #000000;
	border: outset 2px #e9dfe5;
	padding: 2px 4px;
}
#bpt a:hover,#back a:hover,#top a:hover,#bottom a:hover
{
	background-color: #e9dfe5;
	border: inset 2px #e9dfe5;
}
/*  拍手  */
#clap img:hover
{
	position: relative;
	top: 1px;
	left: 2px;
}
/*--------------------*/
/*  共通フォント種類  */
/*--------------------*/
/*  各タイトル＆リンクボタン  */
h1,h2,#copyright,#menu .link,#bpt a,#back a,#top a,#bottom a
{
	font-family: 'HG明朝E','HGMinchoE',serif;
}
/*  見出し  */
h1,h2
{
	font-weight: normal;
}
/*  ページタイトル  */
h1
{
	font-size: 1.6em;
	letter-spacing: 0.6em;
	text-indent: 0.6em;
}
h2
{
	font-size: 1.2em;
	margin: 0;
}
/*  背景色  */
h2,#copyright
{
	background-color: #e9dfe5;
}
/*  ページタイトル＆BPT  */
h1,#bpt a,#back a,#top a,#bottom a
{
	color: #e9dfe5;
}
/*  帯タイトル＆リンクボタン  */
h2,#copyright,#menu .link:hover,#bpt a:hover,#back a:hover,a#top a:hover,#bottom a:hover
{
	color: #000000;
}
/*  注釈  */
.red
{
	color: #ff0000;
}
/*  ルビ振り  */
#box-e ruby[data-ruby]
{
	display: inline-block;
	margin-top: 12px;
}
ruby[data-ruby]
{
	position: relative;
}
ruby[data-ruby]::before
{
	content: attr(data-ruby);
	position: absolute;
	line-height: 100%;
	text-align: center;
	left: -3em;
	right: -3em;
	transform-origin: bottom center;
	/* ルビの文字サイズを親文字に対する比率で指定 */
	transform: scale(0.6);
	/* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
	bottom: 110%;
}
/*---------------------------*/
/* 共通のレイアウト ここまで */
/*---------------------------*/