.sub__title--bg01{background:url(../../img/flex/purple/subheader--bg01_cass01.jpg) 20% center no-repeat;background-size:cover;}
.header__logo{background-image:url(../../img/flex/purple/logo_cass01.png);width: 550px;margin-left: -275px;background-size: auto 70%;margin-top: -23px;}
.main__visual{background-image:url(../../img/flex/purple/banner-bg_cass01.jpg);overflow-x: hidden;}
.deco-item--left .deco-item__img--02:before{background-image:url(../../img/flex/purple/deco-item01_cass01.png);left: -10%;width: 80%;background-position: center;}
.deco-item--left .deco-item__img--02:after{background-image:url(../../img/flex/purple/deco-item02_cass01.png);height:90%;bottom: 0;left: 30%;}
.deco-item--right .deco-item__img--01{background-image:url(../../img/flex/purple/deco-item03_cass01.png);height: 90%;}
.deco-item--right .deco-item__img--02{background-image:url(../../img/flex/purple/deco-item04_cass01.png);bottom: 10%;width: 100%;height: 80%;right: -5%;}
.main__gamelist:before{background-image:url(../../img/flex/purple/left-bg_cass01.png);}
.main__gamelist:after{background-image:url(../../img/flex/purple/right-bg_cass01.png);}
.logo--sm{background-image:url(../../img/flex/purple/logo-sm_cass01.png);}
.sub.login{background-image:url(../../img/flex/purple/login-bg_cass01.jpg);animation-name: bg-ani-888;background-position: center bottom;}
.sub.join{background-image:url(../../img/flex/purple/join-bg_cass01.jpg);}
.sub__logo{background-image: url(../../img/flex/purple/logo_cass01.png);height: 279px;margin-bottom: -5px;margin-top: -79px;width: 140%;margin-left: -20%;}
.sub__container:before{background-image:url(../../img/flex/purple/banner-bg_cass01.jpg);}
.sub{min-height: auto;}

.sub.login .sub__container {max-width: 550px;background: rgba(0, 0, 0, 0.6);}
.sub.join .sub__container {background: rgba(0, 0, 0, 0.6);}

@keyframes bg-ani-back {
	0% {
		background-size: 100%;
	}
	100% {
		background-size: 105%;
	}
}

.main__gamelist.style2 {margin: 0 auto 100px auto;padding-top: 50px;}
.main__gamelist.style2:before{bottom:26%;background-size: contain;left: -200px;}
.main__gamelist.style2:after{bottom: 10%;right: -14%;}
.paging a.on {background-color: #d72e66;}
.popup-web-wrap > h2{height: auto}
.sub__flex-content .help h2{color: #ffffffcc}

input, select, textarea{font-weight: normal;}

@media (max-width: 1000px) {
.popup{min-width: 50%;}
.main__gamelist.style2 {margin: 0 auto 4rem auto;padding-top: 1rem;}
.main__gamelist.style2:after{right: 0;background-position:80px center}
.sub .info--column p{word-break: keep-all;}
.header__logo {top: -30vw;height: 25vw;left: 50%;width: 100vw;margin-left: 0;left: 0;background-size: contain;}
.sub__logo{background-size:contain;height: 180px;margin-top: 0;width: 100%;margin-left: 0}
.deco-item--right .deco-item__img--01{width: 150%}
.deco-item--left .deco-item__img--02:after{width: 100%;bottom:0;height: 90%;left:-2%}
.deco-item--left .deco-item__img--02:before{background-size: contain;background-position: center 80%;width: 100%;left: -50%;height:100%}
.deco-item--right .deco-item__img--02{background-size: contain;background-position:right bottom;width: 100%;right: -80px;height:100%}
@media (min-width: 1001px) {
.header__logo{width: 500px;margin-left: -250px;background-size: contain;}
.deco-item--left .deco-item__img--02:before{background-size: contain;background-position: left bottom;}
.deco-item--left .deco-item__img--02:after{background-size: contain;bottom:30px}
.deco-item--right .deco-item__img--01{background-size: contain;}
.deco-item--right .deco-item__img--02{background-size: contain;background-position:right bottom;}
}