@charset "UTF-8";

*{margin:0;padding:0;}
body{width:100%; position:relative; background-color: black;}
h2{color:gold; font-size:2em;}
h3{color:gold; font-size:1.5em;}
img{max-width:100%; height:auto; width:auto;}

.page{margin:0 auto;}
@media screen and (min-width: 769px){
	.contents{
		width:1000px;
		padding:0 1em 0 0;
		color: white;
		border-left:2px solid #000000;
		border-right:2px solid #000000;
	}
	.l{float:left;}
	.r{float:right;}
}
@media screen and (max-width:768px){
	.contents{
		width:768px;
		padding:0 1em 0 0;
		color: white;
		border-left:2px solid #000000;
		border-right:2px solid #000000;
	}
	.l{}
	.r{}
}
@media screen and (max-width:640px){
	.contents{
		width:640px;
		padding:0 1em 0 0;
		color: white;
		border-left:2px solid #000000;
		border-right:2px solid #000000;
	}
	.l{}
	.r{}
}
.box{padding-top:1em;}
.header{text-align:center;}
.message-body{overflow:auto;}
.message-box{
	font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Meiryo,メイリオ,sans-serif;
	background-color:white;
	color:black;
	border:3px solid #efa0a0;
	margin:10px auto;
	padding:10px 20px;
	width:450px;
	height:18em;
	-webkit-border-top-left-radius:10px;  
	-webkit-border-top-right-radius:10px;  
	-webkit-border-bottom-right-radius:10px;  
	-webkit-border-bottom-left-radius:10px;  
	-moz-border-radius-topleft:10px;  
	-moz-border-radius-topright:10px;  
	-moz-border-radius-bottomright:10px;  
	-moz-border-radius-bottomleft:10px;
}
.product{margin:1em;}
.footer{padding:20px 0px 20px 0px; text-align:center;}
.product-title{color:gold;font-size:1.2em;}
.product-body{margin:0.5em;font-size:1.2em;}
.comment{font-size:1.2em;}
.thanks{font-size:1.5em;clear:both;margin-rop:0.5em; text-align:center; margin:1em}
.user{border-bottom:1px solid black;margin-bottom:0.5em;}