@charset"UTF-8";


body {
	color: rgba(0, 0, 0, 1.0);
	background: rgba(255, 255, 255, 1.0);
	margin: 0 auto;
	font-family: sans-serif;
	line-height: 1.7;
}

/* リンク */
	a {
		color: rgba(86, 138, 116, 1.0);
		text-decoration: none;
		font-family: serif;
		font-weight: bold;
	}
	a:hover {
		color: #333;
		position:relative;
		top:1px;
		left:1px;
	}



/* top・infoページ */

	
	

/* infoページ  */

	

	





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

	.box {
		margin: 3em 0;
	}

	/* 注意書き */
	.att {
		line-height: 1.3;
		font-size: 0.8em;
		margin: 0 0 0.5em 0;
	}
	.chara {
		font-weight: 500;
	}


	/*リンク*/
		

	

	/* 文章ページ */
	.bun {
		background: rgba(255, 255, 255, 0.7);
		margin: 0 auto;
		padding: 1.35em;
		div-align: center;
		line-height: 170%;
	}

	pink {
		color: rgba(119, 100, 134, 1.0);
	}



/*見出しなど*/

.small {
	font-size: 0.8em;
}

.bold {
	font-weight: 500;
}



.r18 {
	color: rgba(182, 45, 45, 1.0);
	font-weight: 500;
}

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



/* 文章ページの日付 */
.end {
	text-align: right;
	padding: 0 1em 0 0;
}



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

@media screen and (min-width: 767px) { /*PC　ウィンドウ幅が767px以上の場合に適用*/
	body {
		font-size: 14px;
	}
	.bun {
		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;
	}
}

@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;
	}
}



/* 名前変換 */
.form-container label {
  display: block;
  margin: .1em 0;
}
.form-container input {
  color: #555;
  background: rgba(0, 0, 0, 0);
  border: solid 1px rgba(97, 98, 102, 1.0);
  margin: 0 0.1em;
  line-height: 1.5em;
  width: 6em;
  text-align: center;
  border-radius: 0.5em;
}
.form-container {
	background: rgba(255, 255, 255, 0.7);
	margin: 2em 0;
	padding: 2em 0;
	text-align: center;
	border-radius: 1em;
}

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

	/* 選択中 */
		.form-container input:focus {
		  color: #333;
		  background: rgba(217, 227, 228, 1.0);
		  outline: none;
		}

.form-container button {
  cursor: pointer;
  color: #f5f5f5;
  background: rgba(97, 98, 102, 1.0);
  border: none;
  line-height: 1.5em;
  border-radius: 0.2em;
  padding: 0.1em 0.3em 0 0.3em;
}
.form-container button:hover {
	background: rgba(217, 227, 228, 1.0); 
	border: none;
}


/* メールフォーム */
.box-mail {
	padding: 3em 2em;
	background: rgba(255, 255, 255, 0.7);
	margin: 2em 0;
	border-radius: 1em;
}

form input[type="text"], form textarea {
	width: ;
	padding:0.5em;
	margin: 1em 0;
	display: inline-block;
	}