@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%;}
/* ================================================================================ */
/*      0-2:LINK                                                                    */
/* ================================================================================ */
a:link{color: #099ef9;}
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: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;
}
h2{font-size: 2em; margin: 20px 0;}
.content h3{font-size: 1.8em;}
.content h4{
	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 h5{font-size: 1.4em; padding: 15px; font-weight: bold;}
.content h6{font-size: 1.2em; font-weight: bold;}
/* ################################################################################ */
/*      1:カラムレイアウト                                                          */
/* ################################################################################ */
/* ================================================================================ */
/*      1-1:全体                                                                    */
/* ================================================================================ */
#wrapper{
	margin: 0 auto;
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.wrap{width: 90%; max-width: 1000px; margin: 0 auto;}
/* ================================================================================ */
/*      1-2:ヘッダー                                                                */
/* ================================================================================ */
header{padding: 10px 0; background:#3961d0;}
header h1{font-size: 2.5em; font-weight:bold;}
header h1 a{text-decoration: none; color:#fff;}
header h1 a:visited{color: #fff; }
header h1 a:hover{color: #ccc;}
/* ================================================================================ */
/*      1-3:メインメニュー                                                          */
/* ================================================================================ */
#menu h2 {display: none;}
#menu ul {margin: 0; overflow: hidden;}
#menu ul li {float: left; list-style: none;}
#menu ul li a{padding: 10px; display: block; text-decoration: none;}
/* ================================================================================ */
/*      1-4:メイン                                                                  */
/* ================================================================================ */
main{padding: 10px 0 90px; overflow: hidden;}
main{margin-bottom:50px;}
/* ================================================================================ */
/*      1-5:２カラム（コンテンツ）                                                  */
/* ================================================================================ */
#content {float: left; width: 73%; margin-right: 2%;}
/* ================================================================================ */
/*      1-5:２カラム（ユーティリティ）                                              */
/* ================================================================================ */
#utility {float: left; width: 25%;}
#utility h2 {display: none;}
/* -------------------------------------------------------------------------------- */
/*      1-5-1:個別ユーティリティ                                                    */
/* -------------------------------------------------------------------------------- */
.utility {margin: 0 0 40px;}
/* -------------------------------------------------------------------------------- */
/*      1-5-2:個別ユーティリティタイトル                                            */
/* -------------------------------------------------------------------------------- */
.utility h3{margin: 0 0 10px; font-size: 1.1em; font-weight: bold; }
.utility h3.calender{text-align: center;}
.utility h3.calender a{text-decoration: none;}
/* -------------------------------------------------------------------------------- */
/*      1-5-3:個別ユーティリティ内リスト                                            */
/* -------------------------------------------------------------------------------- */
.utility ul li{margin: 5px 0}
.utility ul li ul {margin: 0 20px;}
/* -------------------------------------------------------------------------------- */
/*      1-5-4:個別ユーティリティ内フォーム                                          */
/* -------------------------------------------------------------------------------- */
.utility form {margin: 0;}
.utility form dl {margin: 0;}
.utility form dl dt {display: none;}
.utility form dl dd {margin: 0;}
.utility form input[type="text"]{width: 70%;}
.utility form p {margin: 0; text-align: right;}
/* -------------------------------------------------------------------------------- */
/*      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{text-decoration: none;}
/* -------------------------------------------------------------------------------- */
/*      1-5-6:エントリーギャラリー表示プラグイン                                    */
/* -------------------------------------------------------------------------------- */
.utility ul.gallery {margin: 0; padding: 0;}
.utility ul.gallery li {list-style: none; width: 50px; height: 50px; float: left; margin: 5px;}
.utility ul.gallery li img {max-width: 50px; max-height: 50px;}
/* ================================================================================ */
/*      1-6:１カラム                                                                */
/* ================================================================================ */
#document{margin: 10px 0; padding: 10px 20px;}
#document .content{font-size: 1.2em; line-height: 1.4em;}
/* ================================================================================ */
/*      1-7:フッター                                                                */
/* ================================================================================ */
footer{
	clear: both;
	height: 100px;
	padding: 15px 0;
	padding-left: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #666;
	
}
footer a:link, footer a:visited{text-decoration: none; color:#fff;}
footer a:hover{text-decoration: underline;}
footer div a:link, footer div a:visited{text-decoration: none; color:#fff;}
footer div a:hover{text-decoration: underline;}
footer div address a:link, footer div address a:visited{text-decoration: none; color:#fff;}
footer div address a:hover{text-decoration: underline;}

/* ================================================================================ */
/*      1-8:ページ上部へのリンク                                                    */
/* ================================================================================ */
#pagetop{
	position: fixed;
	z-index:10;
	bottom: 20px;
	right: 0;
	width: 35px;
	line-height: 35px;
}
#pagetop a{display: block; width: 35px; height:35px; text-align: center; text-decoration: none;}
/* ################################################################################ */
/*      2:画面別の設定                                                              */
/* ################################################################################ */
/* ================================================================================ */
/*      2-1:エントリー画面                                                          */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      2-1-1:エントリーテーブル                                                    */
/* -------------------------------------------------------------------------------- */
#entry h2 {display: none;}
/* -------------------------------------------------------------------------------- */
/*      2-1-2:個別エントリーブロック                                                */
/* -------------------------------------------------------------------------------- */
.entry {width: 100%; margin: 0 0 30px; overflow: hidden;}
/* -------------------------------------------------------------------------------- */
/*      2-1-3:個別エントリータイトル                                                */
/* -------------------------------------------------------------------------------- */
.entry h3 {font-size: 1.8em; margin: 20px 10px 10px;}
.entry h3 a{text-decoration: none;}
/* -------------------------------------------------------------------------------- */
/*      2-1-4:個別エントリー内容                                                    */
/* -------------------------------------------------------------------------------- */
.entry .content{margin: 30px 10px; font-size: 1em; line-height: 1.4em;}
.entry .content p{margin: 30px 0;}
.entry .content img{max-width: 100%; height: auto;}
#entry ul.link a{text-decoration: none;}
#entry ul.link a:hover{text-decoration: underline;}
/* ================================================================================ */
/*      2-2:VIEW画面                                                                */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      2-2-1:エントリー横移動                                                      */
/* -------------------------------------------------------------------------------- */
#entry_link h3 {display: none;}
ul.entry_link {margin: 0;}
ul.entry_link li{list-style: none; margin: 10px 0;}
ul.entry_link li.home:before{content: "▲";}
ul.entry_link li.previous:before{content: "<<";}
ul.entry_link li.next:before{content: ">>";}
ul.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;}
ul.information li{display: inline-block; list-style: none;}
/* ================================================================================ */
/*      3-2:編集リンク                                                              */
/* ================================================================================ */
ul.link{margin: 0; padding: 10px; text-align: right;}
ul.link li{display: inline-block; list-style: none;}
/* ================================================================================ */
/*      3-3:パンくず表示プラグイン                                                  */
/* ================================================================================ */
p.pan{font-size: 0.8em;}
p.pan a{text-decoration: none;}
/* ================================================================================ */
/*      3-4:ページ移動                                                              */
/* ================================================================================ */
#page h2 {display: none;}
ul.order {margin: 30px 0; text-align: center; overflow: hidden;}
ul.order li{float: left; width: 50%; list-style: none; margin: 0; height: 50px; line-height: 50px;}
ul.order li a{display: block; width: 100%; text-decoration: none;}
/* ================================================================================ */
/*      3-5:ページ直接移動                                                          */
/* ================================================================================ */
ul.direct{margin: 0; text-align: center;}
ul.direct li{display: inline-block; list-style: none; margin: 0; width: 30px; line-height: 30px; font-weight: bold;}
ul.direct li:first-child{display: none;}
ul.direct li a{display: block; text-decoration: none; font-weight: normal;}
/* ================================================================================ */
/*      3-7:ページ前後移動                                                          */
/* ================================================================================ */
#page_link h3{display: none;}
#page_link ul.page_link {margin: 20px 0; text-align: center;}
#page_link ul.page_link li {
	display: inline-block;
	list-style: none;
	width: 33%;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
#page_link ul.page_link a{display: block; width: 100%;}
#page_link ul.page_link li.previous{border-right: 1px solid #ccc;}
#page_link ul.page_link li.next{border-left: 1px solid #ccc;}
#page_link ul.page_link li.previous a:before{content: "<<　"}
#page_link ul.page_link li.next a:after{content: "　>>"}
/* ================================================================================ */
/*      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 .trackback ul.information {margin: 15px 0 0 0; text-align: right;}
#trackback .trackback ul.information li {display: inline; margin-left: 5px;}
/* ================================================================================ */
/*      3-8:コメント                                                                */
/* ================================================================================ */
#comment h2{margin: 30px 0 10px; font-weight: bold; font-size: 1em;}
/* -------------------------------------------------------------------------------- */
/*      3-8-1:個別コメントブロック                                                  */
/* -------------------------------------------------------------------------------- */
#comment .comment{overflow: hidden; margin: 5px 0;}
#comment .comment h3{margin: 0; padding: 5px; overflow: hidden; font-weight: bold;}
#comment .comment p{margin: 10px;}
/* -------------------------------------------------------------------------------- */
/*      3-8-2:コメント投稿者情報                                                    */
/* -------------------------------------------------------------------------------- */
#comment .comment ul.information {margin: 15px 0; text-align: right;}
#comment .comment ul.information li {display: inline; margin: 0 2px;}
/* -------------------------------------------------------------------------------- */
/*      3-8-3:コメントフォーム                                                      */
/* -------------------------------------------------------------------------------- */
#comment_form h2{display: none;}
/* ================================================================================ */
/*      3-9:フォーム                                                                */
/* ================================================================================ */
#plugin_form{margin: 10px 0; padding: 10px;}
#document #plugin_form{width: 80%; margin: 10px auto;}
#plugin_form dl{margin: 10px 0;}
#plugin_form dl dt{float: left; clear: left; margin: 0; width: 30%; text-align: right;}
#plugin_form dl dd{margin: 0 0 5px 32%; padding: 3px 5px;}
#plugin_form p, #plugin_form ul{margin: 5px 0 5px 35%;}
/* -------------------------------------------------------------------------------- */
/*      3-9-1:フィルター一覧                                                        */
/* -------------------------------------------------------------------------------- */
#plugin_form table{width: 80%; margin: 0 auto; text-align: center;}
/* -------------------------------------------------------------------------------- */
/*      3-9-2:入力部品                                                              */
/* -------------------------------------------------------------------------------- */
#plugin_form input[type="text"],
#plugin_form input[type="select"],
#plugin_form textarea{width: 90%; padding: 5px;}
#plugin_form input[type="submit"]{
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
#plugin_form input[type="submit"]:hover{cursor: pointer;}
/* ================================================================================ */
/*      3-10:確認画面                                                               */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      3-10-1:確認内容                                                             */
/* -------------------------------------------------------------------------------- */
#preview{margin: 10px 0; padding: 10px;}
#preview dl{margin: 10px 0;}
#preview dl dt{float: left; clear: left; margin: 0; width: 30%; text-align: right; padding: 3px 5px;}
#preview dl dd{margin: 0 0 5px 32%; padding: 3px 5px;}
/* -------------------------------------------------------------------------------- */
/*      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;
}
#action input[type="submit"]:hover{cursor: pointer;}
/* ================================================================================ */
/*      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:インフォメーション                                                     */
/* ================================================================================ */
#information {margin-bottom: 30px;}
/* -------------------------------------------------------------------------------- */
/*      3-12-1:インフォメーション個別ブロック                                       */
/* -------------------------------------------------------------------------------- */
#information section{margin: 10px 0;}
#information .content{margin: 10px; overflow: hidden;}
/* -------------------------------------------------------------------------------- */
/*      3-12-2:インフォメーション個別タイトル                                       */
/* -------------------------------------------------------------------------------- */
#information h2{padding: 5px 10px; font-size: 1.8em; margin: 0;}
/* -------------------------------------------------------------------------------- */
/*      3-12-3:インフォメーション個別内容                                           */
/* -------------------------------------------------------------------------------- */
#information p{margin: 10px;}
#information ul.continue {margin: 10px; text-align: right;}
#information ul.continue li {display: inline;}
/* ################################################################################ */
/*      4:プラグイン設定                                                            */
/* ################################################################################ */
/* ================================================================================ */
/*      4-1:エントリーギャラリープラグイン                                          */
/* ================================================================================ */
#gallery {overflow: hidden;}
#gallery h2{font-size: 1.8em;}
/* -------------------------------------------------------------------------------- */
/*      4-1-1:エントリー関連画像個別ブロック                                        */
/* -------------------------------------------------------------------------------- */
#gallery .gallery {float: left; margin: 10px 1%; width: 18%; text-align: center;}
#gallery .gallery img{max-width: 100%; height: auto; max-height: 100px; margin: 0;}
#gallery .gallery p.picture a{color: #FFF; text-decoration: none;}
#gallery .gallery p.picture a span.empty{
	display: block;
	line-height: 100px;
	width: 100%;
	height: 100px;
	background-color: #ccc;
	text-align: center;
}
#gallery .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;}
.right{text-align: right;}
.center{text-align: center;}
/* ================================================================================ */
/*      5-3:エラー表示設定クラス                                                    */
/* ================================================================================ */
ul.attention{margin: 0;}
ul.attention li{list-style: none;}
/* ================================================================================ */
/*      5-4:float解除クラス                                                         */
/* ================================================================================ */
.clear{clear: both;}
/* ################################################################################ */
/*      0:タブレット用                                                              */
/* ################################################################################ */
@media (max-width: 800px) {
	#content{width: 100%; float: none;}
	#utility{width: 100%; float: none;}
	.utility{width: 100%; float: left; margin: 10px 1%;}
}
/* ################################################################################ */
/*      0:スマホ用                                                                  */
/* ################################################################################ */
@media (max-width: 480px) {
	#menu ul li{width: 50%; text-align: center;}
	.utility{width: 100%; float: none; margin: 10px 0;}
	#trackback .trackback ul.information {margin: 5px 0; text-align: left;}
	#trackback .trackback ul.information li {display: list-item; margin: 2px 0;}
	#comment .comment ul.information {margin: 5px 0; text-align: left;}
	#comment .comment ul.information li {display: list-item; margin: 2px 0;}
	ul.information{margin: 10px 0;}
	ul.information li{display: list-item;}
	ul.link{margin: 0; padding: 5px;}
	ul.link li{display: list-item;}
	#plugin_form dl dt{float: none; margin: 5px 0 0; width: 100%; text-align: left;}
	#plugin_form dl dd{margin: 0 0 5px; width: 100%;}
	#plugin_form ul, #plugin_form p{margin: 5px 0;}
}