@charset "utf-8";
/* ==================================================================
CSS information
style info : PAGE
================================================================== */


/* ----------------------------------------------------------------------------------------------------------------
OVERWRITE
---------------------------------------------------------------------------------------------------------------- */
/*
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
-ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
*/
.secInner { padding-top: 1px; }
@media screen and (min-width: 641px) {
	/*.secInner { background: rgba(255,0,0,0.0); }*/
}



/* ----------------------------------------------------------------------------------------------------------------
.bgvideoArea
---------------------------------------------------------------------------------------------------------------- */
.bgvideoArea { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; height: 100%; background: #000; }
.bgvideoArea::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); }
.bgviA__player { position: absolute; width: 100%; height: 100%; }
.shadowBox { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 2px); background: rgba(0,0,0,0.3); margin-top: -1px; }
.shadowBox::before ,
.shadowBox::after { content: ""; display: block; position: absolute; left: 0%; width: 100%; }
.shadowBox::before { top: 0; height: auto; padding-top: calc(160/750*100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); }
.shadowBox::after { bottom: 0; height: auto; padding-top: calc(150/750*100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); }
@media screen and (max-width: 640px) {
.bgvideoArea { width: 100%; height: 0; padding-top: 56.25%; margin-top: calc(93/750*100%); transform: scale(1.28); transform-origin: top center; }
.bgviA__player { top: 0; left: 0; }
/*.bgviA__player___[data-overflow=x] { height: 87%; left: 50%; top: 0; transform: translateX(-50%); }*/
}
@media screen and (min-width: 641px) {
	.bgvideoArea { overflow: hidden; }
	.bgvideoArea { left: 50%; width: calc(1920/1324*100%); height: 0; padding-top: calc(1080/1324*100%); margin-left: calc(-960/1324*100%); }
	.bgviA__player { top: 0; left: 0; }
	
	
	.shadowBox::before { padding-top: calc(300/1324*100%); }
	.shadowBox::after { padding-top: calc(300/1324*100%); }
}
@media screen and (min-width: 1325px) {
	.bgvideoArea { width: 1920px; padding-top: 1080px; margin-left: -960px; }
	.shadowBox::before { padding-top: 150px; }
	.shadowBox::after { padding-top: 200px; }
}


/* ----------------------------------------------------------------------------------------------------------------
#toppage
---------------------------------------------------------------------------------------------------------------- */

/* .contHero ---------------------------------------------------------------------------------------------------------------- */
#toppage .contHero { width: 100%; padding-top: calc(16/750*100%); padding-bottom: calc(54/750*100%); }

#toppage .cHer__block { width: 100%; position: relative; }
#toppage .cHer__block.-top { }
#toppage .cHer__block.-btm { margin-top: calc(53/750*100%); }

#toppage .cHer__catchcopy { width: calc(498/750*100%); margin-left: calc(41/750*100%); }
#toppage .cHer__logo { width: 100%; margin: calc(167/750*100%) auto 0; }
#toppage .cHer__release { width: calc(445/750*100%); margin: calc(-124/750*100%) auto 0; }

#toppage .cHer__bnr { width: 100%; margin: 0 auto; position: relative; }

#toppage .cHer__bnr.-prod { width: calc(544/750*100%); margin-top: calc(36/750*100%); }
#toppage .cHer__bnr.-trial { width: calc(544/750*100%); margin-top: calc(33/750*100%); }

#toppage .cHer__bnr.-trial .cHer__bnr__btn { display: block; width: calc(242/544*100%); margin-top: calc(146/544*100%); position: absolute; top: 0; left: 0; }
#toppage .cHer__bnr.-trial .cHer__bnr__btn.-sw { margin-left: calc(22/544*100%); }
#toppage .cHer__bnr.-trial .cHer__bnr__btn.-ps { margin-left: calc(281/544*100%); }

#toppage .cHer__specList { width: calc(584/750*100%); margin: 0 auto; }
#toppage .cHer__sL__item { margin-top: calc(20/584*100%); }

@media screen and (min-width: 641px) {
	#toppage .contHero { padding-top: calc(28/1324*100%); padding-bottom: 0; overflow: hidden; }
	
	#toppage .cHer__block { }
	#toppage .cHer__block.-top { padding-bottom: calc(47/1324*100%); }
	#toppage .cHer__block.-btm { background: rgba(0,0,0,0.5); margin-top: calc(0/1324*100%); }
	
	
	#toppage .cHer__catchcopy { width: calc(658/1204*100%); margin-left: calc(-8/1204*100%); }
	#toppage .cHer__logo { width: calc(812/1204*100%); margin-top: calc(65/1204*100%); margin-left: calc(-82/1204*100%); }
	#toppage .cHer__release { width: calc(281/1204*100%); margin-top: calc(-35/1204*100%); margin-left: calc(184/1204*100%); }
	
	
	#toppage .cHer__bnr { margin: 0; position: absolute; bottom: 0; right: 0; }
	
	#toppage .cHer__bnr.-prod { width: calc(381/1204*100%); margin-top: 0; margin-bottom: calc(165/1204*100%); }
	#toppage .cHer__bnr.-trial { width: calc(381/1204*100%); margin-top: 0; margin-bottom: calc(33/1204*100%); }
	
	#toppage .cHer__bnr.-trial .cHer__bnr__btn { width: calc(168/381*100%); margin-top: calc(96/381*100%); }
	#toppage .cHer__bnr.-trial .cHer__bnr__btn.-sw { margin-left: calc(18/381*100%); }
	#toppage .cHer__bnr.-trial .cHer__bnr__btn.-ps { margin-left: calc(196/381*100%); }
	
	
	#toppage .cHer__specList { width: 100%; margin: 0 auto; padding: calc(20/1204*100%) 0; 
		display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	#toppage .cHer__sL__item { margin: 0 calc(5/1204*100%); }
	#toppage .cHer__sL__item.-i1 { width: calc(411/1204*100%); order: 2; }
	#toppage .cHer__sL__item.-i2 { width: calc(181/1204*100%); order: 3; }
	#toppage .cHer__sL__item.-i3 { width: calc(254/1204*100%); order: 1; }
	#toppage .cHer__sL__item.-i4 { width: calc(171/1204*100%); order: 4; }
}
@media screen and (min-width: 1325px) {
	#toppage .contHero { padding-top: 28px; }
}


/* .contStory ---------------------------------------------------------------------------------------------------------------- */
#toppage .contStory { width: 100%; background: url("../../_img/story/bg_sp.png") top center no-repeat; background-size: 100%; margin-top: calc(0/750*100%); padding-top: 0; padding-bottom: calc(571/750*100%); }

#toppage .cStr__blockCopy { width: 100%; height: 0; position: relative; overflow: hidden; padding-top: calc(373/750*100%); }
#toppage .cStr__blockCopy .cStr__bCo__grunge { width: 100%; position: absolute; top: 0; left: 0; }
#toppage .cStr__blockCopy .cStr__bCo__text { width: 100%; position: absolute; top: 0; left: 0; }

#toppage .cStr__btnVideo { width: calc(384/750*100%); margin-top: calc(-29/750*100%); margin-left: calc(48/750*100%); }

@media screen and (min-width: 641px) {
	#toppage .contStory { background: url("../../_img/story/bg_pc.png") top center no-repeat; background-size: calc(1920/1324*100%); margin-top: 0; padding-top: calc(40/1324*100%); padding-bottom: calc(412/1324*100%); }
	
	#toppage .cStr__blockCopy { width: calc(1235/1204*100%); padding-top: calc(432/1204*100%); margin-left: calc(-358/1204*100%); }
	#toppage .cStr__blockCopy .cStr__bCo__grunge { }
	#toppage .cStr__blockCopy .cStr__bCo__text { width: calc(582/1235*100%); margin-top: calc(17/1235*100%); margin-left: calc(358/1235*100%); }
	
	#toppage .cStr__btnVideo { width: calc(384/1204*100%); margin-top: calc(-71/1204*100%); margin-left: calc(2/1204*100%); }
	
}
@media screen and (min-width: 1325px) {
	#toppage .contStory { background-size: 1920px; padding-top: 40px; padding-bottom: 412px; }
}


/* .contCharacter ---------------------------------------------------------------------------------------------------------------- */
#toppage .contCharacter { width: 100%; margin-top: calc(-438/750*100%); padding-bottom: calc(93/750*100%); }

#toppage .cChara__cont { width: calc(650/750*100%); margin: 0 auto; position: relative; }

#toppage .cCha__list__wrap { width: 100%; position: relative; overflow: visible; }
#toppage .cCha__list { }
#toppage .cCha__list__item { position: relative; }

#toppage .cCha__full { position: absolute; top: 0; right: 0; }
#toppage .cCha__detail { width: 100%; position: relative; }
#toppage .cCha__detail .cCha__name { width: calc(512/650*100%); margin-left: calc(-3/650*100%); position: relative; }
#toppage .cCha__detail .cCha__text { width: calc(512/650*100%); margin-top: calc(-40/650*100%); margin-left: calc(-3/650*100%); position: relative; }

#toppage .cCha__list__item.-i1 .cCha__full { width: calc(381/650*100%); margin-top: calc(-317/650*100%); right: calc(-54/650*100%); }
#toppage .cCha__list__item.-i2 .cCha__full { width: calc(396/650*100%); margin-top: calc(-297/650*100%); right: calc(-103/650*100%); }
#toppage .cCha__list__item.-i3 .cCha__full { width: calc(272/650*100%); margin-top: calc(-251/650*100%); right: calc(-48/650*100%); }
#toppage .cCha__list__item.-i4 .cCha__full { width: calc(386/650*100%); margin-top: calc(-349/650*100%); right: calc(-81/650*100%); }


#toppage .cCha__subNav { width: 100%; margin-top: calc(31/650*100%); position: relative; z-index: 3;
	display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
#toppage .cCha__sN__item { width: calc(122/650*100%); margin-right: calc(12/650*100%); position: relative; }
#toppage .cCha__sN__item.-i1 { margin-top: 0; }
#toppage .cCha__sN__item.-i2 { margin-top: calc(-18/650*100%); }
#toppage .cCha__sN__item.-i3 { margin-top: calc(-36/650*100%); }
#toppage .cCha__sN__item.-i4 { margin-top: calc(-54/650*100%); }

#toppage .cCha__sN__item::after { content: ""; display: block; width: 100%; height: 100%; background: url("../../_img/character/btn_on_sp.png") center center no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; opacity: 0; }
#toppage .cCha__sN__item.current::after { opacity: 1; }

@media screen and (min-width: 641px) {
	#toppage .contCharacter { margin-top: calc(-338/1324*100%); padding-bottom: calc(0/1324*100%); }
	#toppage .contCharacter::before { content: ""; display: block; position: absolute; top: 0; left: 50%; background: rgba(0,0,0,0.7); 
		width: calc(1920/1324*100%); margin-top: calc(16/1324*100%); margin-left: calc(-960/1324*100%); padding-bottom: calc(305/1324*100%); transform: skew(0deg,-8deg); }
	
	#toppage .cChara__cont { width: 100%; }
	
	#toppage .cCha__list__wrap { }
	#toppage .cCha__list { }
	#toppage .cCha__list__item { }
	
	#toppage .cCha__detail { width: calc(644/1204*100%); }
	#toppage .cCha__detail .cCha__name { width: calc(511/644*100%); margin-left: calc(1/644*100%); }
	#toppage .cCha__detail .cCha__text { width: calc(644/644*100%); margin-top: calc(-53/644*100%); margin-left: calc(-2/644*100%); }
	
	#toppage .cCha__list__item.-i1 .cCha__full { width: calc(381/1204*100%); margin-top: calc(-585/1204*100%); right: calc(40/1204*100%); }
	#toppage .cCha__list__item.-i2 .cCha__full { width: calc(396/1204*100%); margin-top: calc(-565/1204*100%); right: calc(-8/1204*100%); }
	#toppage .cCha__list__item.-i3 .cCha__full { width: calc(272/1204*100%); margin-top: calc(-519/1204*100%); right: calc(46/1204*100%); }
	#toppage .cCha__list__item.-i4 .cCha__full { width: calc(386/1204*100%); margin-top: calc(-617/1204*100%); right: calc(13/1204*100%); }
	
	
	#toppage .cCha__subNav { margin-top: calc(12/1204*100%); }
	#toppage .cCha__sN__item { width: calc(92/1204*100%); margin-right: calc(14/1204*100%); cursor: pointer; }
	#toppage .cCha__sN__item.-i1 { margin-top: 0; }
	#toppage .cCha__sN__item.-i2 { margin-top: calc(-15/1204*100%); }
	#toppage .cCha__sN__item.-i3 { margin-top: calc(-30/1204*100%); }
	#toppage .cCha__sN__item.-i4 { margin-top: calc(-45/1204*100%); }
	
	#toppage .cCha__sN__item { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block; }
	#toppage .cCha__sN__item:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }
	
	#toppage .cCha__sN__item::after { background: url("../../_img/character/btn_on_pc.png") center center no-repeat; background-size: 100%; }
}
@media screen and (min-width: 1325px) {
	#toppage .contCharacter { margin-top: -338px; padding-bottom: 0px; }
	#toppage .contCharacter::before { width: 1920px; margin-top: 16px; margin-left: -960px; padding-bottom: 305px; }
}
@media screen and (min-width: 1932px) {
	#toppage .contCharacter { overflow: visible; }
}

/* .contAbout ---------------------------------------------------------------------------------------------------------------- */
#toppage .contAbout { width: 100%; background: url("../../_img/about/bg_sp.png") top center no-repeat; background-size: 100%; padding-top: calc(19/750*100%); padding-bottom: calc(138/750*100%); }

#toppage .cAbt__pic { width: 100%; }

#toppage .cAbt__blockCopy { width: 100%; height: 0; position: relative; overflow: hidden; padding-top: calc(531/750*100%); margin-top: calc(-257/750*100%); }
#toppage .cAbt__blockCopy .cAbt__bCo__grunge { width: 100%; position: absolute; top: 0; left: 0; }
#toppage .cAbt__blockCopy .cAbt__bCo__text { width: 100%; position: absolute; top: 0; left: 0; }

#toppage .cAbt__blockVideo { width: calc(650/750*100%); margin: calc(32/750*100%) auto 0; position: relative; }
#toppage .cAbt__bVdo__item { width: calc(560/650*100%); position: relative; }
#toppage .cAbt__bVdo__item::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#toppage .cAbt__bVdo__i__subhl { width: calc(96/560*100%); position: absolute; top: 0; z-index: 2; }
#toppage .cAbt__bVdo__i__video { width: 100%; position: relative; }
#toppage .cAbt__bVdo__i__video video { width: 100%; height: auto; }

#toppage .cAbt__bVdo__item.-i1 .cAbt__bVdo__i__subhl { right: calc(-71/560*100%); margin-top: calc(-41/560*100%); }
#toppage .cAbt__bVdo__item.-i2 { margin-left: calc(90/650*100%); margin-top: calc(90/650*100%); }
#toppage .cAbt__bVdo__item.-i2 .cAbt__bVdo__i__subhl { left: calc(-70/560*100%); margin-top: calc(-40/560*100%); }

@media screen and (min-width: 641px) {
	#toppage .contAbout { background: url("../../_img/about/bg_pc.png") top center no-repeat; background-size: calc(1920/1324*100%); margin-top: calc(-100/1324*100%); padding-top: calc(121/1324*100%);
		padding-bottom: calc(150/1324*100%); }
	
	#toppage .cAbt__pic { width: calc(745/1204*100%); position: absolute; top: 0; right: calc(-80/1204*100%); margin-top: calc(-121/1204*100%);}
	
	#toppage .cAbt__blockCopy { width: calc(864/1204*100%); padding-top: calc(540/1204*100%); margin-top: 0; margin-left: calc(-211/1204*100%); }
	#toppage .cAbt__blockCopy .cAbt__bCo__grunge { }
	#toppage .cAbt__blockCopy .cAbt__bCo__text { width: calc(547/864*100%); margin-top: calc(146/864*100%); margin-left: calc(207/864*100%); }
	
	#toppage .cAbt__blockVideo { width: 100%; margin: calc(139/1204*100%) auto 0; 
		display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
		-ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	#toppage .cAbt__bVdo__item { width: calc(512/1204*100%); }
	#toppage .cAbt__bVdo__i__subhl { width: calc(72/512*100%); }
	#toppage .cAbt__bVdo__i__video { }
	
	#toppage .cAbt__bVdo__item.-i1 { margin-left: calc(61/1204*100%); }
	#toppage .cAbt__bVdo__item.-i1 .cAbt__bVdo__i__subhl { left: calc(-62/512*100%); right: inherit; margin-top: calc(-22/512*100%); }
	#toppage .cAbt__bVdo__item.-i2 { margin-left: auto; margin-top: calc(-47/1204*100%); }
	#toppage .cAbt__bVdo__item.-i2 .cAbt__bVdo__i__subhl { left: calc(-60/512*100%); margin-top: calc(-21/512*100%); }
}
@media screen and (min-width: 1325px) {
	#toppage .contAbout { background-size: 1920px; margin-top: -100px; padding-top: 121px; padding-bottom: 150px; }
}


/* .contOthers ---------------------------------------------------------------------------------------------------------------- */
#toppage .contOthers { width: 100%; background: url("../../_img/others/bg_sp.png") top center no-repeat; background-size: 100%; margin-top: calc(-50/750*100%); padding-top: 0; padding-bottom: calc(153/750*100%); }

#toppage .cOths__blockCopy { width: 100%; height: 0; position: relative; overflow: hidden; padding-top: calc(305/750*100%); }
#toppage .cOths__blockCopy .cOths__bCo__grunge { width: 100%; position: absolute; top: 0; left: 0; }
#toppage .cOths__blockCopy .cOths__bCo__text { width: 100%; position: absolute; top: 0; left: 0; }

#toppage .cOths__picList__wrap { width: calc(1335/750*100%); margin-top: calc(-72/750*100%); transform: rotate(-8deg); overflow: visible; }
#toppage .cOths__picList__wrap .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;  margin: 0 auto; }
#toppage .cOths__picList .swiper-slide { position: relative; 
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}

#toppage .cOths__picList .swiper-slide img { margin-right: calc(20/1335*100%); }
#toppage .cOths__picList .swiper-slide img.abs { position: absolute; }
#toppage .cOths__picList .swiper-slide.-p1 img:nth-child(1) { width: calc(875/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p1 img:nth-child(2) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p1 img:nth-child(3) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; right: calc(20/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p2 img:nth-child(1) { width: calc(875/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p2 img:nth-child(2) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p2 img:nth-child(3) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; right: calc(20/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p3 img:nth-child(1) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p3 img:nth-child(2) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; left: 0; }
#toppage .cOths__picList .swiper-slide.-p3 img:nth-child(3) { width: calc(875/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p4 img:nth-child(1) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p4 img:nth-child(2) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; left: 0; }
#toppage .cOths__picList .swiper-slide.-p4 img:nth-child(3) { width: calc(875/1335*100%); }

#toppage .cOths__picList .swiper-slide.-p5 img:nth-child(1) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p5 img:nth-child(2) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; left: 0; }
#toppage .cOths__picList .swiper-slide.-p5 img:nth-child(3) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p5 img:nth-child(4) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; left: calc(440/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p5 img:nth-child(5) { width: calc(875/1335*100%); margin-right: calc(-420/1335*100%); }

#toppage .cOths__picList .swiper-slide.-p6 img:nth-child(1) { width: calc(875/1335*100%); margin-left: calc(-455/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p6 img:nth-child(2) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p6 img:nth-child(3) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; left: calc(440/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p6 img:nth-child(4) { width: calc(875/1335*100%); margin-right: calc(-420/1335*100%); }

#toppage .cOths__picList .swiper-slide.-p7 img:nth-child(1) { width: calc(875/1335*100%); margin-left: calc(-455/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p7 img:nth-child(2) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p7 img:nth-child(3) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; left: calc(440/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p7 img:nth-child(4) { width: calc(420/1335*100%); }
#toppage .cOths__picList .swiper-slide.-p7 img:nth-child(5) { width: calc(420/1335*100%); margin-right: 0; bottom: 0; right: calc(20/1335*100%); }


@media screen and (min-width: 641px) {
	#toppage .contOthers { background: url("../../_img/others/bg_pc.png") top center no-repeat; background-size: calc(1920/1324*100%); margin-top: calc(-91/1324*100%); padding-top: calc(12/1324*100%); padding-bottom: calc(160/1324*100%); }
	
	#toppage .cOths__blockCopy { width: calc(1419/1204*100%); padding-top: calc(353/1204*100%); margin-left: calc(-358/1204*100%); }
	#toppage .cOths__blockCopy .cOths__bCo__grunge { }
	#toppage .cOths__blockCopy .cOths__bCo__text { width: calc(807/1419*100%); margin-top: calc(98/1419*100%); margin-left: calc(356/1419*100%); }

	#toppage .cOths__picList__wrap { width: calc(1335/1204*100%); margin-top: calc(-111/1204*100%); margin-left: calc(-65.5/1204*100%); }
	
	#toppage .cAct__charaList { }
	#toppage .cAct__cL__item { }
	#toppage .cAct__cL__item.-i4 { left: calc(605/1204*100%); margin-top: calc(-489/1204*100%); width: calc(333/1204*100%); }
	#toppage .cAct__cL__item.-i3 { left: calc(838/1204*100%); margin-top: calc(-377/1204*100%); width: calc(314/1204*100%); }
	#toppage .cAct__cL__item.-i2 { left: calc(103/1204*100%); margin-top: calc(-370/1204*100%); width: calc(428/1204*100%); }
	#toppage .cAct__cL__item.-i1 { left: calc(239/1204*100%); margin-top: calc(-373/1204*100%); width: calc(628/1204*100%); }
	
}
@media screen and (min-width: 1325px) {
	#toppage .contOthers { background-size: 1920px; margin-top: -91px; padding-top: 12px; padding-bottom: 160px; }
}


/* .contProduct ---------------------------------------------------------------------------------------------------------------- */
#toppage .contProduct { width: 100%; margin-top: calc(-55/750*100%); padding-top: 0; padding-bottom: calc(450/750*100%); overflow: hidden; }
#toppage .contProduct::before { content: ""; display: block; background: rgba(0,54,210,0.2); width: 100%; height: calc(100% - 0/750*100vw); position: absolute; top: 0; left: 0; margin-top: calc(100/750*100%); 
	transform: skew(0deg,-8deg); }


#toppage .cPro__cont { width: calc(650/750*100%); margin: 0 auto; }

#toppage .cPro__logo { width: calc(594/650*100%); margin: 0 auto; }
#toppage .cPro__release { width: calc(291/650*100%); margin: calc(-23/650*100%) auto 0; }


#toppage .sPro__selectBtn { width: 100%; margin-top: calc(77/650*100%); 
	display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#toppage .sPro__sBtn__item { width: calc(260/650*100%); position: relative; margin: 0 calc(30/650*100%); }
#toppage .sPro__sBtn__item .btntext { position: relative; cursor: pointer; }
#toppage .sPro__sBtn__item.-switch .btntext { background: #e60012; }
#toppage .sPro__sBtn__item.-ps4 .btntext { background: #004098; }
#toppage .sPro__sBtn__item.active::after { content: ""; display: block; width: 100%; height: 0; padding-top: calc(6/260*100%); margin-top: calc(8/260*100%); }
#toppage .sPro__sBtn__item.active.-switch::after { background: #e60012; }
#toppage .sPro__sBtn__item.active.-ps4::after { background: #004098; }

#toppage .sPro__prodList__wrap { }
#toppage .sPro__prodList { }
#toppage .sPro__prLi__item { }

#toppage .sPro__block { position: relative; }

#toppage .sPro__prLi__it__ttl { width: 100%; margin-top: calc(80/650*100%); position: relative; }
#toppage .sPro__block.-lim .sPro__prLi__it__ttl { margin-top: calc(60/650*100%); }

#toppage .sPro__prLi__it__privi { width: 100%; margin-top: calc(30/650*100%); position: relative; }
#toppage .sPro__block.-pkg .sPro__prLi__it__privi { margin-top: calc(30/650*100%); }
#toppage .sPro__block.-dl .sPro__prLi__it__privi { margin-top: calc(30/650*100%); }

#toppage .sPro__prLi__it__notes  { margin-top: 0.5em; font-size: 2.133vw; color: #909090; }

#toppage .sPro__prLi__it__pr__item { width: 100%; position: relative; }
#toppage .sPro__prLi__it__pr__price { width: 100%; position: absolute; bottom: 0; left: 50%; margin-left: -50%; margin-bottom: calc(67/650*100%); text-align: center; color: #fff; font-size: calc(17/750*100vw); }
#toppage .sPro__prLi__it__pr__price .addPrice { font-size: 2em; font-weight: bold; }
#toppage .sPro__prLi__it__pr__btnlist { width: 100%; position: relative; }
#toppage .sPro__prLi__it__pr__btn { width: 100%; margin-top: calc(-31/650*100%); position: relative; }
#toppage .sPro__prLi__it__pr__btn a { display: block; width: calc(475/650*100%); margin-left: calc(89/650*100%);  }
#toppage .sPro__prLi__it__pr__notesList { width: 100%; margin: calc(20/650*100%) auto 0; }
#toppage .sPro__prLi__it__pr__nL__item { text-indent: -1em; padding-left: 1em; margin-top: 0.3em; line-height: 1.41; font-size: calc(17/750*100vw); }
#toppage .sPro__prLi__it__pr__nL__item:first-child { margin-top: 0; }


#toppage .-twewb { background: #01123b; padding-bottom: calc(50/650*100%); }
#toppage .-twewb .sPro__prLi__it__pr__btnlist { }
#toppage .-twewb .sPro__prLi__it__pr__btn.-es { }
#toppage .-twewb .sPro__prLi__it__pr__btn.-sn { margin-top: calc(40/650*100%); }
#toppage .-twewb .sPro__prLi__it__pr__notesList { width: calc(590/650*100%); }

#toppage .-amazon { margin-top: calc(15/650*100%); }
#toppage .-amazon .sPro__prLi__it__pr__price { margin-bottom: calc(57/650*100%); }
#toppage .-amazon .sPro__prLi__it__pr__btn { }

#toppage .-estore .sPro__prLi__it__pr__price { margin-bottom: calc(57/650*100%); }
#toppage .-estore .sPro__prLi__it__pr__btn { }

#toppage .-eshop .sPro__prLi__it__pr__price { margin-bottom: calc(57/650*100%); }
#toppage .-eshop .sPro__prLi__it__pr__btn { }
#toppage .-pss .sPro__prLi__it__pr__price { margin-bottom: calc(57/650*100%); }
#toppage .-pss .sPro__prLi__it__pr__btn { }

#toppage .cPro__official { width: calc(580/650*100%); margin: calc(70/650*100%) auto 0; }


@media screen and (min-width: 641px) {
	#toppage .contProduct { background: url("../../_img/product/bg_pc.png") top center no-repeat; background-size: calc(1920/1324*100%); margin-top: calc(-158/1324*100%); padding-top: calc(28/1324*100%); padding-bottom: calc(100/1324*100%); overflow: visible; }
	#toppage .contProduct::before { height: calc(100% - 185/1324*100vw); margin-top: calc(135/1324*100%); }
	
	
	#toppage .cPro__cont { width: 100%; margin: 0 auto; }
	
	#toppage .cPro__logo { width: calc(594/1204*100%); margin: 0 auto; }
	#toppage .cPro__release { width: calc(291/1204*100%); margin-top: calc(-23/1204*100%); }
	
	
	#toppage .sPro__selectBtn { margin-top: calc(50/1204*100%); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#toppage .sPro__sBtn__item { width: calc(580/1204*100%); margin: 0; }
	#toppage .sPro__sBtn__item .btntext { }
	#toppage .sPro__sBtn__item.active::after { padding-top: calc(4/580*100%); margin-top: calc(7/580*100%); }
	
	#toppage .sPro__sBtn__item { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block; }
	#toppage .sPro__sBtn__item:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
	
	#toppage .sPro__prodList__wrap { }
	#toppage .sPro__prodList { }
	#toppage .sPro__prLi__item { 
		display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
		-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	
	#toppage .sPro__block { margin: 0; }
	
	#toppage .sPro__block.-lim { width: 100%; }
	#toppage .sPro__block.-pkg { width: calc(790/1204*100%); 
		display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
		-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#toppage .sPro__block.-dl { width: calc(382/1204*100%); }
	
	#toppage .sPro__prLi__it__ttl { }
	#toppage .sPro__block.-lim .sPro__prLi__it__ttl { margin-top: calc(50/1204*100%); }
	#toppage .sPro__block.-pkg .sPro__prLi__it__ttl { margin-top: calc(60/790*100%); }
	#toppage .sPro__block.-dl .sPro__prLi__it__ttl { margin-top: calc(60/382*100%); }
	
	#toppage .sPro__prLi__it__privi { margin-top: calc(20/1204*100%); }
	#toppage .sPro__block.-pkg .sPro__prLi__it__privi { margin-top: calc(20/790*100%); width: calc(382/790*100%); }
	#toppage .sPro__block.-dl .sPro__prLi__it__privi { margin-top: calc(20/382*100%); }
	
	#toppage .sPro__prLi__it__notes  { font-size: 0.9063vw; }
	#toppage .sPro__block.-pkg .sPro__prLi__it__notes  { position: absolute; top: 0; left: 0; margin-top: calc(95/790*100%); }
	
	
	#toppage .sPro__prLi__it__pr__item { }
	#toppage .sPro__prLi__it__pr__price { width: calc(354/382*100%); left: inherit; right: 0; margin-left: auto; margin-right: calc(17/382*100%); text-align: right; font-size: calc(17/1324*100vw); }
	#toppage .sPro__prLi__it__pr__price .addPrice { }
	#toppage .sPro__prLi__it__pr__btnlist { }
	#toppage .sPro__prLi__it__pr__btn { margin-top: calc(-27/382*100%); }
	#toppage .sPro__prLi__it__pr__btn a { width: calc(354/382*100%); margin-right: calc(17/382*100%); }
	#toppage .sPro__prLi__it__pr__notesList { margin: calc(10/382*100%) auto 0; }
	#toppage .sPro__prLi__it__pr__nL__item { color: #e0e0e0; line-height: 1.41; font-size: 0.9063vw; }
	
	
	#toppage .-twewb { padding-bottom: calc(0/1204*100%); }
	#toppage .-twewb .sPro__prLi__it__pr__price { margin-right: calc(50/1204*100%); margin-bottom: calc(28/1204*100%); }
	#toppage .-twewb .sPro__prLi__it__pr__btnlist { width: calc(670/1204*100%); position: absolute; top: 0; left: 0; margin-top: calc(280/1204*100%); margin-left: calc(50/1204*100%); }
	#toppage .-twewb .sPro__prLi__it__pr__btn { width: 100%; margin-top: 0; }
	#toppage .-twewb .sPro__prLi__it__pr__btn a { width: calc(354/670*100%); margin-left: 0; }
	#toppage .-twewb .sPro__prLi__it__pr__btn.-es { }
	#toppage .-twewb .sPro__prLi__it__pr__btn.-sn { margin-top: calc(20/670*100%); }
	#toppage .-twewb .sPro__prLi__it__pr__notesList { width: 100%; margin: calc(3/670*100%) auto 0; }
	
	#toppage .-amazon .sPro__prLi__it__pr__price { margin-bottom: calc(43/382*100%); }
	#toppage .-amazon .sPro__prLi__it__pr__btn { }
	#toppage .-estore .sPro__prLi__it__pr__price { margin-bottom: calc(43/382*100%); }
	#toppage .-estore .sPro__prLi__it__pr__btn { }
	#toppage .-eshop .sPro__prLi__it__pr__price { margin-bottom: calc(43/382*100%); }
	#toppage .-eshop .sPro__prLi__it__pr__btn { }
	#toppage .-pss .sPro__prLi__it__pr__price { margin-bottom: calc(43/382*100%); }
	#toppage .-pss .sPro__prLi__it__pr__btn { }
	
	#toppage .cPro__official { width: calc(580/1204*100%); margin: calc(40/1204*100%) auto 0; }
}
@media screen and (min-width: 1325px) {
	#toppage .contProduct { background-size: 1920px; margin-top: -158px; padding-top: 28px; padding-bottom: 100px; }
	#toppage .contProduct::before { height: calc(100% - 185px); margin-top: 135px; }
	
	#toppage .sPro__prLi__it__notes { font-size: 1.2rem; }
	
	#toppage .sPro__prLi__it__pr__price { font-size: 1.7rem; }
	#toppage .sPro__prLi__it__pr__nL__item { font-size: 1.2rem; }
}



/* FIXED BNR ---------------------------------------------------------------------------------------------------------------- */
#toppage .bnrProd, 
#toppage .bnrTrial { width: calc(300/750*100%); padding-bottom: calc(30/750*100%); position: absolute; left: 50%; bottom: 0; transition: transform .3s; }
#toppage .bnrProd { margin-left: calc(-335/750*100%); }
#toppage .bnrTrial { margin-left: calc(-25/750*100%); }

#toppage .bnrProd.fixed, 
#toppage .bnrTrial.fixed { position: fixed; z-index: 99; }

#toppage .bnrProd.hide, 
#toppage .bnrTrial.hide { transform: translateY(100%); }

#toppage .bnrTrial .bnrTrial__btn { display: block; width: calc(242/300*100%); margin-left: calc(29/300*100%); position: absolute; top: 0; left: 0; }
#toppage .bnrTrial .bnrTrial__btn.-sw { margin-top: calc(234/300*100%); }
#toppage .bnrTrial .bnrTrial__btn.-ps { margin-top: calc(294/300*100%); }
@media screen and (min-width: 641px) {
	#toppage .bnrProd, 
	#toppage .bnrTrial { width: calc(211/1324*100%); padding-bottom: calc(20/1324*100%); left: 100%; }
	#toppage .bnrProd { margin-left: calc(-510/1324*100%); }
	#toppage .bnrTrial { margin-left: calc(-285/1324*100%); }
	
	#toppage .bnrTrial .bnrTrial__btn { width: calc(168/211*100%); margin-left: calc(22/211*100%); }
	#toppage .bnrTrial .bnrTrial__btn.-sw { margin-top: calc(175/211*100%); }
	#toppage .bnrTrial .bnrTrial__btn.-ps { margin-top: calc(210/211*100%); }
}
@media screen and (min-width: 1325px) {
	#toppage .bnrProd,
	#toppage .bnrTrial { width: 211px; padding-bottom: 20px; }
	
	#toppage .bnrProd { margin-left: -510px; }
	#toppage .bnrTrial { margin-left: -285px; }
}