@font-face{
	font-family:'NotoSerifCJKjp';
	font-style:normal;
	font-weight:400;
	src:url('../../font/NotoSerifCJKjp.woff') format('woff'),
	url('../../font/NotoSerifCJKjp.eot')  format('eot');
}
@font-face{
	font-family:'NotoSerifCJKjp';
	font-style:normal;
	font-weight:700;
	src:url('../../font/NotoSerifCJKjp-bold.woff') format('woff'),
	url('../../font/NotoSerifCJKjp-bold.eot')  format('eot');
}
*,*:before,*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing: border-box;
}
body{
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#ffffff;
}
body,td,input,select,textarea{
	font-size:100%;
	font-family:'NotoSerifCJKjp','Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo','sans-serif';
}
a:link{
	color:rgba(30,80,255,1);
	font-weight:bold;
	text-decoration:none;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
}
a:visited{
	color:rgba(30,80,255,1);
	font-weight:bold;
	text-decoration:none;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
}
a:hover{
	color:#ffffff;
	background-color:rgba(0,0,0,1);
	font-weight:bold;
	text-decoration:none;
}
a:active{
	color:#ffffff;
	background-color:rgba(0,0,0,1);
	font-weight:bold;
	text-decoration:none;
}
#head{
	background:rgba(255,255,255,1);
	background-image:url("./img/wood.gif");
	width:100%;
	margin:0 auto;
	padding:0px;
	text-align:center;
	box-shadow:0px 3px 5px rgba(200,200,200,1);
}
.title-image{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:800px;
	box-shadow:15px 0px 0px rgba(160,120,80,1),-15px 0px 0px rgba(160,120,80,1);
}
#body{
	margin:1.5em auto;
	background-image:url("./img/backimage-massage.jpg");
	background-position:right bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#form{
	border-collapse:collapse;
	margin:1em auto;
	width:80%;
	border:1px solid #666666;
}
#form th{
	background:rgba(220,235,255,1);
	text-align:left;
	vertical-align:top;
	width:33%;
	padding:1%;
	border-bottom:1px solid #666666;
}
#form td{
	background:rgba(255,255,255,0.5);
	text-align:left;
	vertical-align:top;
	width:63%;
	padding:1%;
	border-bottom:1px solid #666666;
}
.sample-image{
	display:block;
	margin:5 auto;
	border-radius:0px;
	width:auto;
	max-width:100%;
}
.text-candle{
	display:block;
}
p.btn{
	margin:0 auto;
	text-align:center;
}
p.btn input{
	font-size:110%;
	font-weight:bold;
}

h2{
	font-size:100%;
	text-align:left;
	border-left:solid 7px #ef002d;
	border-bottom: 1px solid #666666;
	padding:1%;
	margin:1.5em auto;
	width:78%;
}
ul.setsumei{
	margin:1em auto;
	width:77%;
	padding:1% 0px 1% 3%;
	text-align:left;
	background:rgba(255,230,220,0.5);
	border-radius:5px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
ol.setsumei-yoyakunonagare{
	margin:1em auto;
	width:77%;
	padding:1% 0px 1% 3%;
	text-align:left;
	background:rgba(200,255,230,0.5);
	border-radius:5px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
ol.setsumei-toujitsunonagare{
	margin:1em auto;
	width:77%;
	padding:1% 0px 1% 3%;
	text-align:left;
	background:rgba(200,230,255,0.5);
	border-radius:5px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

p.msg{
	width:80%;
	margin:2em auto;
	text-align:left;
	color:#dd0000;
	font-weight:bold;
}
span.msg{
	color:#dd0000;
}

form.back {
	margin:2em auto;
}

/*入力部分のスタイルシート*/
.input-style{
	border:solid 1px rgba(140,140,140,1);
	background-color:rgba(255,255,255,1);
	font-size:16px; /*スマートフォン等で入力するときの画面ズームイン防止(font-sizeが16px以上ならズームインされない)*/
	font-weight:bold;
	border-radius:2px;
}

/* スマホ用 */
@media only screen and (max-width:800px){
	body{
		background-image:url("");
	}
	#body{
		margin:5 auto;
		background-size:80% auto;
	}

	/* 投稿フォーム */
	#form{
		margin:10 auto;
		width:95%;
		box-sizing:inherit;
	}
	#form th{
		display:block;
		width:100%;
		text-align:left;
		vertical-align:top;
		padding:2%;
	}
	#form td{
		display:block;
		width:100%;
		text-align:left;
		vertical-align:top;
		padding:2%;
	}

	/* 小見出し */
	h2{
		margin:1em auto;
		width:80%;
	}

	/* サンクス */
	p.msg{
		margin:1em auto;
		width:80%;
	}
}