@charset "utf-8";
/* ******************************************************************************** */
/*                                                                                  */
/*  I'll be NET                                                                     */
/*  作成：I'll be NET（http://illbe.net/）                                          */
/*                                                                                  */
/* ******************************************************************************** */
/* ################################################################################ */
/*      0:HTML再定義                                                                */
/* ################################################################################ */
/* ================================================================================ */
/*      0-1:html,body                                                               */
/* ================================================================================ */
html{height:100%;}
body {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	height:100%;
	background-color: #d5d6d8;
}
html,body{
-webkit-overflow-scrolling: touch;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
ul li{list-style: square;}
img{max-width: 100%; height: auto;}
/* ================================================================================ */
/*      0-2:LINK                                                                    */
/* ================================================================================ */
a:link{color: #a2b6b7;}
a:visited{color: #666;}
a:hover{color: #09daed;}
a:hover img{opacity: 0.8;}
a:active{color: #f0af32;}
/* ================================================================================ */
/*      0-3:見出し                                                                  */
/* ================================================================================ */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 30px 0 10px;
	font-size: 1em;
	font-weight: normal;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
h2{font-size: 2em; margin: 20px 0;text-shadow:1px 1px 1px #ffffff;}
h2 span{font-size: 0.7em;}
h2 span:before{content: "―"; margin: 0 5px;}
h2 a{text-decoration: none;}
.content h3{font-size: 1.8em;}
.content h4{
	clear: both;
	font-size: 1.6em;
	padding: 15px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	font-weight: bold;
}
.content h4 span{font-size: 0.7em;}
.content h4 a{color: #fff; text-decoration: none; display: block;}
.content h4 a:hover{color: #eee;}
.content h4 span:before{content: "―"; margin: 0 5px;}
.content h5{font-size: 1.4em; padding: 15px; font-weight: bold;}
.content h6{font-size: 1.2em; font-weight: bold;}
/* ################################################################################ */
/*      1:カラムレイアウト                                                          */
/* ################################################################################ */
/* ================================================================================ */
/*      1-1:全体                                                                    */
/* ================================================================================ */
#container {
	margin: 0 auto;
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background-image: url(images/background.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top;
	background-size: auto 100%;
}
.wrap{width: 90%; max-width: 1000px; margin: 0 auto;}
/* ================================================================================ */
/*      1-2:ヘッダー                                                                */
/* ================================================================================ */
header{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	z-index: 9999;
}
header .wrap{display: flex; position: relative;}
header h1{
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	padding: 0 30px;
	width: 20%;
	height: 50px;
	line-height: 50px;
}
header h1 a:link, header h1 a:visited {color: #999; text-decoration: none;}
header h1 a:active, header h1 a:hover {color: #fff; text-decoration: underline;}
/* ================================================================================ */
/*      1-3:メインメニュー                                                          */
/* ================================================================================ */
.nav-unshown {display: none;}
#g_nav{width: 80%; display: flex;}
#menu{margin: 0; width: 70%;}
#menu h2 {display: none;}
#menu ul {margin: 0; overflow: hidden; display: flex;}
#menu ul li {list-style: none; width: 25%;}
#menu ul li a{
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: .9rem;
}
#menu ul li a{color: #ccc;}
#menu ul li a:hover{
	background-color: #000;
	color: #fff;
	border-bottom: 5px solid #999;
}
#submenu{width: 30%; height: 50px;}
#submenu h2 {display: none;}
#submenu ul {
	margin: 10px;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
}
#submenu ul li {
	list-style: none;
	width: 30px;
	margin-left: 10px;
	line-height: 30px;
	text-align: center;
	color: #ccc;
	border: 1px solid #666;
}
#submenu ul li a{
	display: block;
	text-decoration: none;
	color: #ccc;
}
#submenu ul li span{display: none;}
#submenu ul li:hover{
	background-color: #000;
	cursor: pointer
}
#submenu ul li a:hover{color: #fff;}
/* ================================================================================ */
/*      5-5:ユーザーメニュー                                                        */
/* ================================================================================ */
#submenu ul#usermenu{
	display: none;
	line-height: 1;
	width: 200px;
	margin: 10px auto;
	text-align: left;
	font-size: 1em;
	background: rgba(100, 100, 100,0.6);
	border: 1px solid #fff;
	position: fixed;
	top: 30px;
	right: 10%;
}
#submenu #usermenu_trigger:hover ul#usermenu{display: block;}
#submenu #usermenu_trigger:hover > ul#usermenu{display: block;}

#submenu ul#usermenu li{clear: both; margin: 0; list-style: none; width: 100%; border-top: 1px solid #ccc;}
#submenu ul#usermenu li a{display: block; padding: 3px 5px; color: #fff; text-decoration: none; text-align: left;}
#submenu ul#usermenu li a:hover{text-decoration: none; background-color: #333;}
#submenu ul#usermenu li:first-child {border: 0;}
#submenu ul#usermenu li:first-child a{border: 0;}
/* ================================================================================ */
/*      1-4:メイン                                                                  */
/* ================================================================================ */
main{
	padding: 60px 0 90px;
	overflow: hidden;
}
/* ================================================================================ */
/*      1-5:２カラム（コンテンツ）                                                  */
/* ================================================================================ */
#content {float: left; width: 73%; margin-right: 2%;}
#content img{max-width: 100%; height: auto;}
/* ================================================================================ */
/*      1-5:２カラム（ユーティリティ）                                              */
/* ================================================================================ */
#utility {float: left; width: 25%;}
#utility h2 {display: none;}
/* -------------------------------------------------------------------------------- */
/*      1-5-1:個別ユーティリティ                                                    */
/* -------------------------------------------------------------------------------- */
.utility {margin: 0 0 40px; font-size: .8em;		background: rgba(213,214,216,.7);}
.utility a:link{color: #666;}
.utility a:visited{color: #000;}
.utility a:hover{color: #56b1c1;}
/* -------------------------------------------------------------------------------- */
/*      1-5-2:個別ユーティリティタイトル                                            */
/* -------------------------------------------------------------------------------- */
.utility h3{
	margin: 0 0 10px;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	border-bottom: 3px double #000;
}
.utility h3.calender{text-align: center;}
.utility h3.calender a{text-decoration: none;}
.utility h4{text-align: center; margin: 0; background: #b8b8b9; padding: 5px;}
.utility h4 a{color: #000; margin: 0 5px;}
/* -------------------------------------------------------------------------------- */
/*      1-5-3:個別ユーティリティ内リスト                                            */
/* -------------------------------------------------------------------------------- */
.utility ul li{margin: 5px 0}
.utility ul li ul {margin: 0 20px;}
.utility dl dd{margin-bottom: 5px;}
/* -------------------------------------------------------------------------------- */
/*      1-5-4:個別ユーティリティ内フォーム                                          */
/* -------------------------------------------------------------------------------- */
#plugin_search {margin: 0;}
#plugin_search dl {margin: 0;}
#plugin_search dl dt {display: none;}
#plugin_search dl dd {margin: 0; position: relative;}
#plugin_search input[type="text"]{
	width: 100%;
	padding: 5px;
	border: 1px solid #b8b8b9;
	background: #fff;
	border-radius: 5px;
}
#plugin_search button{
	width: 30px;
	height: 29px;
	padding: 5px;
	border: 1px solid #b8b8b9;
	background: #fff;
	border-radius: 0 5px 5px 0;
	position: absolute;
	right: 0;
}

#document #plugin_search{
	width: 100%;
	max-width: 300px;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	top: -65px;
	right: 0;
}
#search_result .search_item{
	border: 1px solid #666;
	padding: 10px;
	margin-bottom: 20px;
}
#document #search_result .search_item h3{
	margin: 0;
	border-left: 10px solid #ccc;
	padding: 10px;
}
#document #search_result .search_item h4{
	margin: 0 0 10px;
	padding-left: 10px;
	border-left: 10px solid #efefef;
}
/* -------------------------------------------------------------------------------- */
/*      1-5-5:カレンダー                                                            */
/* -------------------------------------------------------------------------------- */
table.calender {margin: 0; border: 0; width: 100%;}
table.calender tr th, table.calender tr td {border: 0; font-weight: normal; text-align: center; background: none;}
table.calender span{color: #222;}
table.calender span.satday {color: #2222CC;}
table.calender span.sunday {color: #CC2222;}
table.calender a{
	font-weight: bold;
	background: #fff;
	display: block;
	text-decoration: none;
	border: 1px solid #b8b8b9;
}
table.calender a:hover{background: #b8b8b8}
/* -------------------------------------------------------------------------------- */
/*      1-5-7:タグクラウド表示プラグイン                                            */
/* -------------------------------------------------------------------------------- */
ul.tagcloud{margin: 0;}
ul.tagcloud li{list-style: none; display: inline-block; margin: 3px;}
ul.tagcloud li:before{content: '\67'; font-family: 'fontello'}
/* ================================================================================ */
/*      1-6:１カラム                                                                */
/* ================================================================================ */
#document{margin: 10px 0; padding: 10px 20px; position: relative; min-height: 300px; background: rgba(239,239,239,.9);}
#document .content{font-size: 1.2em; line-height: 1.4em;}
#document h2{margin: 0 0 10px;}
/* ================================================================================ */
/*      1-7:フッター                                                                */
/* ================================================================================ */
footer{
	clear: both;
	height: 40px;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #000;
	padding: 10px;
	text-align: center;
}
footer address{margin: 0;}
footer a:link, footer a:visited{color: #666; text-decoration: none;}
footer a:hover{text-decoration: underline;}
/* ================================================================================ */
/*      1-8:ページ上部へのリンク                                                    */
/* ================================================================================ */
#pagetop{
	position: fixed;
	z-index:10;
	bottom: 40px;
	right: 0;
	width: 35px;
	line-height: 35px;
}
#pagetop a{display: block; width: 35px; height:35px; text-align: center; text-decoration: none; background-color: #666; background-color: rgba(0,0,0,0.5); color: #fff;}
#pagetop a:hover{background-color: #000;}

/* ################################################################################ */
/*      2:画面別の設定                                                              */
/* ################################################################################ */
/* ================================================================================ */
/*      2-1:エントリー画面                                                          */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      2-1-1:エントリーテーブル                                                    */
/* -------------------------------------------------------------------------------- */
#entry h2 {display: none;}
/* -------------------------------------------------------------------------------- */
/*      2-1-2:個別エントリーブロック                                                */
/* -------------------------------------------------------------------------------- */
.entry{
	width: 100%;
	margin: 0 0 30px;
	overflow: hidden;
	background-color: rgba(255,255,255,.9);
}
.entry_data{display: flex;}
.entry .stamp{
	flex-basis: 100px;
	margin: 10px;
	padding: 5px;
	background: #8ac0c0;
	font-family: 'Lora', serif;
}
.entry .stamp.information_entry{
	background: #c08a8a;
}
.entry .stamp ul{
	border-radius: 5px;
	border: 2px dashed #fff;
	margin: 0;
}
.entry .stamp ul li{
	list-style: none;
	text-align: center;
	color: #fff;
}
.entry .stamp ul li.day{
	font-size: 40px;
	color: #fffad3;
}
.entry .stamp ul li.time{
	letter-spacing: 5px;
	padding-bottom: 3px;
}
.entry_info{width: auto;}
.entry .image{margin: 0 10px 30px; text-align: center;}
.entry .image{max-width: 100%;}
.entry .file{margin: 30px 10px;}
.entry .file a{
	padding: 10px;
	border: 1px solid #ccc;
	display: block;
	background: #eee;
}
/* -------------------------------------------------------------------------------- */
/*      2-1-3:個別エントリータイトル                                                */
/* -------------------------------------------------------------------------------- */
.entry h3 {font-size: 1.3em; margin: 40px 0 0; padding-right: 10px; font-weight: bold;}
.entry h3 a{text-decoration: none;}
/* -------------------------------------------------------------------------------- */
/*      2-1-4:個別エントリー内容                                                    */
/* -------------------------------------------------------------------------------- */
.entry ul.information{margin: 10px;}
.entry ul.information span{margin-right: 5px;}
.entry .content{margin: 30px 10px; font-size: 1.2em; line-height: 1.4em;}
.entry .content p{margin: 30px 0;}
.entry p.notice{margin: 10px; font-size: .8em; font-weight: bold; color: #c08a8a;}
.entry .content img{max-width: 100%; height: auto;}
.entry ul.link{background-color: #eee;}
.entry ul.link a{color: #666; text-decoration: none;}
.entry ul.link a:hover{text-decoration: underline;}

/* ================================================================================ */
/*      2-2:VIEW画面                                                                */
/* ================================================================================ */
#view h2{display: none;}
#view .entry{margin: 0;}
/* -------------------------------------------------------------------------------- */
/*      2-2-1:エントリー横移動                                                      */
/* -------------------------------------------------------------------------------- */
#entry_link{background: #b8b8b9; padding: 10px;}
#entry_link h3 {display: none;}
ul.entry_link li:before{background-color: #666; color: #fff;}
#entry_link a{color: #000;}
#entry_link a:hover{color: #278596;}
#entry_link ul{margin: 0;}
#entry_link li{list-style: none; margin: 0 0 10px;}
#entry_link li.home:before{content: "▲";}
#entry_link li.previous:before{content: "<<";}
#entry_link li.next:before{content: ">>";}
#entry_link li:before{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	font-size: 0.7em;
	margin-right: 5px;
}
/* ################################################################################ */
/*      3:パーツ設定                                                                */
/* ################################################################################ */
/* ================================================================================ */
/*      3-1:各種情報                                                                */
/* ================================================================================ */
ul.information{margin: 10px 0; color: #ccc;}
ul.information li{display: inline-block; list-style: none; margin-right: 5px;}
/* ================================================================================ */
/*      3-2:編集リンク                                                              */
/* ================================================================================ */
ul.link{margin: 0; padding: 10px; text-align: right;}
ul.link li{display: inline-block; list-style: none;}
/* ================================================================================ */
/*      3-3:パンくず表示プラグイン                                                  */
/* ================================================================================ */
.pan{font-size: 0.8em;}
.pan a{text-decoration: none;}
/* ================================================================================ */
/*      3-4:ページ移動                                                              */
/* ================================================================================ */
#page{clear: both; overflow: hidden; margin-bottom: 50px;}
#page h2 {display: none;}
ul.order {margin: 30px 0; text-align: center; overflow: hidden; border: 1px solid #ccc;}
ul.order li{float: left; width: 50%; list-style: none; margin: 0; height: 50px; line-height: 50px; background: rgba(255,255,255,.6)}
ul.order li:first-child{border-right: 1px solid #ccc; margin-left: -1px;}
ul.order li a{display: block; width: 100%; text-decoration: none; background: rgba(100, 100, 100,0.4); color: #fff;}
ul.order li a:hover{background: rgba(100, 100, 100,0.6);}


/* ================================================================================ */
/*      3-5:ページ直接移動                                                          */
/* ================================================================================ */
ul.direct{margin: 0; text-align: center; overflow: hidden;}
ul.direct li{display: inline-block; list-style: none; margin: 0; width: 30px; line-height: 30px; font-weight: bold; border: 1px solid #ccc; background: rgba(255,255,255,.6)}
ul.direct li.current{background: #666; color: #fff;}
ul.direct li a{display: block; text-decoration: none; font-weight: normal; display: block; background: rgba(100, 100, 100,0.4); color: #fff; text-decoration: none;}
ul.direct li a:hover{background: rgba(100, 100, 100,0.6);}
/* ================================================================================ */
/*      3-7:ページ前後移動                                                          */
/* ================================================================================ */
#page_link{margin: 0 -15px -15px; }
#page_link h3{display: none;}
#page_link ul.page_link{
	margin: 0;
	text-align: center;
	font-size: 0;
	display: flex;
	justify-content: space-between;
}
#page_link ul.page_link li {
	list-style: none;
	width: 33.3%;
	text-align: center;
	font-size: .8rem;
	color: #efefef;
	background: #ccc;
	line-height: 50px;
	min-height: 50px;
}
#page_link ul.page_link i{
	display: block;
	width: 100%;
	padding: 15px 0;
}
#page_link ul.page_link a{display: block; color: #666; text-decoration: none;}
#page_link ul.page_link a:hover{background: #555; color: #efefef;}
#page_link ul.page_link li.home{border-right: 1px solid #efefef; border-left: 1px solid #efefef;}
/* ================================================================================ */
/*      3-7:トラックバック                                                          */
/* ================================================================================ */
#trackback h2, #trackback_url h2{margin: 30px 0 10px; font-weight: bold; font-size: 1em;}
#trackback_url p{margin: 10px;padding: 10px; overflow-wrap: break-word; }
#trackback div.trackback ul.information {margin: 15px 0 0 0; text-align: right;}
#trackback div.trackback ul.information li {display: inline; margin-left: 5px;}
/* ================================================================================ */
/*      3-8:コメント                                                                */
/* ================================================================================ */
#comment{
	background: #666;
	padding: 10px;
}
#comment h2{
	margin: 0 0 10px -10px;
	font-weight: bold;
	font-size: 1em;
	color: #ccc;
	padding: 10px;
	border-left: 20px solid #000;
	border-bottom: 0;
	text-shadow: 0 0 0;
}
/* -------------------------------------------------------------------------------- */
/*      3-8-1:個別コメントブロック                                                  */
/* -------------------------------------------------------------------------------- */
.comment{overflow: hidden; margin: 10px 0; display: flex;}
.comment_data{
	width: 20%;
	padding-right: 10px;
	text-align: right;
}
.comment_data i{
	font-size: 40px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #b8b8b8;
	color: #666;
}
.comment_data i.user{
	background: #666;
	color: #b8b8b9
}
.comment_text{
	width: 80%;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	position: relative;
}
.comment_text::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -10px;
	top: 15px;
	border-right: 10px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
  }
.comment h3{
	margin: 0 0 10px;
	font-weight: bold;
}
.comment p{margin: 10px;}
.comment ul.information {color: #666; margin: 20px 0 0; text-align: right;}
.comment ul.information li {display: inline; margin: 0 2px;}
/* -------------------------------------------------------------------------------- */
/*      3-8-3:コメントフォーム                                                      */
/* -------------------------------------------------------------------------------- */
#comment_form{margin-top: 30px;}

#comment_form ul{color: #ccc; margin: 0 0 0 20px;}
#comment_form form{max-width: 500px; width: 100%; margin: 0 auto;}
/* ================================================================================ */
/*      3-9:フォーム                                                                */
/* ================================================================================ */
#plugin_form{
	padding: 10px;
	clear: both;
	margin: 0 auto;
}
#document #plugin_form{max-width: 600px; width: 100%; margin: 10px auto;}

#plugin_form fieldset{margin: 0; padding: 0;}
#plugin_form dl{color: #666;}
#comment #plugin_form dl{color: #ccc;}
#plugin_form dd{margin-bottom: 20px;}
/* -------------------------------------------------------------------------------- */
/*      3-9-1:フィルター一覧                                                        */
/* -------------------------------------------------------------------------------- */
#plugin_form table{width: 80%; margin: 0 auto; text-align: center;}
/* -------------------------------------------------------------------------------- */
/*      3-9-2:入力部品                                                              */
/* -------------------------------------------------------------------------------- */
#plugin_form input[type="text"], #plugin_form textarea, #plugin_form input[type="password"]{
	background: #b8b8b9;
	padding: 10px;
	border: 2px solid #b8b8b9;
	width: 100%;
}
#plugin_form input[type="text"]:focus, #plugin_form textarea:focus, #plugin_form input[type="password"]:focus{
	background: #fff;
	border: 2px solid #56b1c1;
}
#plugin_form input[type="submit"]{
	padding: 10px 0;
	text-align: center;
	width: 100px;
	border-radius: 2px;
	border: 1px solid #000;
	background: #fff;
	margin-right: 10px;
}
#plugin_form input[type="submit"]:hover{cursor: pointer; background: #eee;}
#plugin_form p{margin: 0}
/* ================================================================================ */
/*      3-10:確認画面                                                               */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      3-10-1:確認内容                                                             */
/* -------------------------------------------------------------------------------- */
dl#preview {margin: 10px auto; max-width: 600px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between}
dl#preview dt{margin: 3px 0; width: 30%; text-align: center; padding: 5px; background: #666; color: #fff;}
dl#preview dd{margin: 3px 0; padding: 5px 10px; width: 70%;}
/* -------------------------------------------------------------------------------- */
/*      3-10-2:作業フォーム                                                         */
/* -------------------------------------------------------------------------------- */
#action {overflow: hidden; width: 50%; margin: 0 auto;}
#action form {margin: 0; text-align: center; width: 50%; float: left;}
#action form input[type="submit"]{
	padding: 10px 0;
	width: 80%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-color: #ccc; border: 1px solid #ccc;
}
#action input[type="submit"]:hover{cursor: pointer; background-color: #666; color: #fff;}

/* ================================================================================ */
/*      3-11:コメント削除フォーム                                                   */
/* ================================================================================ */
.delete{text-align: center; margin: 10px auto; padding: 10px; width: 80%;}
.delete input{
	padding: 10px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.delete input:hover{cursor: pointer;}
/* ================================================================================ */
/*      3-12:インフォメーション                                                     */
/* ================================================================================ */
#default {margin: 30px 0;}
#default h2{display: none;}
/* -------------------------------------------------------------------------------- */
/*      3-12-1:インフォメーション個別ブロック                                       */
/* -------------------------------------------------------------------------------- */
.default{
	overflow: hidden;
	background: rgba(255,255,255,.8);
}
/* -------------------------------------------------------------------------------- */
/*      3-12-3:インフォメーション個別内容                                           */
/* -------------------------------------------------------------------------------- */
.default h4{
	background: #000;
	border-left: 10px double #fff;
	margin: 0 0 10px;
	padding: 5px 10px;
	color: #fff;
}
.default h4 span{font-size: .8em;}
.default h4 span:before{content: "─"; margin: 0 10px;}
.default h4 a{color: #fff; text-decoration: none;}
.default p{margin: 10px 20px;}

.default ul.continue {margin: 10px; text-align: right;}
.default ul.continue li {display: inline;}

.default dl{margin: 10px 20px;}
.default dl dt{
	border-left: 8px solid #000;
	width: 120px;
	float: left;
	clear: left;
	margin-bottom: 8px;
	padding-left: 5px;
}
.default dl dd{
	margin-left: 120px;
	margin-bottom: 8px;
}
/* ################################################################################ */
/*      4:プラグイン設定                                                            */
/* ################################################################################ */
/* ================================================================================ */
/*      4-1:エントリーギャラリープラグイン                                          */
/* ================================================================================ */
#gallery {overflow: hidden;}
#gallery h2{font-size: 1.8em;}
/* -------------------------------------------------------------------------------- */
/*      4-1-1:エントリー関連画像個別ブロック                                        */
/* -------------------------------------------------------------------------------- */
#gallery div.gallery {float: left; margin: 10px 1%; width: 18%; text-align: center;}
#gallery div.gallery img{max-width: 100%; height: auto; max-height: 100px; margin: 0;}
#gallery div.gallery p.picture a{color: #FFF; text-decoration: none;}
#gallery div.gallery p.picture a span.empty{
	display: block;
	line-height: 100px;
	width: 100%;
	height: 100px;
	background-color: #ccc;
	text-align: center;
}
#gallery div.gallery p.comment{
	overflow: hidden;
	margin: 3px 0 0;
	font-size: 80%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* ################################################################################ */
/*      5:個別クラス設定                                                            */
/* ################################################################################ */
/* ================================================================================ */
/*      5-1:フォント種類設定クラス                                                  */
/* ================================================================================ */
.gothic{font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;}
.mincho{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'HGS明朝E', 'HG明朝E', 'ＭＳ 明朝', 'MS Mincho', serif;}
.fontello{font-family: 'fontello';}
/* ================================================================================ */
/*      5-2:行揃え設定クラス                                                        */
/* ================================================================================ */
.left{text-align: left !important;}
.right{text-align: right !important;}
.center{text-align: center !important;}

/* ================================================================================ */
/*      5-3:エラー表示設定クラス                                                    */
/* ================================================================================ */
ul.attention{margin: 0;}
ul.attention li{list-style: none;}
/* ================================================================================ */
/*      5-4:float解除クラス                                                         */
/* ================================================================================ */
.clear{clear: both;}
.fl_right{float: right !important; margin: 0 0 0 2% !important;}
/* ================================================================================ */
/*      5-6:リンクボタン                                                            */
/* ================================================================================ */
#backlink{
	width: 200px;
	display: block;
	margin: 100px auto;
	padding: 20px;
	font-size: 1.3em;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
#backlink:hover{background-color: #ccc; color: #fff; }
/* 
/* ################################################################################ */
/*      0:ニュースプラグイン                                                        */
/* ################################################################################ */
table#news{width: 100%; overflow: hidden; margin-bottom: 100px;}
table#news tr, table#news tr td, table#news tr th{border: 0;}
table#news tr{border-bottom: 1px solid #ccc;}
table#news tr th{border-top: 1px solid #ccc;}

table#news .datetime{width: 15%; text-align: center;}
table#news .category{width: 25%; text-align: center;}

#news .content{background-color: #fff; padding: 10px;}

/* ################################################################################ */
/*      0:バナー付きリンクプラグイン                                                */
/* ################################################################################ */
ul.link_list{margin: 10px 0 50px; overflow: hidden;}
ul.link_list li{list-style: none; float: left; margin: 0 10px 10px 0;}


/* ################################################################################ */
/*      0:Novel                                                                     */
/* ################################################################################ */
ul#parameter{margin: 0; text-align :right; font-weight: bold; font-size: 0.8em;}
ul#parameter li{margin: 0 5px; display: inline;}

.r15{color: #f48438; font-weight: bold;}
.r18{color: #ff0000; font-weight: bold;}

#page_all h2{display: none;}
#page_all ul{margin: 0;}
#page_all ul li{margin: 0; list-style: none;}

#page_all h4 a{color: #fff; text-decoration: none;}
#page_all h4 a:hover{color: #efefef;}
#page_all h5{background-color: #fff;}

#page_all .genre, #page_all .group{margin: 10px 0 10px 40px; overflow: hidden;}
#page_all .story{font-size: 0.8em; line-height: 1.3em;}
#page_all .story p{margin: 5px 0;}
#page_all .story_list li{font-size: 1.3em; display: inline;}
#page_all .story_list li:after{content: "/"}
#page_all .story_list li:last-child:after{content: ""}

#content.fl_right{
	background: rgba(239,239,239,.9);
	padding: 0 15px 10px;
}
#honbun{font-size: 1em; line-height: 1.8em; padding: 0 10px; margin-top: 50px;}

#utility .text_menu h4{padding: 0;}
#utility .text_menu h4 a{
	padding: 5px;
	color: #fff;
	background: #555;
	display: block;
	text-decoration: none;
	margin: 0;
}
#utility .text_menu h5{margin: 10px 0 0;}
#utility .text_menu h5 a{
	padding: 5px;
	background: #ccc;
	border-right: 10px solid #999;
	display: block;
	text-decoration: none;
}
#utility .text_menu h6{
	margin: 10px 0 0;
	padding: 0;

}
#utility .text_menu h6 a{
	text-decoration: none;
	display: block;
	padding: 3px;
	border-bottom: 1px solid #666;
}
#utility .text_menu h6 a:hover{
	border-bottom: 1px dotted #666;
}
#utility .text_menu .group{padding-left: 10px;}
#utility .text_menu ul{
	border-left: 3px double #666;
	margin: 0 0 0 15px;
	padding: 5px;
}
#utility .text_menu li{
	display: inline;
	list-style: none;
	padding: 3px;
}
#utility .text_menu p{text-align: right; margin: 5px 0;}

/* ################################################################################ */
/*      0:Information                                                               */
/* ################################################################################ */
#event_table{
	margin: 30px 0;
	padding: 15px 0;
	border-top: 2px dotted #666;
	border-bottom: 2px dotted #666;
}

table#event{width: 100%; overflow: hidden; 	font-size: .9em;}
table#event tr, table#event tr td, table#event tr th{border: 0;}
table#event tr:first-child{border-top: 1px solid #ccc;}
table#event tr{border-bottom: 1px solid #ccc;}
table#event tr:nth-child(2n){background: #e6e4e4;}

table#event th{background: #ddd; border-top: 1px solid #ccc;}
table#event td{padding: 5px;}

table#event .datetime{width: 120px;}
table#event .space{width: 200px; text-align: right;}



div#event_file{text-align: center}
div#event_file p img{height: 80px; width: auto;}
dl#event{width: 80%; margin: 0 auto; border: 1px solid #ccc;}
dl#event dt{
	width: 20%;
	margin: 0 0 5px;
	float: left;
	clear: left;
	text-align: center;
	color: #666;
	background-color: #ddd;
}
dl#event dd{width: 79%; margin: 5px 0 5px 21%;}

#book_table{margin: 30px 0;}

.book_list .book{
	border: 1px solid #ccc;
	background-color: #fff;
}
.book{
	width: 100%;
	margin: 10px 0;
	overflow: hidden;
}
.content .book h5{
	margin: 10px 0;
	border-left: 10px solid #666;
	padding: 5px;
}
.book figure{width: 25%; float: left; padding: 0 10px 10px; text-align: center;}
.book figure img{max-width: 50%; height: auto;}
.book figure ul{margin: 10px 0; font-size: 0;}
.book figure ul li{list-style: none; display: inline-block; width: 25%; min-width: 40px; padding: 5px;}
.book figure ul li img{max-width: 100%;}
.book .note{
	width: 75%;
	float: left;
	padding: 0 10px 10px; font-size: .8em;}
.book .note ul{margin: 5px 0; border-left: 5px solid #bbbbbb; padding-left: 5px;}
.book .note li{
	list-style: none;
	display: inline-block;
	margin: 0;
}
.book .note li:not(:last-child):after{content: "/"; margin: 0 5px;}
.book .note p{margin: 5px 0; line-height: 1.2; border-left: 5px solid #bbbbbb; padding-left: 5px;}

.book_list .backnumber{
	margin: 10px 0 10px 20px;
}
.book_list .backnumber h6{
	margin: 10px 0 0;
	border-left: 8px solid #666;
	padding-left: 5px;
}
.book_list .backnumber ul{margin: 0; border-left: 8px solid #ccc; padding-left: 5px; font-size: .8em;}
.book_list .backnumber li{
	list-style: none;
	display: inline-block;
	margin: 0;
}
.book_list .backnumber li:not(:last-child):after{content: "/"; margin: 0 5px;}
.book_list .backnumber p{margin: 0; line-height: 1.2; border-left: 8px solid #ccc; padding-left: 5px;font-size: .8em;}



.subtitle{color: #5b9e3f; font-weight: bold;}
/* ################################################################################ */
/*      0:Information                                                               */
/* ################################################################################ */

.bg_gray{background: rgba(239,239,239,.9); padding: 15px;}
.tb{display: none !important;}
.sp{display: none !important;}
/* ################################################################################ */
/*      0:タブレット用                                                              */
/* ################################################################################ */