@charset "iso-2022-jp";
/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; -webkit-text-size-adjust: 100%; line-height: 1;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);}
img,iframe { border:none;}
ol,ul { list-style:none; list-style-type: none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cRed, .err { color:#8f2426;}
.stred{color:#8f2426;}
/*font-size*/
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:underline; color:#fff;}
a:hover { text-decoration:underline; color:#a90807;}
#form #close a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
body {background:none; letter-spacing: 1px;}

/*msg*/
#msg #formarea {width:96%; margin:0 auto; text-align:left; max-height: 100%; padding-bottom:1px; color:#fff;}
#msg .entry{width:100%; margin:0 auto 30px; padding:20px 0 15px;}
#msg h3 {font-weight:bold; font-size:120%; padding:0 0 0 5px; margin:0 20px 0; text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807;}
#msg #formarea p.txt { padding:10px 25px; line-height:1.8;}
#msg #pageidx{padding:10px 10px 20px; line-height:1.5;}
#msg #pageidx strong{color:#a90807;}
#msg #pageidx a{padding:2px 5px; text-decoration: none;}
#msg #pageidx a:hover{ filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; text-decoration: underline;}
#msg .hn{text-align:right; margin:15px 0 0; font-size:90%;}
#msg .hn span{padding:2px 5px;}

/*form*/
#form {padding:20px 20px 0; background: url(../img/bg.jpg) ; color:#fff; letter-spacing: 1px;}
#form h1{width:307px; height:74px; background-size: contain; margin:1.5em auto 1em; background-repeat: no-repeat; background-position: 0 0; background-image:url(../img/ttl_msg.png);}
#form h2 {font-size:125%; border-bottom:2px solid #111; padding:10px 0;}
#form dl dt {padding:10px 0 0;}
#form .inner{ margin:0 auto 0; padding:10px 20px; text-align:left; background: url(../img/noise.jpg); box-shadow:0 0 30px rgba(98,6,8,1);}
#form .inner p { line-height:1.7; text-align:left; padding:20px 10px 0;}
#form #close { margin:40px auto 0; text-align:center; font-size:120%;}
#form #close a{ border:1px solid #fff; padding:12px 60px; text-decoration:none; color:#fff;}

#form .post { margin:10px auto;}
#form p.thanks{ padding:80px 0 100px; text-align:center;}

/*table*/
main table {width:100%;}
main table, main table th, main table td, main form input, main form textarea {box-sizing:border-box;}
main table th, main table td {
	font-size:95%;
	line-height:1.5;
}
main table td span {
	font-size:12px !important;
}
main table th {
	background-color:#2a2a2a;
}
main form input, main form textarea {
	margin:0 0 5px;
	padding:3px;
	border:#111 1px solid;
	font-size:100%;
	line-height:1.5;
}
main form textarea {
	line-height:1.5;
	resize:none;
}
main form input[name="title"], main form textarea {
	width:100%;
}
main form input[name="age"] {
	width:7em;
}
@media all and (min-width: 768px)  {
	main table th, main table td {
		padding:12px;
	}
	main table th {
		width:30%;
		text-align:right;
	}
	main table tr:nth-child(even) th {
		background-color:#2a2a2a;
	}
	main form input[name="handle"] {
		width:18em;
	}
	main form textarea {
		height:15em;
	}
}
@media all and (max-width: 767px)  {
	main table th, main table td {
		display:block;
		width:100%;
	}
	main table th {
		display:block;
		width:100%;
		font-size:90%;
		padding:5px 0 5px 10px;
		margin-bottom:6px;
	}
	main table td {
		margin-bottom:15px;
	}
	main form input, main form textarea {
		font-size:16px !important;
	}
	main form input[name="handle"] {
		width:12em;
	}
	main form textarea {
		height:9em;
	}
}


/*button*/
div.btns {margin:30px 0 20px; text-align:center;}
div.btns button {
	width:30%;
	color:#fff;
	font-weight:bold;
	-webkit-appearance: none;
	background-color:#7a0f18;
	border:none;
	font-size:100%;
	box-sizing:border-box;
	padding:1em;
	cursor:pointer;
}
@media all and (min-width: 768px)  {
#form .inner{ width:80%;}
	div.btns button.btn-submit {
		margin-right:10px;
	}
}
@media all and (max-width: 767px)  {
div.btns {margin:1em 0;}
div.btns button {width:45%; padding:.5em; font-size:90%;}

#msg .entry{width:100%; margin:0 auto 30px; padding:20px 0 15px;}
#msg h3 {font-size:90%; padding:0; margin:0;}
#msg .entry{margin:0 auto 20px; padding:15px 0 15px;}
#msg #formarea p.txt { padding:10px 0; line-height:1.5; font-size:80%;}
#msg #pageidx{padding:0 5px 10px; line-height:1.3; font-size:75%; letter-spacing:1;}
#msg #pageidx a{padding:2px 0;}
#msg .hn{text-align:right; margin:10px 0 0; font-size:70%;}
#form h1{width:246px; height:59px; margin:1.5em auto 1em;}
#form .inner{ width:100%; padding:10px 10px;}
#form h2 {font-size:95%;}
#form #close { font-size:100%;}
#form .inner p { line-height:1.5; text-align:left; padding:20px 2px 0; font-size:80%;}
}