@charset "UTF-8";

/*UNIQ*/

#maintop {
	position: relative;
	width: 100%;
	height: auto;

}


@media screen and (min-width:320px) and (max-width:1050px) {
	#maintop {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 5%;
		background: linear-gradient(180deg, transparent 0%, transparent 44%, #000 50%, #000 100%);


		z-index: 100;

	}

}


/*タブレット*/
@media screen and (min-width:768px) and (max-width:1050px) {}


.snklogo {
	position: relative;
	width: 35%;
	margin-left: 10px;
	z-index: 600;
}

.shutterwrp {
	position: fixed;
	width: 100%;
	top: 50%;
	left: 47.5%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1000;
}

.shutterupper,
.shutterbottom {
	width: 120%;
	position: absolute;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .9));
	filter: drop-shadow(3px 10px 8px rgba(0, 0, 0, .8));
}

.shutterupper {
	top: -16vw;
	/* 微調整された値 */
}

.shutterbottom {
	top: -2.1vw;
	/* 微調整された値 */
}



.maintopimg_01 {
	position: fixed;
	width: 100vw;
	z-index: 7;

}

.maintopimg_01 img {
	width: 100%;
}

.maintop_imgwrp {

	width: 100%;
	overflow: hidden;

}


.maintop_bottomshutter {
	width: 115%;
	position: relative;
	left: -9%;
	margin-top: 27vw;

	z-index: 110;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .9));
	filter: drop-shadow(3px -0px 8px rgba(0, 0, 0, .8));
}

.maintopimg_02 {
	position: fixed;
	width: 80%;
	z-index: 87;
}

.maintopimg_03 {
	position: fixed;
	margin-top: 3%;
	width: 8%;
	right: 38%;
	z-index: 100;
}

.maintopimg_04 {
	position: fixed;
	width: 100%;
	margin-top: 5%;
	left: 50%;
	z-index: 101;
}

.maintopimg_04 img {
	width: 50%;
	right: 0;
}

.maintopimg_05 {
	position: fixed;
	margin-top: 13%;
	width: 100%;
	right: 0;
	z-index: 100;
	overflow: hidden;
}

.maintopimg_06 {
	position: fixed;
	margin-top: 25%;
	width: 20%;
	left: 0;
	z-index: 11;
	overflow: hidden;
}

.maintop_uppershutter {
	width: 115%;
	position: relative;
	left: -9%;
	top: -11vw;
	z-index: 100;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .9));
	filter: drop-shadow(3px 20px 6px rgba(0, 0, 0, .5));
	overflow-x: hidden;
	will-change: filter
		/* or transform */
}

.headerinfo_u {
	position: absolute;
	z-index: 600;
}

.headcopy {
	position: absolute;
	margin-top: 32.5vw;
	width: 60%;
	margin-left: 21%;
	z-index: 211;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .8));
	overflow-x: hidden;

}

.headcopysub {
	position: absolute;
	margin-top: 30vw;
	width: 25%;
	margin-left: 19.5%;
	z-index: 120;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .9));
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .9));
	overflow-x: hidden;
}

.maintopimg_002 {
	position: fixed;
	width: 100%;
	margin-top: -5%;
	left: 25%;
	z-index: 89;

}

.maintopimg_002 img {
	width: 75%;
	margin-top: -3%;
	right: -9%;
}

.maintop_dlbnr {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 20%;
	z-index: 520;
}

.store_dlbnr {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 25%;
	z-index: 520;
}

#midcontents {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #000;
	padding-bottom: 22%;
	z-index: 200;

}

.maintop_dlbtn {
	position: absolute;
	width: 13%;
	margin-top: 70%;
	margin-left: 70%;
}
.storetop_dlbtn {
	position: absolute;
	width: 15%;
	margin-top:70%;
	margin-left:70%;
    z-index:530;
}

.bkline {
	border-top: 3px solid #000;
	position: absolute;
	z-index: 1100;
	width: 100%;
}

.maintop_dlcrown {
	position: absolute;
	width: 6%;
	right: 110px;
	margin-top: 0;
	z-index: 200;
	-webkit-filter: drop-shadow(5px 8px 4px rgba(0, 0, 0, .6));
	filter: drop-shadow(5px 8px 4px rgba(0, 0, 0, .6));
}

.maintop_movie {
	position: absolute;
	right: 20px;
	margin-top: 30.5vw;

	width: 18%;
	z-index: 350;
	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .6));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .6));
}

.mainlogo {
	position: absolute;
	width: 25%;
	margin-top: 11%;
	margin-left: 37%;
	z-index: 150;
}

.mid_shutter_upper {
	position: absolute;
	width: 115%;
	margin-top: 0%;
	margin-left: -10%;
	z-index: 110;

}


@media screen and (min-width:320px) and (max-width:1050px) {
	.store_dlbnr {
		position: absolute;
		top: -7%;
		left: 15px;
		width: 40%;
		z-index: 1520;
	}

	#midcontents {
		position: relative;
		width: 100%;
		height: auto;
		background-color: #000;
		padding-bottom: 6%;
		z-index: 200;

	}

	.mid_shutter_upper {
		position: relative;
		width: 115%;
		margin-top: 0%;
		margin-left: -10%;
		z-index: 110;

	}

	.maintop_dlbnr {
		position: absolute;
		top: 30px;
		left: 10px;
		width: 38%;
		z-index: 1520;
	}

	.maintop_dlcrown {
		position: absolute;
		width: 15%;
		right: 20px;
		margin-top: 0;
		z-index: 200;
		-webkit-filter: drop-shadow(5px 8px 4px rgba(0, 0, 0, .6));
		filter: drop-shadow(5px 8px 4px rgba(0, 0, 0, .6));
	}


	.maintopimg_05 {
		position: absolute;
		margin-top: 90%;
		width: 110%;
		overflow: hidden;
		z-index: 12;

	}

	.maintopimg_05 img {
		width: 120%;
		right: -15%;
	}

	.maintopimg_02 {
		position: absolute;
		width: 80%;
		margin-top: 69vw;
		margin-left: -15%;
		z-index: 11;
	}

	.maintop_uppershutter {
		width: 135%;
		position: absolute;
		left: -20%;
		top: -3%;
		z-index: 100;
		-webkit-filter: drop-shadow(3px 10px 6px rgba(0, 0, 0, .5));
		filter: drop-shadow(3px 10px 6px rgba(0, 0, 0, .5));
	}

	.headcopy {
		position: relative;
		margin-top: -1vw;
		width: 95%;
		margin-left: 2%;
		z-index: 211;
		-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .8));
		filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .8));

	}

	.headcopysub {
		position: relative;
		margin-top: -14vw;
		width: 55%;
		margin-left: 30%;
		z-index: 120;
		-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .9));
		filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .9));
	}

	.maintop_bottomshutter {
		width: 135%;
		position: relative;
		left: -9%;
		margin-top: 15vw;

		z-index: 110;
		-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .9));
		filter: drop-shadow(3px -0px 8px rgba(0, 0, 0, .8));
	}

	.maintopimg_03 {
		position: absolute;
		margin-top: 15%;
		width: 20%;
		right: 83%;
		z-index: 15;
	}

	.maintopimg_04 {
		position: absolute;
		margin-top: 15%;
		left: 0%;
		z-index: 90;
		overflow-x: hidden;
	}

	.maintopimg_04 img {
		width: 110%;
		right: 10%;
		overflow: hidden;
	}

	.maintopimg_01 {
		position: absolute;
		margin-top: 0;

		overflow: hidden;
		z-index: 7;
	}

	.maintopimg_01 img {
		width: 320%;
	}

	.maintopimg_002 {

		position: absolute;
		margin-top: -3%;
		left: 0%;
		z-index: 12;
	}

	.maintopimg_002 img {
		width: 85%;
		left: -12% !important;
		overflow-x: hidden;
	}

	.mainlogo {
		position: relative;
		width: 60%;
		margin-top: 0%;
		padding-top: 50vw;
		margin-left: 21%;
		z-index: 150;
	}
}

.explotion {
	position: absolute;
	width: 100%;
}

.ex1 {
	width: 50%;
}

.expwrp {
	position: relative;
	z-index: 110;
}

.ex2 {
	right: 0;
	width: 50%;
	z-index: 50;
}

.ex3 {
	right: 0;
	width: 50%;
	z-index: 40;
}

.ex4 {
	right: 0;
	width: 50%;
	z-index: 30;
}

.ex5 {
	right: 0;
	width: 50%;
	z-index: 20;
}

.midbackexp {
	position: relative;
	width: 100%;
	padding-top: 3%;
	left: -0%;
	z-index: 10;
}

.mid_movie_pc {
	position: absolute;
	width: 50%;
	margin-left: 26.2%;
	z-index: 110;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.mid_movie {
		position: relative;
		width: 95%;
		margin-top: -5%;
		margin-left: 5%;
		margin-bottom: 15%;
		z-index: 610;
	}
}


.mid_characterswrp {
	position: relative;
}

.mid_chara_01 {
	position: absolute;
	width: 32%;
	right: 3%;
	z-index: 110;
}

.mid_chara_02 {
	position: absolute;
	width: 32%;
	margin-top: -3%;
	left: 3%;
	z-index: 155;
}

.mid_chara_03 {
	position: absolute;
	width: 19%;
	margin-top: 34%;
	left: 23%;
	z-index: 155;
}

.mid_chara_04 {
	position: absolute;
	width: 29%;
	margin-top: 24%;
	right: 11%;
	z-index: 165;
}

.mid_chara_05 {
	position: absolute;
	width: 15%;
	margin-top: 25%;
	right: 0%;
	z-index: 140;
}

.mid_chara_03_2 {
	position: absolute;
	width: 30%;
	margin-top: 19%;
	left: 0%;
	z-index: 155;
}

.snksnswrp {
	position: absolute;
	width: 40%;
	padding: 0.2% 0.3% 0.3% 0.3%;
	background: rgb(0, 0, 0);
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8141631652661064) 14%, rgba(0, 0, 0, 0.7525385154061625) 88%, rgba(0, 0, 0, 0) 100%);
	z-index: 200;
	margin-top: 32.3%;
	margin-left: 28%;
}

.snksnslist {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-left: 10%;

}

.snksnslist li {
	float: left;
	width: 28%;

	margin-right: 0%;
	margin-bottom: 0;

}

.snksnslist li:nth-child(2) {
	margin-left: -2%;
}


.snksnslist_ft {
	position: relative;
	width: 40%;
	margin: 0 auto;
	margin-left: 33%;
z-index: 150;
}

.snksnslist_ft li {
	float: left;
	width: 28%;

	margin-right: 0%;
	margin-bottom: 0;

}

.snksnslist_ft li:nth-child(2) {
	margin-left: -2%;
}


.mid_charaserif01 {
	position: absolute;
	width: 28%;
	margin-top: 1%;
	right: 17%;
	z-index: 250;
}

.mid_introwrp {
	position: relative;
	width: 80%;
	height: auto;
	margin: -13% auto;
	z-index: 400;
}

.midleft {
	width: 60%;
	padding-right: 5%;
}

.midright {
	width: 40%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.snksnslist_ft {
		position: relative;
		width: 115%;
		margin: 0 auto;
		margin-left: 2%;

	}

	.mid_introwrp {
		position: relative;
		width: 90%;
		height: auto;
		margin: -13% auto;
		z-index: 400;
	}

	.midleft {
		width: 100%;
		padding-right: 0%;
	}

	.midright {
		width: 100%;
	}
}

.textarea_lead {
	position: relative;
	margin-top: 3%;
	color: #fff;
	font-weight: 600;
	line-height: 1.7em;
	text-align: justify;
	z-index: 185;
}

.textarea_m {
	font-size: min(1vw, 20px);
}

.midright_tit {
	width: 80%;
	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	z-index: 200;
}

.redborder {
	position: relative;
	border-bottom: 1px solid #FF0000;
	margin-bottom: 5%;
	z-index: 300;
}

.midleftlist li {
	border: 8px solid red;
}

.top_effect {
	position: absolute;
	width: 15%;
	margin-top: 43%;
	margin-left: 8%;
	z-index: 250;
}

.top_effect2 {
	position: absolute;
	width: 9%;
	margin-top: 39%;
	right: 17.5%;
	z-index: 250;
}

.top_effect3 {
	position: absolute;
	width: 9%;
	margin-top: 50%;
	right: 6%;
	z-index: 250;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_m {
		font-size: min(4vw, 20px);
	}

	.midright_tit {
		width: 100%;
		-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
		filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
		z-index: 200;
	}
}

.mid_lefteffect {
	position: absolute;
	width: 20%;
	margin-top: -15%;
	margin-left: -7%;
	z-index: 250;
}

.mid_lefteffect2 {
	position: absolute;
	width: 13%;
	margin-top: 20%;
	margin-left: 45%;
	z-index: 250;
}

.mid_gameinforighteffect {
	position: absolute;
	width: 53%;
	margin-top: -90%;
	margin-left: 69%;
	z-index: 250;
}

.platformlogolist {
	position: absolute;
	width: 50%;
	margin-top: 40.5vw;
	margin-left: 30%;
	z-index: 350;
}

.platformlogolist li {
	float: left;
	width: 16%;
	margin-right: 2%;
}


.platformlogolist li:nth-child(2) {
	width: 25%;
}


.platformlogolist_ft {
	position: relative;
	width: 95%;
	margin-top: 1vw;
	margin-left: 10%;
	z-index: 350;
}

.platformlogolist_ft li {
	float: left;
	width: 16%;
	margin-right: 2%;
}



.platformlogolist_ft li:nth-child(2) {
	width: 25%;
}


.mid_introcopy {
	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
}

.midleftlistchara {
	position: absolute;
	margin-top: -4%;
	margin-left: 42%;
	width: 17%;
	z-index: 200;
}

.midleftserif {
	position: absolute;
	margin-top: 5%;
	margin-left: -150%;
	width: 180%;
}

.gameinfomiraserif {
	position: absolute;
	margin-top: -38%;
	right: 6%;
	width: 100%;
	z-index: 200;

}

.sound {
	position: absolute;
	z-index: 200;
}

.sound_morden {
	width: 18%;
	margin-top: 18%;
	margin-left: 3%;
}

.sound_dora {
	width: 15%;
	margin-top: 18%;
	right: 3%;
}

.sound_mid {
	width: 9%;
	margin-top: 44.5%;
	margin-left: 32%;
}

.sound_mars {
	width: 12%;
	margin-top: 45%;
	right: 10%;
}

.sound_boss {
	width: 10%;
	margin-top: 35%;
	right: 44.5%;
}

#midgameinfo {
	position: relative;
	width: 100%;
	height: auto;
	background: #FF0000 url(https://www.snk-corp.co.jp/official/metalslug_attack_re/img/main/line.svg) no-repeat;
	background-size: cover;
	padding-bottom: 0;
	z-index: 200;
}

.gameinfo_mainimg {
	position: absolute;
	width: 62.7%;
}

.cattit_gameinfo {
	position: absolute;
	width: 50%;
	margin-top: -2.8%;
	margin-left: 23.5%;
	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
}

.gameinfo_righttit {
	position: relative;
	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
}

.gameinfo_right {
	position: relative;
	width: 30%;
	padding-top: 3%;
	z-index: 200;
	left: 60%
}

.gameinfo_rightrabel {
	position: relative;
	width: 115%;
	margin-left: -8%;
	padding-bottom: 6%;
}

.sound_gameinfo {
	position: absolute;
	margin-top: 31%;
	margin-left: 30%;
	width: 27%;

}

.gameinfo_mira {
	position: absolute;
	right: -32%;
	margin-top: -35%;
	width: 80%;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	.midleftlistchara {
		position: absolute;
		margin-top: -5%;
		margin-left: 65%;
		width: 45%;
		z-index: 200;
	}

	.midleftserif {
		position: absolute;
		margin-top: 5%;
		margin-left: -160%;
		width: 190%;
	}

	.platformlogolist_ft {
		position: relative;
		width: 110%;
		margin-top: 4%;
		margin-left: 6%;
		z-index: 350;
	}

	.gameinfo_mira {
		position: absolute;
		right: -15%;
		margin-top: -35%;
		width: 60%;
	}

	.gameinfomiraserif {
		position: absolute;
		margin-top: -16%;
		right: 18%;
		width: 90%;
		z-index: 200;

	}
}

.gameinfo_jupiterking {
	position: absolute;
	display: block;
	margin-top: -4.8%;
	left: 1%;
	width: 40%;
	z-index: 400;
}

#midgameinfo_detail {
	position: relative;
	width: 100%;
	height: auto;
	background-color: rgba(0, 0, 0, 0.8);
	padding-top: 5%;
	padding-bottom: 5%;
	z-index: 150;
}

.detaillist_box {
	border: 5px solid #FF0000;
	padding: 4% 4%;
}

.gameinfo_detaillist {
	position: relative;
	width: 100%;
}

.gameinfo_detaillist li {
	float: left;
	width: 48%;
	margin-right: 4%;
}

.gameinfo_detaillist li:last-child {
	margin-right: -20%;
}

.gameinfo_detail_wrp {
	position: relative;
	width: 80%;
	margin: 0 auto;
}

.onlineleft {
	width: 65%;
	padding-right: 5%;
}

.onlineright {
	width: 35%;

}

.gameinfo_onlinewrp {
	margin-top: 2.5%;
	width: 100%;
	background-color: #FF0000;
	padding: 2% 2%;
}

.onlinerighttit {
	position: relative;
	width: 85%;
	z-index: 200;
}

.earthback {
	position: absolute;
	margin-top: 5.1%;
	width: 15%;
	right: 0;
	z-index: 150;
}

.onlineicon {
	position: absolute;
	margin-top: -7%;
	margin-left: -5%;
	width: 10%;
	z-index: 100;
}

.gameinfo_jupiterback {
	position: absolute;
	display: block;
	margin-top: -8%;
	margin-left: -7%;
	width: 50%;
	z-index: 400;
}

.gameinfo_effect01 {
	position: absolute;
	width: 18%;
	margin-top: -12%;
	right: -12%;
	z-index: 200;
}

.gameinfo_effect02 {
	position: absolute;
	width: 12%;
	margin-top: 15%;
	left: -9%;
	z-index: 180;
}

.gameinfo_effect03 {
	position: absolute;
	width: 38%;
	margin-top: 102%;
	right: -22%;
	z-index: 200;
}

.gameinfo_effect04 {
	position: absolute;
	width: 32%;
	margin-top: -20%;
	left: -9%;
	z-index: 180;
}

.gameinfo_jupitar_reg {
	position: absolute;
	right: -14%;
	margin-top: 25%;
	width: 22%;
	z-index: 200;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.gameinfo_effect02 {
	position: absolute;
	width: 35%;
	margin-top: 35%;
	left: -15%;
	z-index: 180;
}
	.gameinfo_effect01 {
	position: absolute;
	width: 25%;
	margin-top: -12%;
	right: -12%;
	z-index: 200;
}
	#midgameinfo_detail {
		position: relative;
		width: 100%;
		height: auto;
		background-color: rgba(0, 0, 0, 0.8);
		padding-top: 10%;
		padding-bottom: 10%;
		z-index: 100;
	}

	.gameinfo_detail_wrp {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}

	.gameinfo_detaillist {
		position: relative;
		width: 100%;
	}

	.gameinfo_detaillist li {
		float: left;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5%;
	}

	.gameinfo_detaillist li:last-child {
		margin-right: -20%;
	}

	.gameinfo_detail_wrp {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}

	.onlineleft {
		width: 100%;
		padding-right: 0%;
		margin-bottom: 5%;
	}

	.onlineright {
		width: 100%;

	}

	.gameinfo_onlinewrp {
		margin-top: 2.5%;
		width: 100%;
		background-color: #FF0000;
		padding: 5% 5%;
	}

	.onlinerighttit {
		position: relative;
		width: 100%;
		z-index: 200;
	}

	.earthback {
		position: absolute;
		margin-top: 0;
		width: 45%;
		right: 0;
		bottom: 0;
		z-index: 150;
	}

	.onlineicon {
		position: absolute;
		margin-top: -20%;
		margin-left: -14%;
		width: 30%;
	}
}


#store {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #fff;
	padding-bottom: 5%;
	z-index: 150;
}

.store_backimg {
	position: absolute;
	width: 68%;
	margin-left: -10%;
	z-index: 150;
}

.storewrp {
	position: relative;
	width: 40%;
	left: 50.8%;
	height: auto;
	padding-top: 2%;
	z-index: 150;

}

.storetit {
	position: relative;
	width: 30%;
	margin: 0 auto;
	margin-bottom: 5%;
}

.storebnrlist {
	position: relative;
	width: 100%;
}

.storebnrlist li {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 6%;
}

.storebnrlist li:nth-child(2n) {
	margin-right: -20%;
}

.storebnrlist a {
	transition: all .2s ease-in-out;
}

.storebnrlist a:hover {
	opacity: 0.7;
	transition: all .1s ease-in-out;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.storetit {
		position: relative;
		width: 50%;
		margin: 5% auto;
		margin-bottom: 5%;
	}

	.storewrp {
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 2%;
		z-index: 150;

	}

	.store_backimg {
		position: absolute;
		width: 120%;
		margin-left: -10%;
		opacity: 0.5;
		z-index: 150;
	}

	.storebnrlist {
		position: relative;
		width: 100%;
	}

	.storebnrlist li {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 6%;
	}
}

.store_langlist {
	position: relative;
	width: 100%;
	margin-bottom: 5%;
}

.store_langlist li {
	float: left;
	margin-right: 2.1%;
	font-weight: 600;
	color: #333;
	font-size: 1.09vw;
	border: 2px solid #333;
	background-color: #fff;
	padding: 0.3% 3%;
}

.store_langlist li:last-child {
	margin-right: -20%;
}

.store_langlist li.current {
	color: chartreuse !important;
	background-color: #000;
}

.store_langlist li a:link,
.store_langlist li a:visited {
	text-decoration: none;
	color: #333;
}

.store_langlist li:not(.current):hover,
.store_langlist li.current:hover {
	background-color: #000;
	color: chartreuse;
	transition: background-color 0.3s, color 0.3s;
}

.store_langlist li:hover a {
	/* リンク要素のホバー時のフォントカラーを設定 */
	color: chartreuse;
}



.global_btn {
	position: absolute;
	width: 17%;
	margin-top: 0px;
	right: 0.7vw;
	padding-right: 10px;
	z-index: 1500;
	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
}


/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav ul li {
	position: relative;
}

/*ナビゲーションのリンク設定*/
nav ul li a {
	display: block;
	text-decoration: none;
	padding: 0px 0px;
	font-weight: 600;
	font-size: min(1vw, 12px);
	text-align: center;
	transition: all .3s;
}

nav ul li li a {
	padding: 10px 10px;
}

nav ul li a:hover {
	color: #fff;
}


/*下の階層を持っているulの指定*/
nav li.has-child ul {
	/*絶対配置で位置を指定*/
	position: absolute;
	right: 0;
	margin-top: 2.6vw;
	z-index: 500;
	/*形状を指定*/
	background: #000;
	width: 4.5vw;
	/*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
	/*アニメーション設定*/
	transition: all .3s;
}

/*hoverしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul {
	visibility: visible;
	opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li a {
	color: #fff;
	border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

nav li.has-child ul li:last-child > a {
	border-bottom: none;
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active {
	background: #FF0000;
}

nav li.has-child ul ul li a:hover,
nav li.has-child ul ul li a:active {
	background: #FF0000;
}

.lgcurrent a {
	background: red;
	text-decoration: underline;
}

.ftwrp {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 5%;
	background-color: #000;
	z-index: 1250;

}

.ft_shutter_bottom {
	position: absolute;
	margin-top: -3%;
	margin-left: -10%;
	width: 115%;
}

.store_shutter_bottom {
	position: relative;
	margin-top: 0%;
	width: 100%;
}

.ftleft {
	width: 50%;
	padding-top: 3%;
	padding-bottom: 5%;
}

.ftright {
	width: 40%;
	margin-right: 10%;
}

.ftlogo {
	position: relative;
	width: 30%;
	margin: 0 auto;
	margin-bottom: 3%;
}

.gnav_shutterbottom {
	position: fixed;
	width: 115%;
	margin-left: -11.5%;
	bottom: -7.2vw;
	z-index: 400;
}




.fg_gmenu_list {
	position: relative;
	width: 75%;
	margin: 0 auto;
	z-index: 850 !important;
	left: calc(17% - 50px/2);
}

.fg_gmenu_list li {
	float: left;
	text-align: center;
	width: 26%;
	position: relative;
	padding-top: 1.1%;
	padding-bottom: 0.1vw;
}

.fg_gmenu_list li:last-child {
	margin-right: -20%;
}

.fg_gmenu_cattit {
	text-align: center;
	color: #fff;
	font-size: 2vw;
	margin-bottom: 0;
	transition: color 0.5s;
	font-family: "Saira Stencil One", sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
}

.fg_gmenu_cattit_sp {
	font-weight: 700;
	text-align: center;
	color: #fff;
	font-size: min(6vw, 45px);
	margin-bottom: 0;
	transition: color 0.5s;
	font-family: "Saira Stencil One", sans-serif;
}

.fg_gmenu_list li:hover .fg_gmenu_cattit,
.fg_gmenu_list li.current .fg_gmenu_cattit {
	color: #fce421;
	transition: color 0.5s ease-out;
	/* アニメーションの追加 */
}

.fg_gmenu_jpcap {
	font-weight: 600;
	text-align: center;
	margin-top: -1.5%;
	color: #fff;
	font-size: min(1.3vw, 12px);
}

.fg_gmenu_jpcap_sp {
	margin-top: -3%;
	font-weight: 600;
	text-align: center;
	color: #fce421;
	font-size: min(3vw, 20px);
}

a:hover {
	text-decoration: none;
}

.fg_gmenu {
	position: fixed;
	bottom: 0;
	width: 75%;
	z-index: 1560;
}

.fg_gmenu_list li.current {
	position: relative;
}

.fg_gmenu_list li.current::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 51, 0, 1);
	z-index: -1;
	opacity: 0;
	transition: opacity 0.2s;
}

.fg_gmenu_list li.current:hover::before {
	opacity: 0;
}

.fg_gmenu_list li.current .fg_gmenu_cattit {
	color: #fce421;
	transition: color 0.5s ease-out;
	/* アニメーションの追加 */
}

.trigger1 {
	position: absolute;
	margin-top: 20%;
}

.trigger99 {
	position: absolute;
	margin-top: -40%;
}

.textarea_ms {
	font-size: min(1vw, 13px);
}

.textarea_ftspec {
	color: #fff;
	font-weight: 600;
	line-height: 1.8em;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 1%;

}

.textarea_credit {
	color: #888;
	font-size: min(0.7vw, 15px);
	text-align: center;
}

.ftsnklogo {
	position: relative;
	width: 8%;
	margin: 0 auto;
	margin-bottom: 0.5%;
	z-index: 250!important;
}

#twwrap {
	position: relative;

	width: 100%;
	height: 450px;
	margin: 12% auto;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_credit {
		color: #888;
		font-size: min(3vw, 15px);
		text-align: center;
	}

	.ftwrp {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 15%;
		background-color: #000;
		z-index: 200;

	}

	.ftsnklogo {
		width: 30%;
		margin: 0 auto;
		margin-bottom: 0.5%;
	}

	.textarea_ms {
		font-size: min(3vw, 20px);
	}

	.textarea_ftspec {
		color: #fff;
		text-align: center;
		font-weight: 600;
		line-height: 1.8em;
		width: 87%;
		margin: 0 auto;
		padding-bottom: 1%;

	}

	.ftlogo {
		position: relative;
		width: 40%;
		margin: 0 auto;
		margin-bottom: 4%;
	}

	.ft_shutter_bottom {
		position: absolute;
		margin-top: -3%;
		margin-left: -10%;
		width: 155%;
	}

	.ftleft {
		width: 100%;
		padding-top: 3%;
	}

	.ftright {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 25%;
	}


	.store_langlist {
		position: relative;
		width: 100%;
		margin-bottom: 5%;
	}

	.store_langlist li {
		float: left;
		width: 23.4%;
		text-align: center;
		margin-right: 2.1%;
		font-weight: 600;
		color: #333;
		font-size: min(3vw, 25px);
		border: 2px solid #333;
		background-color: #fff;
		padding: 0.3% 0.3% 0.7% 0%;
		margin-bottom: 3%;
	}

	.store_langlist li:nth-child(4) {
		margin-right: -10%;
	}

	.sound_gameinfo {
		position: absolute;
		margin-top: 36%;
		margin-left: 12%;
		width: 75%;

	}

	.gameinfo_mainimg {
		position: relative;
		width: 110%;
		margin-left: -2%;
	}

	.gameinfo_right {
		position: relative;
		width: 90%;
		padding-top: 8%;
		z-index: 200;
		left: 5%;
	}

	.cattit_gameinfo {
		position: absolute;
		width: 95%;
		margin-top: -7%;
		margin-left: 2%;
		-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
		filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	}

	.gameinfo_jupiterback {
		position: absolute;
		margin-top: 0%;
		margin-left: -7%;
		width: 100%;
		z-index: 200;
	}

	.gameinfo_jupiterking {
		position: relative;
		margin-top: 0%;
		left: 1%;
		width: 100%;
		z-index: 210;
	}

	.fg_gmenu {
		position: fixed;
		bottom: 0;
		width: 120%;
		z-index: 560;
	}


	.fg_gmenu_cattit {
		text-align: center;
		color: #fff;
		font-size: 3vw;
		margin-bottom: 0;
		transition: color 0.5s;
		font-family: "Saira Stencil One", sans-serif;
		font-weight: 400;
		font-style: normal;
		-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
		filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .8));
	}


	.fg_gmenu_list {
		position: relative;
		width: 100%;
		margin: 0 auto;
		z-index: 650 !important;
		left: calc(4% - 60px/2);
	}

	.fg_gmenu_list li {
		float: left;
		text-align: left;
		width: 18%;
		position: relative;
		padding-top: 1.1%;
		padding-bottom: 0vw;
	}

	.fg_gmenu_list li:last-child {
		margin-right: -20%;
	}


	.gnav_shutterbottom {
		position: fixed;
		width: 175%;
		margin-left: -20.5%;
		bottom: -4vw;
		z-index: 400;
	}

	#twwrap {
		position: relative;

		width: 90%;
		height: 400px;
		margin: 5% auto;
	}
}





.mid_spimg {
	position: relative;
	margin-top: -20.5%;
	width: 100%;
}

.testarea_ftplatform {
	color: #fff;
	width: 80%;
	margin: 0 auto;
	margin-left: 10%;
	line-break: auto;
}


.ps_logo {
	width: min(1.3vw, 18px);
	display: inline-block;
}

.ps {
	width: min(3vw, 40px);
	display: inline-block;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	.midleftlist {
		margin-top: 8%;
		margin-bottom: 6%;
	}

	.testarea_ftplatform {
		color: #fff;
		width: 87%;
		margin: 0 auto;
	}


	.ps_logo {
		width: min(5vw, 30px);
		display: inline-block;
	}

	.ps {
		width: min(10vw, 60px);
		display: inline-block;
	}

}




@media screen and (min-width:320px) and (max-width:1050px) {
	.fg_top_leftwrp {
		position: relative;
		margin-top: 0;
		width: 100%;
		height: 80vw;
		left: 10%;
		z-index: 50;
	}

	.fg_top_rightwrp {
		position: relative;
		padding-top: 7%;
		width: 100%;
		height: auto;
		left: 0%;
		z-index: 100;
	}
}

/*スマホナビ*/
#g-nav {
	/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
	position: fixed;
	z-index: 999;
	/*ナビのスタート位置と形状*/
	top: 0;
	left: -120%;
	width: 100%;
	height: 100vh;
	/*ナビの高さ*/
	background: rgba(0, 0, 0, 0.8);
	/*動き*/
	transition: all 0.5s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive {
	left: 0;
}



/*ナビゲーション*/
#g-nav ul {
	/*ナビゲーション天地中央揃え*/
	position: relative;
	z-index: 999;
	margin-top: 20%;
	left: 0%;

}

/*リストのレイアウト設定*/

#g-nav li {
	list-style: none;
	text-align: center;
	margin-bottom: 5%;
}

#g-nav li a {
	color: #000;
	text-decoration: none;
	padding: 10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}


.openbtn1 {
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 0px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color: rgba(255, 0, 0, 0.7)
}

.openbtn1 span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;
	background-color: #fff;
	width: 45%;
}

.openbtn1 span:nth-of-type(1) {
	top: 14px;
}

.openbtn1 span:nth-of-type(2) {
	top: 22px;
}

.openbtn1 span:nth-of-type(3) {
	top: 30px;
}

.openbtn1.active span:nth-of-type(1) {
	top: 18px;
	left: 14px;
	transform: translateY(6px) rotate(-45deg);
	width: 45%;
}

.openbtn1.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
	top: 30px;
	left: 14px;
	transform: translateY(-6px) rotate(45deg);
	width: 45%;
}



#g-nav-list {
	position: relative;
}


.menu .store_langlist_ov {
	list-style: none;
	padding: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	/* リストを中央揃えに */
	margin-left: 3%;
}

.menu .store_langlist_ov li {
	display: inline-block;
	/* 横並びにする */
	width: calc(25% - 2%);
	/* 幅を均等にするために計算 */
	margin-bottom: 10%;
	/* 下のマージンを追加 */
	margin-right: 5%;
	box-sizing: border-box;
	/* ボックスモデルの調整 */
	vertical-align: top;
	/* 垂直方向に揃える */
}

.menu .store_langlist_ov li a {
	display: block;
	padding: 10px;
	border: 1px solid #fff;
	text-decoration: none;
	color: #fff !important;
	font-size: min(3vw, 30px)
}

.trigger3 {
	position: absolute;
	margin-top: 20%;
}

.midcharacterswrp_inner {
	display: block;
}

.midcharacterswrp_sound {
	display: block;
}

.trigger4 {
	position: absolute;
	margin-top: 11%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.trigger4 {
		position: absolute;
		margin-top: -10%;
	}

	@m
}
.activeimg {
  
}



#c-modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11000!important;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 0.5s ease;  /* ここではアニメーションをなくし、スムーズに変化 */
}

#c-modal {
  position: absolute;
  z-index: 10;
}

#c-modal_close {
cursor: pointer;
width: 60%;
  margin: 20px auto;
}


.top_info_box_e {
	position: absolute;
	width: 100%;
	height:100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;

}

.top_infowrp_e {
position: relative;
	margin-top: 0px;
	margin-left: 0;
	width: 27vw;
	height: 80vh;
	text-align: center;
	z-index: 11000!important;	
}



@media screen and (min-width:320px) and (max-width:1050px) {
  #c-modal_close {
    padding: 0px;
    cursor: pointer;
  width: 100%;
  margin: 5% auto;
}
	.top_info_box_e {
		position: absolute;
	width: 100vw;
	height:100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;

	}

.top_infowrp_e {
position: relative;
	margin-top: 0px;
	margin-left: 0;
	width: 85vw;
	height: 95vh;
	text-align: center;

}

}



.mt50 {
  margin-top: 20px;
}

.checkp {
  margin-top: 10px;
  color:#fff;
  font-weight: 600;
}

.top-updatebnr {
  position: absolute;
  width: 20%;
  margin-top: 32vw;
  margin-left: 2%;
  z-index: 500;
  	-webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .6));
	filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .6));
}

@media screen and (min-width:320px) and (max-width:1050px) {
  .top-updatebnr {
  position: relative;
  width: 96%;
  margin-top: 1vw;
  margin-left: 0.7vw;
  z-index: 500;
}
}