@charset "UTF-8";
/* 全体背景 */
body {
	background-attachment: scroll;
	-webkit-background-size: contain, contain, 230px, 300px;
	background-size: contain, contain, 230px, 300px;
	background-position: 0% 65%, 0% 10%, 0px 0%, 0% bottom;
	background-repeat: no-repeat, no-repeat, repeat-x, repeat-x;
}
/*season color*/
.s01 {
	background-color:#fffdde;
	background-image:url("../cimg/s/01/bg_middle.png"),url("../cimg/s/01/bg_middle.png"),url("../cimg/s/01/bg_top.png"),url("../cimg/s/01/bg_foot.png");
}
.s02 {
	background-color:#feeae9;
	background-image:url("../cimg/s/02/bg_middle.png"),url("../cimg/s/02/bg_middle.png"),url("../cimg/s/02/bg_top.png"),url("../cimg/s/02/bg_foot.png");
}
.s03 {
	background-color:#77edfb;
	background-image:url("../cimg/s/03/bg_middle.png"),url("../cimg/s/03/bg_middle.png"),url("../cimg/s/03/bg_top.png"),url("../cimg/s/03/bg_foot.png");
}
.s04 {
	background-color:#40dffd;
	background-image:url("../cimg/s/04/bg_middle.png"),url("../cimg/s/04/bg_middle.png"),url("../cimg/s/04/bg_top.png"),url("../cimg/s/04/bg_foot.png");
}
.s05 {
	background-color:#ffdff4;
	background-image:url("../cimg/s/05/bg_middle.png"),url("../cimg/s/05/bg_middle.png"),url("../cimg/s/05/bg_top.png"),url("../cimg/s/05/bg_foot.png");
}
.s06 {
	background-color:#fef5c8;
	background-image:url("../cimg/s/06/bg_middle.png"),url("../cimg/s/06/bg_middle.png"),url("../cimg/s/06/bg_top.png"),url("../cimg/s/06/bg_foot.png");
}
.s07 {
	background-color:#4f2ebb;
	background-image:url("../cimg/s/07/bg_middle.png"),url("../cimg/s/07/bg_middle.png"),url("../cimg/s/07/bg_top.png"),url("../cimg/s/07/bg_foot.png");
}
.s08 {
	background-color:#080577;
	background-image:url("../cimg/s/08/bg_middle.png"),url("../cimg/s/08/bg_middle.png"),url("../cimg/s/08/bg_top.png"),url("../cimg/s/08/bg_foot.png");
}
.s09 {
	background-color:#45510F;
	background-image:url("../cimg/s/09/bg_middle.png"),url("../cimg/s/09/bg_middle.png"),url("../cimg/s/09/bg_top.png"),url("../cimg/s/09/bg_foot.png");
}
.s10 {
	background-color:#E5BDFC;
	background-image:url("../cimg/s/10/bg_middle.png"),url("../cimg/s/10/bg_middle.png"),url("../cimg/s/10/bg_top.png"),url("../cimg/s/10/bg_foot.png");
}
.s11 {
	background-color:#0500cc;
	background-image:url("../cimg/s/11/bg_middle.png"),url("../cimg/s/11/bg_middle.png"),url("../cimg/s/11/bg_top.png"),url("../cimg/s/11/bg_foot.png");
}
.s12 {
	background-color:#fffeed;
	background-image:url("../cimg/s/12/bg_middle.png"),url("../cimg/s/12/bg_middle.png"),url("../cimg/s/12/bg_top.png"),url("../cimg/s/12/bg_foot.png");
}

/* NEWS AREA */
.area_new { background-color: #6C100E; }
/* MOVIE AREA */
.area_movie { background-color: #120655; }
/* APP INFO AREA */
.area_dl { background-color:#ffe3c5; }
/* GAME HOW TO AREA */
.contents { background-color:#ffc5cb; }
/*season color*/
.s01 .area_new { background-color: #ea1f19; }
.s02 .area_new { background-color: #842136; }
.s03 .area_new { background-color: #abcf53; }
.s04 .area_new { background-color: #fbf9af; }
.s05 .area_new { background-color: #8ae4ff; }
.s06 .area_new { background-color: #354c2f; }
.s07 .area_new { background-color: #0f147c; }
.s08 .area_new { background-color: #b60f02; }
.s09 .area_new { background-color: #6c270a; }
.s10 .area_new { background-color: #4e4f54; }
.s11 .area_new { background-color: #fdf139; }
.s12 .area_new { background-color: #7f0502; }
.s01 .area_movie { background-color: #f8e98c; }
.s02 .area_movie { background-color: #88e2c8; }
.s03 .area_movie { background-color: #d4637f; }
.s04 .area_movie { background-color: #ffdc38; }
.s05 .area_movie { background-color: #fb98d8; }
.s06 .area_movie { background-color: #3e7a9c; }
.s07 .area_movie { background-color: #490c85; }
.s08 .area_movie { background-color: #24169f; }
.s09 .area_movie { background-color: #8bad00; }
.s10 .area_movie { background-color: #7523c9; }
.s11 .area_movie { background-color: #fdb100; }
.s12 .area_movie { background-color: #2a7319; }

/* COMMONS */
.pgtop {
	background-color: #600;
	border: 2px outset rgb(255, 168, 214);
	color: rgb(255, 255, 255);
	text-shadow: rgb(92, 0, 48) 1px 2px 1px;
}
.pgtop:hover {
	background-color: rgb(255, 168, 214);
	border-color: rgb(255, 168, 214);
	text-shadow: rgb(92, 73, 0) 1px 2px 1px;
}
/* footer */
.footer>nav>a {
	color:#666;
	text-shadow: 0px 0px 4px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255);
	font-weight:600;
	transition: 0.3s;
}
.footer>nav>a:hover {
	color:#666;
	text-shadow: 0px 0px 12px rgba(255, 255, 235, 1), 0px 0px 8px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 3px rgba(255, 255, 255, 0);
}
.footer>p {
	color:#666;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);
}

/* 背景サイズ調整 */
@media only screen and (max-width: 768px) {
	body {
		background-size: contain, contain, 220px, 360px;
		background-position: 0% 47%, 0% 10%, 0px 0%, 0% 100%;
	}
}
@media only screen and (max-width: 480px) {
	body {
		background-size: contain, contain, 180px, 180px;
		background-position: 0% 47%, 0% 10%, 0px 0%, 0% 100%;
	}
}