@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}


/* サイト名 */
.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{margin: 0}

.site img	{border: none}


/* これまでの掲載物 */
/* .dokuhon	{max-width: 750px;
    margin-left: 20px} */

.kiji h1	{margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 17px #6699cc;
	font-size: 25px;
	font-weight: normal}

.kiji h2	{margin-top: 40px;
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
	font-size: 22px;
	font-weight: normal}

.kiji h2 i	{margin-right: 7px;
	color: #6699cc}

.kiji p	{max-width: 100%;
	margin-top: 0;
	font-size: 13.5px;
	line-height: 180%;
	margin-bottom: 20px}

.kiji .tyu	{max-width: 100%;
	margin-top: 0;
	font-size: 12px;
	margin-bottom: 10px}

.kiji .lead	{max-width: 100%;
	font-size: 15px;
	color: #000}

.kiji .kiji	{max-width: 100%;
	height: auto}


/* このサイトについて */
.kiji h1.site	{margin-top: 80px;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 17px #669999;
	font-size: 25px;
	font-weight: normal}


/* 参考文献 */
.kiji h1.sankou	{margin-top: 80px;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 17px #336666;
	font-size: 25px;
	font-weight: normal}


/* 履歴 */
.kiji h1.history	{margin-top: 80px;
	margin-bottom: 10px;
	padding-left: 20px;
	border-left: solid 17px #999999;
	font-size: 25px;
	font-weight: normal}

/* 小句集と履歴のリスト設定 */
ul { 
	margin:0;
	padding:0;
	list-style: none;
	padding-top: 10px;
	font-size: 15px
}

li {
	padding-bottom: 12px
}


.kiji time {color: #888888}

.kiji time {float: left;
	width: 125px}

.kiji time i {margin-right: 5px;
	font-size: 16px}

.kiji .text	{float: none;
	width: auto;
	margin-left: 125px}


/* 記事内のリンク設定 */
.kiji h2 a 	{color: #336666;
	text-decoration: none}

.kiji h2 a:hover	{opacity: 0.5}


.kiji ul.kantou a 	{color: #336666;
	text-decoration: none}

.kiji ul.kantou a:hover	{opacity: 0.5}


.kiji li a 	{color: #336666;
	text-decoration: none}

.kiji li a:hover	{opacity: 0.5}

.list-c a 	{color: #666666;
	text-decoration: none}

.list-c a:hover	{opacity: 0.5}

.lead a 	{color: #336666;
	text-decoration: none}

.lead a:hover	{opacity: 0.5}


/*ヘッダーの設定*/
.header	{padding-top: 10px;
	padding-bottom: 10px}

/* ヘッターの下に罫線を挿入（コンテンツページのみ） */
.contents .header	{border-bottom: solid 1px #dddddd}


/* ボックスの左右 */
.header, .old-con, .footer
	{padding-left: 15px;
	padding-right: 15px}


/* ボックスの上下 */
.header	{padding-top: 20px;
	padding-bottom: 10px}

.old-con	{padding-top: 25px;
	padding-bottom: 30px}


/* フッターをバーの形にする */
.footer	{padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}
/* フッターの文字 */
.list-c li	{margin: 0;
	padding-bottom: 10px;
	color: #666666;
	font-size: 14px}

.list-c i {margin-right: 5px;
	font-size: 16px}

/* ########### 400px以下 ########### */
@media (max-width: 400px) {

/* サイト名 */
.site img	{width: 225px;
	height: auto}

}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}

/* 記事 */
.kiji h1	{font-size: 20px}
.kiji h1.site	{margin-top: 45px;
	font-size: 20px}
.kiji h1.history{margin-top: 45px;
	font-size: 20px}
.kiji h1.sankou{margin-top: 45px;
	font-size: 20px}

.kiji h2	{font-size: 16px}

.kiji .lead	{font-size: 12px}

.kiji li	{font-size: 12px;

	padding-bottom: 9px}

.kiji time	{float: left;
	width: 100px}

.kiji .text	{float: none;
	width: auto;
	margin-left: 100px}

}


/* ########### 767px以下 ########### */
@media (max-width: 767px) {

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{display: none}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}

}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* ヘッダーを横に並べる設定 */
.header:after	{content: "";
	display: block;
	clear: both}

.header-in-1	{float: left;
	width: auto}

.header-in-2	{float: right;
	width: auto}

}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.header-inner, .footer-inner, .old-con
	{width: 850px;
	margin-left: auto;
	margin-right: auto}

/* ヘッダーの下に罫線を挿入 */
.header	{margin-bottom: 20px;
	border-bottom: solid 1px #dddddd}

}