@charset"UTF-8";


body {
	color: #000;
	margin: 0 auto;
	font-family: "Noto Serif JP", serif;
	line-height: 1.7;
	background-image: url("back.png");
	background-size: 400px;
	background-attachment: fixed;
}

a {
	color: #000;
	text-decoration: none;
}
p {
		margin: 0.5em 0;
	}


/* top・firstページ */

	.top {
		font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
		font-size: 1.2em;
		line-height: 1.5;
	}
		.top .box {
			background: rgba(255, 255, 255, 0.6);
			padding: 2em 4em;
		}
		h1 {
			font-family: "Special Elite", "Noto Serif JP", serif;
			font-size: 1.5em;
			font-weight: normal;
		}
		.update {
			margin: 0;
			padding: 0;
		}
		.contents {
			padding: 0.5em 0;
			text-align: right;
		}
		.contents a {
			font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
		}

	/*リンク*/
		.top a {
		}
		.top a:hover {
		 color: #333;
		 position:relative;
		 top:1px;
		 left:1px;
		}

		/* infoページ  */
		.setsumei {
			line-height: 130%;
			font-size: 0.8em;
			padding: 0.5em 0 0 0;
			margin: -1em 0 0 0;
		}
		.information a:hover {
		 color: #333;
		 position:relative;
		 top:1px;
		 left:1px;
		}

		h4 {
			font-weight: 700;
			margin: 0.5em 0;
		}




/* テキスト一覧ページ */

	.text {
		font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
		word-break: keep-all;
		hyphens: auto;
	}

	.text a {
		font-family: "Noto Serif JP", serif;
	}
	.text a:hover {
		 color: #333;
		 position:relative;
		 top:1px;
		 left:1px;
		}

	.other a {
		font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
		font-size: 1.2em;
	}

	.box {
		margin: 3em 0;
		background: rgba(245, 245, 245, 0.7);
		padding: 1em 2em 2em 2em;
	}
	.box p {
		margin: 1em 0 0 0;
	}

	.dai {
		font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
		font-size: 1.2em;
		margin: 1em 0 0.5em 0;
	}

	.chara {
		font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
		font-size: 1.1em;
		margin: 1em 0 0 0;
		text-decoration-thickness: 2px;
		text-decoration: underline;
	}
	
	ol {
		font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
		padding: 0;
		margin: 0 0 1em 1.5em;
	}

	summary {
		padding: 1em 0 0 0;
		font-size: 1.1em;
	}


	/*リンク*/
		

	.setsumei {
			line-height: 130%;
			font-size: 0.8em;
			padding: 0.8em 0 0.5em 0;
			margin: -1em 0 0 0;
		}

	/* 文章ページ */
	.bun {
		background: rgba(245, 245, 245, 0.7);
		color: #000;
	}

	.ten {
		text-emphasis-style: filled dot;
	}

	.attention {
		font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
	}



/*見出しなど*/


h3 {
	margin: 0 0 1em 0;
	color: rgba(137, 91, 138, 1.0);
}
h4 {
	margin: 1em 0 0.5em 0;
	color: #333;
}



.kubun {
	font-family: "IM Fell DW Pica", "Roboto", "Noto Sans Serif", sans-serif;
	font-size: 1.2em;
	color: rgba(137, 91, 138, 1.0);
	margin: 0 0 0.5em 0;
}

.small {
	font-size: 0.8em;
}

.bold {
	font-weight: 500;
}

.att {
	font-family: "Noto Serif JP", serif;
	font-size: 0.8em;
	color: #777;
	padding: ;
}

.r18 {
	font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
	color: #660000;
	margin: 0 0 0 0.1em;
	font-size: 1.1em;
	font-weight: bold;
}

.eigo {
	font-family: "Roboto", sans-serif;
}

.xmas {
	font-size: 0.8em;
	color: #00533f;
}

.theater {
	font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
	color: darkblue;
	margin: 0 0 0 0.1em;
	font-weight: bold;
}



/* 文章ページの日付 */
.end {
	font-family: "IM Fell DW Pica", serif;
	text-align: right;
	padding: 0 1em 0 0;
}



/*レスポンシブ　文章ページ*/

@media screen and (min-width: 767px) { /*PC　ウィンドウ幅が767px以上の場合に適用*/
	body {
		font-size: 14px;
	}
	.bun {
		margin: 0 auto;
		padding: 1.35em;
		div-align: center;
		line-height: 170%;
		font-family: ;
		width: 500px;
	}
	.top {
		margin: 0 auto;
		padding: 2em 0;
		width: 500px;
	}
	.information {
		margin: 0 auto;
		padding: 2em 0;
		width: 500px;
	}
	.text {
		margin: 0 auto;
		padding: 1.5em;
		width: 500px;
	}
}

@media screen and (max-width: 767px) { /*タブレット　ウィンドウ幅が最大767pxまでの場合に適用*/
	body {
		font-size: 14px;
	}
	.top {
		margin: 0 auto;
		padding: 1.5em;
		div-align: center;
	}
	.information {
		margin: 0 auto;
		padding: 1.5em;
		div-align: center;
	}
	.text {
		margin: 0 auto;
		padding: 1.5em;
		div-align: center;
	}
	.bun {
		margin: 0 auto;
		padding: 1.35em;
		div-align: center;
		line-height: 170%;
	}
}

@media screen and (max-width: 479px) { /*スマホ　ウィンドウ幅が最大479pxまでの場合に適用*/
	body {
		font-size: 13.5px;
	}
	.top {
		margin: 0 auto;
		padding: 1.5em;
		div-align: center;
	}
	.information {
		margin: 0 auto;
		padding: 1.5em;
		div-align: center;
	}
	.text {
		margin: 0 auto;
		padding: 1.5em;
		div-align: center;
	}
	.bun {
		margin: 0 auto;
		padding: 1.35em;
		div-align: center;
		line-height: 170%;
	}
}



/* 名前変換 */
.form-container label {
  display: block;
  margin: .1em 0;
}
.form-container input {
  color: #555;
  background: rgba(0, 0, 0, 0);
  border: solid 1px #333;
  margin: 0 0.1em;
  line-height: 1.5em;
  width: 4.5em;
  text-align: center;
  border-radius: 0.5em;
  font-family: "Noto Sans Serif", sans-serif;
}
.form-container {
	margin: 2em 0;
	background: rgba(245, 245, 245, 0.7);
	padding: 2em 0;
	text-align: center;
}
.form-container a {
	font-family: "IM Fell DW Pica", "Noto Serif JP", serif;
	font-size: 1.2em;
}

	/* マウスオーバー */
		.form-container input:hover {
		  background: rgba(137, 125, 138, 0.5);
		}

	/* 選択中 */
		.form-container input:focus {
		  color: #333;
		  background: rgba(137, 125, 138, 0.7);
		  outline: none;
		}

.form-container button {
  cursor: pointer;
  color: #f5f5f5;
  background: #333;
  border: none;
  line-height: 1.5em;
  border-radius: 0.2em;
  padding: 0.1em 0.3em 0 0.3em;
}
.form-container button:hover {
	background: #896e8a; 
	border: none;
}