html,body,div,span,iframe,h1,h2,h3,h4,p,pre,del,em,img,b,i,dl,dt,dd,ol,ul,li,form,table,tbody,tr,th,td,article,aside,footer,header,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box}
article,aside,footer,header,nav,section{display:block}
body{line-height:1;overflow-wrap:break-word;word-wrap:break-word}
input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;vertical-align:middle;box-sizing:border-box}
a{margin:0;padding:0;text-decoration:none;outline:none;font-size:100%;vertical-align:baseline;background:transparent}
a img{border-style:none}
ul,li{list-style-type:none}
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}

/* ===================================
背景,文字,リンク設定
=================================== */
html{
	font-size:68%
	}
	body{
	background:url(../image/back01.gif) #fff;
	color:#404040;
	font-family:"Noto Sans JP", serif;
	font-size:1.2em;
	line-height:1.7;
	margin:22px
	}
	
	/*  リンク
	------------------------------ */
	a{
	color:#000000
	}
	a:hover{
	color:#999;
	text-decoration:underline
	}
	#contents a{
	color:#6d8ec6 }
	
	.selector {
		font-feature-settings: "palt";
	  }
	
	/* ===================================
	基本
	=================================== */
	
	#wrapper{
	margin:0 auto;
	width:550px /* 全体の幅・大きさはここで変更 */
	}
	header{
	background:#fff;
	border:1px solid #000;
	border-radius:3px;
	margin-bottom:10px
	}
	.header-inner{
	padding:8px
	}
	#contents{
	background:#fff;
	border:1px solid #000;
	border-radius:3px;
	margin-bottom:10px;
	padding:5px 16px 16px
	}
	footer{
	padding:0 0 5px;
	text-align:center
	}
	/* 画像の縮小表示 */
	img{
	height:auto;
	max-width:100%
	}
	
	/* ===================================
	メニュー
	=================================== */
	@media screen and (max-width:480px) {
		.pc {
			display: none;
		}
	}
	@media screen and (min-width:481px) {
		.sp {
			display: none;
		}
	}
	#menu{
	background:#fff;
	border:1px solid #000;
	border-radius:3px;
	color:#ccc;
	margin-bottom:10px;
	padding:5px 13px;
	width:100%
	}
	nav li{
	display:inline-block; /* 横並び */
	position:relative; /* サブメニュー表示位置の基準 */
	height:2em;line-height:2em; /* メニュー高さ */
	}
	nav li a,nav li span{
	color:#000;
	display:inline-block;
	margin:0 5px
	}
	nav > ul > li + li:before{
	content:"│"
	}
	/*  サブメニュー
	------------------------------ */
	.sub-menu{
	background:rgba(0, 0, 0, 0.8);
	position:absolute;
	width:180px; /* サブメニュー幅 */
	z-index:20
	}
	.sub-menu li{
	display:block; /* 横並びをリセット */
	height:0; /* 隠す */
	width:100%;
	visibility:hidden; /* 隠す */
	overflow:hidden /* 隠す */
	}
	.sub-menu li a{
	color:#fff;
	display:block;
	margin:0;
	padding:0 5px
	}
	.sub-menu li a:hover{
	background:rgba(0, 0, 0, 0.5)
	}
	nav li:hover .sub-menu li{
	height:2em;line-height:2em; /* サブメニュー高さ */
	visibility:visible;
	overflow:visible;
	transition: .5s
	}
	/*  メニューを開くボタン非表示
	------------------------------ */
	#open{display:none}
	
	/* ===================================
	ページ上部へのリンク、著作権表示
	=================================== */
	
	/*  位置はscroll.jsで設定 
	------------------------------ */
	#pagetop{
	background:rgba(0,0,0,.8);/* 背景 */
	color:#fff;/* 色 */
	border-radius:5px;
	display:block;
	padding:10px;
	position:fixed;
	text-align:center;
	z-index:10
	}
	#pagetop:hover{
	background:rgba(0, 0, 0, 0.5)
	}
	#fl a{
	display:inline-block;
	margin:10px 0
	}
	
	/* ===================================
	見出し、枠、線
	=================================== */
	
	h1{
	font-size:1.4em;
	line-height:1;
	margin-bottom:10px
	}
	h2{
	border-bottom:1px solid #000;
	font-size:1.1em;
	margin:20px 0
	}
	h3{
	background:url(../image/icon03.jpg) no-repeat 0 60%;
	border-bottom:1px dashed #000;
	font-size:1em;
	font-weight:500;
	margin:20px 0;
	padding-left:15px
	}
	h4{
	font-size:0.8em;
	font-weight:400;
	}
	dt{
	clear:both;
	font-weight:700;
	float:left;
	margin:0 0 5px;
	width:160px
	}
	dd{
	border-bottom:1px solid #ccc;
	margin:0 0 5px 160px
	}
	em{
	background:#ccc;
	font-weight:700
	}
	input,textarea{
	background:#fff;
	border:1px solid #000;
	color:#999;
	margin:3px 0;
	width:200px
	}
	textarea{
	height:50px
	}
	hr{
	border:0;
	border-top:1px solid #ccc;
	display:block;
	margin:1em 0;
	padding:0;
	height:1px
	}
	.marker{
	background:#ffe4e2;
	background:-webkit-linear-gradient(rgba(37,244,244,0) 60%, #ffe4e2 0%);
	background:linear-gradient(rgba(37,244,244,0) 60%, #ffe4e2 0%);
	padding:0 2px
	}
	.dcline{
	border-left:4px solid #000;
	margin:5px 0;
	padding:3px
	}
	.textbox{
	border:1px solid #ffc0bb;
	border-radius:3px;
	margin:0 18px ;
	text-align:left
	}
	.title{
	color:#ccc;
	font-size:1.5em;
	font-weight:700;
	margin:2em 0;
	text-align:right
	}
	.txt{
	border-left:1px solid #666;
	margin:1em;
	padding:0 0 0 1em
	}
	.frame{
	background:#fff;
	border-radius:3px;
	padding:6px;
	box-shadow:4px 4px 5px #999
	}
	.line{
	background:url(../image/line01.gif) repeat 0 0;
	line-height:11px;height:11px
	}
	
/* ========================== */
/* ▼投稿の補足表示 */
	
		/* ▼投稿日時のリンク */
		/* ‥‥‥‥‥‥‥‥‥ */
		.postdate {
			display: inline-block;		/* インラインブロック化 */
			color: rgb(66, 66, 66);				/* 文字色 */
			margin: 1em 0 0 0;					/* 外側の余白 */
			line-height: 1;				/* 行の高さ */
			border-bottom:1px solid #000;
		}
		/* 日付 */
		.postdate .date {
			font-weight: bold;			/* 太字 */
		}
/* …………… */
	/* ▼投稿本文 */
	/* …………… */
	.comment {
		margin: 2em 0 2.5em;	/* 外側の余白 */
		padding: 0em;			/* 内側の余白 */
		line-height: 1.7;	/* 行の高さ */
	}

		/* ▼続きを読むリンク（ボタン） */		/* ※注：「続きを読む」機能は、JavaScriptが無効な閲覧環境では機能せず、その場合はボタンも表示されません。 */
		/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
		/* ▽ボタン枠の装飾(共通) */
		.readmorebutton {
			display: inline-block;	/* インラインブロック化 */
			padding: 1px 0.5em;		/* 内側の余白 */
			margin: 0 1px;			/* 外側の余白 */
			border: 1px solid #bbb;	/* 枠線の装飾 */
			border-radius: 0.2em;	/* 枠線の角丸 */
		}
		/* ▽ボタン表面の装飾(共通) */
		.readmorebutton:link,
		.readmorebutton:visited {
			background-color: #eee;	/* 背景色(グラデーション非対応の環境のみ) */
			color: darkblue;		/* 文字色 */
			text-decoration: none;	/* リンク装飾を消す */
		}

		/* ▽開く（続きを読む）ボタン専用の装飾 */
		.readmorebutton.readmoreopen {
			font-size: 0.8em;		/* 文字サイズ */
		}

		/* ▽閉じる（畳む）ボタン専用の装飾 */
		.readmorebutton.readmoreclose {
			font-size: 0.75em;		/* 文字サイズ */
		}

		/* ‥‥‥‥‥‥ */
		/* ▼カテゴリ名 */
		/* ‥‥‥‥‥‥ */
		.categories {
		}
			/* ▽カテゴリリンク1つ */
			.categorylink {
				display: inline-block;
				text-decoration: none;		/* リンクの下線を消す */
				background:#ffe4e2;
background:-webkit-linear-gradient(rgba(37,244,244,0) 60%, #ffe4e2 0%);
background:linear-gradient(rgba(37,244,244,0) 60%, #ffe4e2 0%);
padding:0 2px
			}
			/* ▽カテゴリリンクにマウスが載ったとき */
			.categorylink:hover {
				text-decoration: underline;	/* 下線を表示 */
			}
			/* ▽カテゴリ間のセパレータ */
			.catseparator {
				display: inline-block;
				margin: 0 4px;			/* 左右に1pxの余白 */
				color: gray;			/* 文字色 */
			}

				/* ▽カテゴリアイコン */
				.categoryicon img {
					height: 1.2em;
					width: auto;
					vertical-align: text-top;
					margin: 0 1px;
				}
/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	text-align: center;		/* 中央寄せ */
}

	/* ------------------------------------ */
	/* ▼ページ前後移動リンク群ボックス全体 */
	/* ------------------------------------ */
	.pagelinks {
		margin: 0.15em;		/* 外側の余白 */
	}

	/* ▼ページ移動リンクの文字 */
	.pagelinks a {
		font-weight: bold;	/* 太字 */
	}

	/* -------------------------------- */
	/* ▼ページ番号リンク群ボックス全体 */
	/* -------------------------------- */
	p.pagenums {
		margin: 0.5em;		/* 外側の余白 */
	}

	/* ▼ページ番号リンクの数字 */
	.pagenums a.pagenumlink {
		margin: 0px 2px 0px 2px;	/* 外側の余白 */
		padding: 0.2em 0.5em;		/* 内側の余白 */
		font-size: 1em;				/* 文字サイズ */
		font-weight: bold;			/* 太字 */
	}
	/* ▽現在のページ番号の装飾 */
	a.pagenumhere {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: rgb(231, 231, 231);	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 0.2em;			/* 角丸 */
	}
	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: rgb(255, 227, 225);	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 0.2em;		/* 角丸 */
	}

	/* ------------------------------------ */
	/* ▼限定解除リンク(＝HOMEに戻るリンク) */
	/* ------------------------------------ */
	.pagehome {
		margin: 0.15em;		/* 外側の余白 */
		font-weight: bold;	/* 太字 */
	}

/* ========== */

	/* ------------------------------ */
	/* ▼日付一覧リスト・日付検索区画 */
	/* ------------------------------ */
	.datelistarea {
		margin: 0;	/* 外側の余白量 */
		padding: 0;	/* 内側の余白量 */
	}
	/* ▼見出し */
	.datelistarea .cornertitle {
		margin: 0;							/* 外側の余白量 */

	}

		/* …………………………… */
		/* ▼日付リンクリスト区画 */
		/* …………………………… */
		/* ▽日付リスト(年単位) */
		.datelimitlist {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0 0 0 20px;	/* 内側の余白量 */
			padding: 0.1em 0.5em 0.5em 1.5em;		/* 内側の余白量 */
			border-radius: 0.5em;	/* 角丸 */
			font-size: 0.9em;
		}
		/* ▽日付リスト(月単位) */
		.datelimitsublist {
			margin: 0;				/* 外側の余白量 */
			padding: 0 0 0 5px;		/* 内側の余白量 */
			list-style-type: none;	/* リストの先頭記号(なし) */
			font-size: 0.9em;		/* 文字サイズ */
		}
			/* ――――――――――――――――――――――――― */
			/* ▽年表記が単独で存在する場合に、月表示を横に並べる */	/* 縦に並べたい場合は、この区画を削除して下さい。 */
			/* ――――――――――――――――――――――――― */
			.datelimitlist .datelimitsublist .datelimit-month {
				display: inline-block;
				margin: 0 0.9em 0 0;
				border-bottom:1px solid #000
			}
			/* ―――――――――――――――――――――――――――――――――――― */
			/* ▽年表記が単独で存在する場合に、月リンク内に含まれる年表記を非表示にする */	/* 年表記も表示したい場合は、この区画を削除して下さい。(詳細解説→ https://www.nishishi.com/cgi/tegalog/custom/#customizecss-datelist ) */
			/* ―――――――――――――――――――――――――――――――――――― */
			.datelimitlist .datelimitsublist .year {
				display: none;
			}

		/* ▽日付リスト内の該当件数 */
		.datelimitlist .num {
			font-size: 0.85em;		/* 文字サイズ */
			color: #66a;			/* 文字色 */
			margin-left: 0.3em;		/* 外側左の余白量 */
		}

	/* ------------------------ */
/* -------------------- */
	/* ▼カテゴリツリー区画 */
	/* -------------------- */
	.categoryarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
	}
	.categoryTree {
	}
		/* ▽カテゴリツリー */
		.categoryTree ul {
			padding-left: 30px;
			list-style-type: disc;
		}
		/* ▽カテゴリツリー内の該当件数 */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.4em;
			font-size: 0.9em;
			color: #66a;
		}

		/* ………………………………………………………………………………………… */
		/* ▼カテゴリツリー内の各要素（アイコン・カテゴリ名・該当件数・概要等） */
		/* ………………………………………………………………………………………… */
		/* ▽カテゴリアイコン */
		.categoryTree .caticon img {
			height: 1.2em;				/* アイコンの高さを1.2文字分に制限する */
			width: auto;				/* アイコンの横幅は自動調整する */
			vertical-align: text-top;	/* アイコンの上端位置をテキストの上端に合わせる */
		}

		/* ▽カテゴリ名 */
		.categoryTree .cattext {
			font-size: 0.9em;
			border-bottom:1px solid #000}

		/* 間隔調整：カテゴリアイコンとカテゴリ名が並ぶ際には間隔を空ける */
		.categoryTree .caticon + .cattext,
		.categoryTree .cattext + .caticon {
			margin-left: 3px;
		}

		/* ▽該当件数 */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.4em;
			font-size: 0.9em;
			color: #aaa;
		}
	
/* ============ */
/* 検索ボタン */
.searchbox .submitbutton {
	display: inline-block;		/* インラインブロック化 */
	margin: 0 0 0 3px;			/* 外側の余白 */
	padding: 0.25em 0.67em;		/* 内側の余白 */
	background-color: rgb(255, 255, 255);	/* 背景色 */
	color: rgb(0, 0, 0);				/* 文字色 */
	border: 1px solid rgb(0, 0, 0);	/* 枠線 */
	border-radius: 1em;			/* 角丸 */
	font-size: 0.8em;			/* 文字サイズ */
	font-weight: bold;			/* 太字 */
}
.searchbox .submitbutton:hover {
	background-color: rgb(197, 197, 197);		/* 背景色 */
	color: white;				/* 文字色 */
}

/* ■フッタ領域 */
/* ============ */
footer {
	margin: 1em 0;			/* 外側の余白 */
	padding: 0;				/* 内側の余白 */
	text-align: center;		/* 中央寄せ */
}
	/* Powered-by表記のデザイン */
	.poweredby {
		margin: 1em;
		font-size: 0.85em;
	}
	.kanri {
		margin: 1em;
		font-size: 0.3em;
		text-align: left;
	}
/* ===================================
スマホ、タブレット用
横幅480pxで切り替え
=================================== */

@media screen and (max-width: 480px){
body{
font-size:1.4em;
margin:25px
}
#wrapper{
padding:0;
position:relative;
width:100%
}
h1{
padding-right:50px;
min-height:40px
}
/* 画像の縮小表示 */
img{
height:auto;
max-width:100%
}
dt{float:none;clear:none;width:auto}
dd{margin-left:20px}

/* ===================================
スマホ、タブレット用メニュー
=================================== */

/*  スライド
------------------------------ */
#menu{
background:rgba(0, 0, 0, 0.9); /* 背景色 */
display:none;
margin:0;padding:0;
position:absolute; /* 表示位置固定 */
left:0;
z-index:20
}
nav li{
display:block; /* 横並び解除 */
height:auto;line-height:inherit /* 高さリセット */
}
nav > ul > li+li:before{
content:""
}
nav > ul > li+li{
border-top:1px solid #666
}
nav li a,nav li span{
color:#fff;
display:block;
margin:0;
padding:10px 20px; /* リンクの余白 一列の高さはここで調節 */
position:relative
}
nav li a:hover,.sub-menu li a:hover,nav li span:hover{
background:rgba(0,0,0,.6);
color:#fff
}
/*  サブメニュー
------------------------------ */
.sub-menu{
background:rgba(205, 212, 209, 0.1);
border-top:1px dashed #666;
display:none; /* 隠す */
position:static;
width:100%;
z-index:auto
}
.sub-menu li{
display:inline-block;/* 一列ごとにするならここを削除 */
height:auto; /* 高さリセット */
width:50%; /* 一列ごとにするならここを削除 */
visibility:visible; /* リセット */
overflow:visible /* リセット */
}
.sub-menu li a{
padding:10px 20px /* リンクの余白 一列の高さはここで調節 */
}
.sub-menu li a:after{
display:none
}
nav li:hover .sub-menu li{
height:auto;line-height:inherit /* 高さリセット */
}
/*  メニューの「>」
------------------------------ */
nav li span:after{
border-top:3px solid #fff; /* 色 */
border-right:3px solid #fff; /* 色 */
content:"";
display:block;
margin-top:-5px;
position:absolute;
top:50%;right:20px;
height:5px;width:5px;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
transition:.2s
}
nav li span.open:after{
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
/*  メニューを開くボタン
------------------------------ */
#open{
display:inline-block;
position:absolute;
height:40px;width:40px;/* 大きさ */
top:5px;right:10px/* headerを基準にした位置 */
}
#open-icon,#open-icon:before,#open-icon:after{background:#000} /* 線の色 */
#open-icon{display:block;margin:-1px 0 0 -10px;position:absolute;top:50%;left:50%;height:2px;width:20px}
#open-icon:before,#open-icon:after{content:"";display:block;position:absolute;top:50%;left:0;height:2px;width:20px;transition:.3s}
#open-icon:before{margin-top:-8px}
#open-icon:after{margin-top:6px}
#open .close{background:transparent}
#open .close:before,#open .close:after{margin-top:0}
#open .close:before{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#open .close:after{-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}

}