@charaset "utf-8";

@media screen and (max-width:480px){

#pagebody{
	background-color:#ffffff;
	background-image:url("./software/air.png");
	background-repeat:no-repeat;
	background-position-x:95%;
	background-position-y:72%;
	width:100%;height:100%;
	margin:0 auto;
	color:rgba(10,0,30,0.8);


}

#content{
	width:100%;
	padding:60% 0 0;
}
#content div{
	border:solid 3px rgba(255,255,255,0.8);
	background-color:rgba(255,255,255,0.8);
	position:relative;
	border-radius:50px;
}


#back1{
	display:block;
	background-image:
	radial-gradient(at 0% 10%,rgba(150,150,200,1),transparent);
	width:265px;height:100%;
	position:absolute;
	margin:120px 0 0;
	overflow:hidden;

}
#back2{
	display:none;
}
#back3{
	display:none;
}
#back4{
	position:absolute;
	right:65%;	
}
#back5{
	background-image:
	radial-gradient(at 0% 100%,rgba(120,120,255,0.5),transparent);
	width:96%;height:100%;
	position:absolute;
	margin:120px 0 0;
	border-radius:20px;
}


/*============================================
メインメニュー
============================================*/
#menu {
	position:fixed;
	z-index:5;
	top:0;left:0;
	width:100%;
	background-image:
	linear-gradient(rgba(255,255,0,0.5),#99cc00 30%,rgba(0,0,0,0.7));
	border-radius:11px;

}
#menu img {
	width:50px;
	height:50px;
}
#menu li {
	list-style-type:none;		
	float:left;
	background-image:
	linear-gradient(rgba(255,255,0,0.5),#99cc00 30%,rgba(0,0,0,0.7));		
	border-radius:11px;
	margin:0 0 0 5px;
}

#menu li a {
	text-decoration:none;
	color:#ffffff;
	font-size:24px;
	padding:0;
}

#menu li a:hover {
	color:#a0522d;
	background-color:#ffead6;
	border-radius:11px;

}

#raku{
	padding:10px 20px;
}
/*============================================
内容
============================================*/
#kasou {text-align:center;}
#kasou img{
	width:100%;height:100%;
	position:relative;
	right:0%;
}
#kasou details summary {
	list-style-type:none;
	cursor:pointer;

}
#kasou details summary:hover {
	color:#a0522d;
	background-color:#ffead6;

}

#midasi{background-color:rgba(255,100,100,0.3);}

#setumei {text-align:center;
	padding:0 0 30px;
}
#setumei details summary {
	list-style-type:none;
	cursor:pointer;
	border-radius:50px;

}
#setumei details summary:hover {
	color:#a0522d;
	background-color:#ffead6;

}
#setumei img:active{
	width:120%;height:120%;
	position:relative;
	right:12%;
}
#setumei1{width:100%;}


}