BODY {
	color:#999999;
	margin: 0;
	padding:0;
	text-align: center;
	overflow-x: hidden;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background:url(https://nazo2.cloud/img/background/kaibun.png);
}
/*--------------------------------------
  リンク
--------------------------------------*/
A:link {
	color:#f50028;
	font-weight:500;
	text-decoration:none;
}
A:visited {
	color:#993333;
}
A:active {
	color:#993333;
}
A:hover{
	color:#996666;
	text-underline;
}
/*--------------------------------------
  ULのデフォルト
--------------------------------------*/
ul, li{
	list-style-type:none;
	padding:0;
	margin:0;
}
/*--------------------------------------
  ヘッダー
--------------------------------------*/
header h1 {
	width: 100%;
	height: 80px;
	background:#1ec63d;
	margin: 0;
	text-align:center;
	background-color:#990033;
}
header h1 img {
	width: 100%;
	max-width:500px;
	height: auto;
}
/*--------------------------------------
  メイン
--------------------------------------*/
#main {
	width:100%;
	margin:0 auto;
}
/*--------------------------------------
　フッターリンク
--------------------------------------*/
#info {
	width:90%;
	max-width:640px;
	margin:0 auto;
}
#info li {
	float:left;
	width:25%;
	line-height:130%;
	text-align:center;
	height:35px;
	font-size:14px;
	padding:8px 5px 0 5px;	
	background-color:#990033;
	box-sizing:border-box;
	border-bottom:1px #666666 solid;
	border-right:1px #666666 solid;
}
#info li a {
	color:#999999;
}
/*--------------------------------------
　コピーライト
--------------------------------------*/
.copyright {
	color:#999999;
	font-size:14px;
	margin-top:10px;
	padding:10px 0;
	background-color:#990033;
	border-top:1px #666666 solid;
}
.copyright a{
	color:#ffffff;
	text-decoration:none;
}
/*--------------------------------------
　答えBOX
--------------------------------------*/
.answer{
	width:100%;
	max-width:640px;
	min-width:320px;
	min-height:400px;
	margin:0 auto;
	border: 5px #990033 solid;
	box-sizing:border-box;
	padding-bottom:10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align:left;
	font-size: 18px;
	background-size:cover;
	background-position: center center;
}
.answer h2{
	width:100%;
	height:50px;
	color:#999999;
	font-size:22px;
	margin:0;
	padding:14px 0 0 4%;
	box-sizing:border-box;
	background:#990033;
}
.answer h3{
	font-size:24px;
	color:#990000;
	text-shadow:2px 2px 5px #000000,-2px  2px 5px #000000,2px -2px 5px #000000,-2px -2px 5px #000000;
	font-weight:bolder;
	margin-left:10px;
	text-decoration:underline;
}
.answer p{
	text-shadow:2px 2px 5px #000000,-2px  2px 5px #000000,2px -2px 5px #000000,-2px -2px 5px #000000;
	line-height:160%;
	margin:5px;
}
/*--------------------------------------
  ヒントと答え
--------------------------------------*/
.button a{
	color:#999999;
	float:left;
	width:145px;
	text-align:center;
	text-decoration:none;
	font-size:18px;
}
.button img{
	margin-right:5px;
	vertical-align:-5px;
}
/*--------------------------------------
  ページャー
--------------------------------------*/
.pager {
	width:320px;
	margin: 0 auto;
	text-align:left;
}
.pager a{
	color:#999999;
	text-decoration:none;
	font-size:18px;
}
.pager img{
	margin-right:5px;
	vertical-align:-5px;
}
/*--------------------------------------
  問題ボックス
--------------------------------------*/
#qbox, #hint {
	text-align:left;
	width:100%;
	max-width:640px;
	min-width:320px;
	min-height:400px;
	margin:0 auto;
	padding:5px;
	border: 5px #990033 solid;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-sizing:border-box;
	background-size:cover;
	background-position: center center;
	text-shadow:2px 2px 5px #000000,-2px  2px 5px #000000,2px -2px 5px #000000,-2px -2px 5px #000000;
}
#qbox p{
	color:999999;
	font-size:18px;
	line-height:160%;
}
/*--------------------------------------
　フォローボタン
--------------------------------------*/
.follow {
	position:absolute;
	top: 2px;
	right:5px;
}
.follow img {
	height: 36px;
}

/*--------------------------------------
  広告
--------------------------------------*/
.ad_footer {
	margin: 7px 0;
	line-height:100%;
	color:#666666;
	font-size:14px;
}
.ad_article_center {
	max-width:640px;
	margin:0 auto;
	color:#666666;
	font-size:13px;
}



@media screen and (max-width: 640px){
/*--------------------------------------
  メインカラム
--------------------------------------*/
#question, .answer{
	min-height:300px;
}
/*--------------------------------------
　フォローボタン
--------------------------------------*/
.follow {
	 position:static;
}
.follow img {
	height:40px;
}
/*--------------------------------------
　フッターリンク
--------------------------------------*/
#info li {
	width:50%;
}
}