@charset"UTF-8";
* {
  margin: 0;
  padding: 0
}
body {
   text-size-adjust: 100%; 
   font-family: 'M PLUS Rounded 1c', sans-serif;
   font-weight: 400;
   line-height: 1.4em;	
   background-color:#4faad5;
   margin:0px;
   padding:0px;
   text-align:center;
}
#wrapper{
	position:relative;
	width:100%;
	height:auto;
	margin: auto;
	text-align:center;
}
.infobox00{
	position: relative;
	width:auto;
	height:auto;
	padding: 3px 3px 3px 3px;
	border-radius: 16px 16px 16px 16px;
}
.infobox02{
	position: relative;
	width:auto;
	height:auto;
	padding-left: 5%;
	padding-right: 5%;
	padding-top:6px;
	padding-bottom:6px;
	text-align:left;
	color:#000030;
	text-shadow: 0px 0px 4px rgba(255,255,255,0);
	border-radius: 12px 12px 12px 12px;
}
.answerbox{
	position: relative;
	width:94%;
	margin: auto;
	border-radius: 16px 16px 16px 16px;
    background: linear-gradient(#ebebff, #ebebff);
}
.save{
	text-align:center;
	font-size: 1.5rem;
	margin: 2%;
}
.savetext{
   line-height: 1.5em;	
}
.answerbold{
	font-size:1.3rem;
}
.wallpaperline{
	border: solid #4f3759 2px;
	width:100%;
	height:auto;
}
.dlbox{
	position:relative;
	padding: 2%;
}
.arrowsize{
	width: 20%;
}
/*-----------------------------------------------------
                   コピーライト
------------------------------------------------------*/
.copyright{
	color:#0e3345;
	font-size: 0.8rem;
}

.resizeimage{
	width:100%;
	height:auto;
}
@media screen and (min-width:520px) {/* 520px以上の場合に適用 */
	.answerbox{
		font-size: 1.25rem;
	}
	.infobox02{
		font-size: 1.25rem;
		
	}
	.save{
		font-size: 1.625rem;
		
	}
	.answerbold{
		font-size: 1.4375rem;
		
	}
	.copyright{
	font-size: 1rem;
}
}
@media screen and (min-width:960px) {/* 960px以上の場合に適用 */
#wrapper {
    width: 100%;
    margin: 0px auto;
    max-width: 960px;
	}
	.answerbox{
		font-size: 1.5rem;	
	}
	.infobox02{
		font-size: 1.5rem;
		
	}
	.save{
		font-size: 1.625rem;
		
	}
	.answerbold{
		font-size: 1.6875rem;
		
	}
	.copyright{
	font-size: 1.2rem;
}
}

/*-----------------------------------------------------
                   スペーサー
------------------------------------------------------*/

.hspaceS{
	position:relative;
	width:100%;
	height:2px;
	overflow:hidden;
}

.hspaceM{
	position:relative;
	width:100%;
	height:4px;
	overflow:hidden;
}

.hspaceL{
	position:relative;
	width:100%;
	height:18px;
	overflow:hidden;
}