@charset "UTF-8";
/* CSS Document */

/*--------Init----------*/
.clearfix:after {
  content: "　";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

.mobile{
	display:none;
}

.sub{
	text-indent:-1em;
	margin-left:1em;
	font-size:80%;
}


.snsname{
	padding:5px 20px;
	color:#FFF;
}

.mark_fb{
	background-color:#3b579d;
}

.mark_tw{
	background-color:#2ca7e0;
}


/*-------base-----*/
html{
	height:100%;
}
body{
	margin:0;
	height:100%;
	background-image:url(../images/common/master_bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-color:#fcf5d2;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper{
	width:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}

#content{
	width:100%;
	max-width:900px;
	margin:0 auto;
	box-shadow:1px 0 5px rgba(62,44,5,0.4),-1px 0 5px rgba(62,44,5,0.4);
}

h1{
	margin:0;
	padding:0;
}

h1#header img{
	width:100%;
}

#main_content{
	background-color:rgba(255,255,255,0.8);
}


.info{
	background-color:rgba(190,190,190,0.3);
	padding:2%;
	font-size:85%;
	width:91%;
	margin:0 auto;
	margin-top:3%;
	text-align:left;
	text-shadow:none;
	border:1px #999 solid;
	border-radius:5px;
}

.info .info_p{
	display:block;
	font-weight:bold;
	font-size:120%;
	border:1px #999 dotted;
	border-width:0 0 1px 0;
	padding-bottom:3px;
	margin-bottom:1%;
}


.info ol{
	margin:0;
	padding:0.2% 0;
	margin-left:2em;
	margin-top:1%;
}

#mainbox{
	width:95%;
	max-width:861px;
	margin:0 auto;
	margin-top:-2%;
}

#mainbox .mainbox_top,
#mainbox .mainbox_bottom{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

#mainbox #mainbox_middle{
	width:100%;
	background-image:url(../images/quiz/mainbox_middle.jpg);
	background-repeat:repeat-y;
	background-size:100% auto;
	padding-top:3%;
	padding-bottom:3%;
}


#mainbox #mainbox_middle #mainbox_text{
	padding:0 3%;
	text-align:center;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
	margin-top:3%;
}

#sub_content{
	background:linear-gradient(to bottom,rgba(255,255,255,0.8),rgba(255,255,255,0.3));

	padding-top:3%;
	padding-bottom:3%;

}


ul{
	width:95%;
	margin:0 auto;
	margin-top:2%;
	padding:0;
	font-size:80%;
	text-align:left;
}
ul li{
	margin-left:1.5em;
}


#btn_retry{
	max-width:244px;
	width:60%;
}

#present_list{
	width:100%;
	margin:0 auto;
	margin-top:1%;
	background-color:rgba(255,255,255,0.7);
	color:#111;
	padding:0;
	text-shadow:none;
	/*border-radius:5px;*/
}

#present_list table{
	border-collapse:collapse;
	width:100%;
	margin-top:1%;
}

#present_list table td{
	width:50%;
	border:1px #999 solid;
	padding:1%;
	font-size:80%;
	text-align:left;
	vertical-align:top;
	cursor:pointer;
	/*background:linear-gradient(to bottom,"#FFF","#ddd");*/
}

#present_list table td input,#present_list table td label{
	cursor:pointer;
}
#present_list table td label{
	vertical-align:2px;
	width:92%;
	display:inline-block;
}

#link_banners{
	text-align:center;
	margin-top:3%;
}

#link_banners img{
	width:45%;
	max-width:323px;
	margin:2%;
}

#dl_wallpaper{
	width:95%;
	max-width:861px;
	background-image:url(../images/quiz/dl_wallpaper_bg.jpg);
	background-size:100% auto;
	background-repeat:repeat-y;
	padding-top:1%;
	padding-bottom:1%;
	margin:2% auto;
}

#dl_wallpaper:before,
#dl_wallpaper:after{
	content:"";
	display:block;
	width:100%;
	height:3px;
	background-color:#d8bb80;
}

#dl_wallpaper #dl_wallpaper_p{
	max-width:515px;
	width:90%;
	display:block;
	margin:2% auto;
}

#dl_wallpaper #wallpapers{
	width:90%;
	margin:0 auto;
}

#dl_wallpaper #wallpapers .wallpaper_item{
	float:left;
	width:45%;
	max-width:338px;
	text-align:center;
	margin-right:5%;
}

#dl_wallpaper #wallpapers .wallpaper_item img{
	width:100%;
}

#dl_wallpaper #wallpapers #sizelist{
	margin-top:2%;
}
#dl_wallpaper #wallpapers #sizelist a{
	width:45%;
	display:inline-block;
	margin:0.3% auto;
	border:1px rgba(255,255,255,0.2) solid;
	background-color:rgba(0,0,0,0.1);
	border-radius:3px;
	color:#FFC;
	padding:2%;
	text-align:center;
	font-size:75%;
	text-decoration:none;
}

#dl_wallpaper #info{
	width:90%;
	padding:1%;
	background-color:rgba(255,255,255,0.8);
	color:#333;
	font-size:90%;
	text-align:left;
	margin:2% auto;
	border-radius:5px;
}



#footer{
	position:absolute;
	width:100%;
	height:120px;
	bottom:0;
	left:0;
	background-image:url(../images/common/footer_bg.jpg);
	background-repeat:repeat-x;
}

#footer_inner{
	width:98%;
	max-width:900px;
	margin:35px auto;
	margin-bottom:0;
}

#footer_inner #copyright{
	width:60%;
	max-width:498px;
	float:left;
}

#footer_inner #bnn_officialsite{
	width:45%;
	max-width:214px;
	float:right;
}

@media screen and (max-width:600px){
	#dl_wallpaper #wallpapers #sizelist a{
		width:43%;
	}
	
	#footer_inner #copyright{
	width:50%;
	max-width:498px;
	float:left;
}

@media screen and (max-width:540px){
	.mobile{
		display:block;
	}
	br.mobile{
		display:inline;
	}
	
	#footer_inner #copyright{
	width:50%;
	max-width:498px;
	float:left;
}
}