@charset "utf-8";
@media screen and (max-width:750px){

/* 基本設定
------------------------------------- */
	#wrapper {
		min-width: 100%;
	}
	#fvArea #area01 {
		background: url("../img/bg_halo_sp.png") center center no-repeat;
		background-size:cover;
		height: 0;
		padding-top: 93.3333%;
	}
	#fvArea #area01 h1 {
		position: absolute;
		top: 0;
		left: 0;
		transform: none;
		z-index: 5;
		width: 100%;
	}
	#fvArea #area01 h1 span {
		position: relative;
		display: block;
		width: 100%;
		padding-top: 121.6%;
	}
	#fvArea #area01 h1 .item01 {
		top: 15%;
		left:-6%;
		width: 66.6666%;
	}
	#fvArea #area01 h1 .item02 {
		top: 30%;
		left:63.2%;
		width: 13.3333%;
	}
	#fvArea #area01 h1 .item03 {
		top: 41%;
		left:32.26%;
		width: 39.0666%;
	}
	#fvArea #area01 h1 .item04 {
		top: 33.114%;
		left:19.4666%;
		width: 35.06666%;
	}
	#fvArea #area01 h1 .item05 {
		top: 34.4298%;
		left:50.9333%;
		width: 39.06666%;
	}
	#fvArea #area01 h1 .item06 {
		top: 55.921%;
		left:7.017%;
		width: 45.46666%;
	}
	#fvArea #area01 h1 .item07 {
		top: 64.9122%;
		left:42.1333%;
		width: 38.8%;
	}
	#fvArea #area01 .cloud {
		width: 62.4%;
	}
	#fvArea #area01 .mountain {
	height: auto;
	background: none;
	}
	#fvArea #area02 {
	background-image: url("../img/bg_gradation_sp.jpg");
		height: auto;
		padding-top: 28.26666%;
	}
	#fvArea #area02 h2 {
		margin-bottom: 0;
	}
	#fvArea #area02 .hash {
		margin-top: 0;
	}
	#fvArea #area02 .grass01 {
		width: 23.46666%;
	}
	#fvArea #area02 .grass02 {
		width: 25.6%;
	}
	#advertisementNavArea {
		padding:0;
	}
	#advertisementNavArea .advertisementNavList {
		width: 100%;
		transform: none;
	}
	#advertisementNavArea .advertisementNavList li {
		float: none;
		margin-right: 0;
		justify-content: center;
		width: 100%;
		height: 41.3333vw;
		padding-bottom: 0;
		background: url("../img/bg_navlist_left.png") 0 center no-repeat #f8f8f8;
		background-size: auto 100%;
	}
	#advertisementNavArea .advertisementNavList li:nth-of-type(even) {
		background: url("../img/bg_navlist_right.png") right center no-repeat #fff;
		background-size: auto 100%;
	}
	#advertisementNavArea .advertisementNavList li .btnObj {
		width: 87.8666%;
		margin-left: 6.666vw;
		position: relative;
	}
	#advertisementNavArea .advertisementNavList li:nth-of-type(3) {
		margin-right: 0;
	}
	#advertisementNavArea .advertisementNavList li:nth-of-type(4) {
		margin-left: 0;
	}
	#advertisementNavArea .advertisementNavList li .btnObj img {
		width: 100%;
	}
	#advertisementNavArea .advertisementNavList li .txt {
		margin-bottom: 3.46666vw;
	}
	#advertisementNavArea .advertisementNavList li .txt img {
		width: auto;
		height: 2.66666vw;
	}
	#advertisementNavArea .advertisementNavList li:first-child .txt img {
		height: 7.2vw;
	}
	
	/* 下層ページ
------------------------------------- */
	.low #wrapper {
		background: url("../img/bg_low_sp.jpg") 0 0 repeat-x #fff;
		background-size: 100% auto;
		padding-bottom: 14.9333%;
	}
	.low .cloud {
		width: 71.7333%;
	}
	.low .layout {
		width: 100%;
		padding: 35.3333% 0 0;
	}
	.low h1 {
		width: 86.9333%;
		margin: 0 auto 0;
	}
	.low h1 .logo {
		width: 30.6748466%;
		top: -58%;
		left: 34.5092%;
	}
	.low .lead {
		margin-bottom: 0;
	}
	.low .image {
		width: 86.9333%;
	 margin: 0 auto;
	}
	.illustArea {
		margin-top: 0!important;
	}
	.illustArea .illust {
		float: none;
	}
	.illustArea .infoArea,
	.illustArea02 .infoArea{
		width: 100%;
		float: none;
		padding-top: 0!important;
		display: flex;
		flex-direction: column-reverse;
	}
	.illustArea .infoArea .btnDownload,
	.illustArea02 .infoArea .btnDownload{
		margin: 0 auto;
		width: 74.6666%;
		position: relative;
	}
	.illustArea02 {
		margin-top: 0;
	}
	.illustArea02 .infoArea .txt {
		margin: 0;
	}
	.illustArea .infoArea .addPlayBox + .btnDownload {
		margin-top: 0;
	}
	.bgmBtn {
		width: 31.7333%;
		margin: 0 auto;
		padding-bottom: 19.4666%;
	}
	
	
	.btnTotop {
		margin: 0 auto;
		width: 74.6666%;
		transform:none;
		position: relative;
	}
	.infoArea .btnDownload img,
	.btnTotop img{
		width: 100%;
		transform: translateX(0.8%);
	}
	
/* clearfix
------------------------------------- */
.clearfix:after,
#advertisementNavArea .advertisementNavList:after{
	content : '';
	display : block;
	clear : both;
	height: 0;
}

}