@media screen and (max-width: 1400px) {
	img {
		max-width: 100%;
	}

	.feature_bottom {
		width: 100%;
	}

}

@media screen and (max-width: 1200px) {
	.news {
		background-position: 30% 0;
	}

	.news_wrap {
		margin-left: 0;
	}



}

@media screen and (max-width: 1024px) {
	.main_wrap {
		width: 60%;
	}

	.news {
		background-position: center top;
	}

	#popWeapon,
	#popCostume,
	#popSkill,
	#popPet {
		transform: scale(0.8) translate(-62%, -50%);
	}

}

@media screen and (max-width: 820px) {
	section {
		height: calc(100% - env(safe-area-inset-bottom)) !important;
	}

	.home {
		background: url(../../images/homepage/section1/bg_m.jpg?v1.0.0) no-repeat center top;
		background-size: 100%;
	}

	.news_container {
		min-height: 60vh;
	}

	.news img {
		width: 100%;
	}

	.news_wrap {
		width: 90%;
		margin: 0 auto;
		height: auto;
	}

	.news_list {
		font-size: 1.8em;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 10px;
	}

	.news_title p {
		max-width: 88%;
	}

	.news_type {
		width: 20%;
		order: 1;
	}

	.news_date {
		order: 2;
	}

	.news_title {
		width: 99%;
		min-height: 40px;
		order: 3;
	}

	.news_list.top .news_title::after,
	.news_list.new .news_title::after {
		max-width: 55px;
		background-size: 100%;
	}

	.news .pagination {
		margin-top: 40px;
	}

	.pagination .page-link {
		font-size: 1.2em;
		margin: 0px 6px;
	}

	.pagination .page-item,
	.pagination .page-goto {
		font-size: 1.5em;
		padding: 0 .5em;
	}

	#popNews {
		width: 100%;
		max-width: 1300px;
		height: 80vh;
		top: 50%;
		background: url(../../images/homepage/section2/pop_bg.png) no-repeat center top;
		background-size: cover;
	}

	#popNews .close {
		right: -4%;
		top: -4%;
	}

	.popContent p {
		font-size: 1.5em;
	}

	.popContent {
		height: 60vh;
	}

	.news_bottom {
		margin-top: 3%;
	}

	.panel {
		width: 94%;
		max-width: 890px;
		max-height: 663px;
		display: flex;
		background: url(../../images/homepage/section3/panel_m.png) no-repeat;
		background-size: 100%;
		position: relative;
	}

	#popWeapon,
	#popCostume,
	#popSkill,
	#popPet {
		background: url(../../images/homepage/section3/pop_bg_m.png) no-repeat;
		background-size: cover;
	}

	.close {
		transform: scale(1.5);
	}

	.info {
		display: none;

	}

	.info_m {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.tab_btn {
		width: 105%;
	}

	.tab_btn>div {
		transform: scale(1.5);
	}

	.equip {
		width: 21%;
		max-width: 320px;
		transform-origin: 50% 50%;
		position: absolute;
	}

	.btn_weapon {
		top: 12%;
		left: 3%;
	}

	.btn_costume {
		top: 12%;
		right: 3%;
	}

	.btn_skill {
		top: 60%;
		left: 3%;
	}

	.btn_pet {
		top: 60%;
		right: 3%;
	}

	.text {
		width: 90%;
		font-size: 1.4em;
	}

	.features_wrap {
		display: none;
	}

	.features_wrap_m {
		width: 85%;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		opacity: 0;
	}

	.features_container_m {
		width: 100%;
		position: absolute;
		overflow: hidden;
	}

	.feature_bottom>div {
		width: 12%;
	}

	.char01 {
		width: 80%;
		max-width: 920px;
		left: -80px;
		bottom: 50px;
	}

	.char02 {
		width: 50%;
		max-width: 599px;
		right: 0;
		bottom: -70px;
	}

	.ladybug {
		top: 210px;
		left: 130px;
	}

	.popup {
		width: 85%;
	}

	/*----footer----*/
	.swiper-container .swiper-wrapper .header,
	.swiper-container .swiper-wrapper .footer {
		height: 340px;
	}

	.footer_wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.company {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 5%;
	}

	.logos {
		width: 330px;
		margin-bottom: 5%;
		transform: scale(1.2);
	}

	.copyright {
		text-align: center;
	}

	.footer_link {
		margin: 10px;
	}
}

@media screen and (max-width: 780px) {
	.popNews_title {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.popNews_title img {
		order: 1;
		margin-left: -1%;
	}

	.popNews_title h2 {
		font-size: 1.2em;
		order: 3;
	}

	.popNews_title p {
		order: 2;
	}

	.popContent {
		height: 57vh;
	}

	#popWeapon,
	#popCostume,
	#popSkill,
	#popPet {
		transform: scale(0.7) translate(-71%, -50%);
	}
}

@media screen and (max-width: 720px) {
	.equip {
		width: 17%;
	}

	.btn_weapon {
		top: 9%;
		left: 6%;
	}

	.btn_costume {
		top: 9%;
		right: 6%;
	}

	.btn_skill {
		top: 57%;
		left: 6%;
	}

	.btn_pet {
		top: 57%;
		right: 6%;
	}

	#popWeapon,
	#popCostume,
	#popSkill,
	#popPet {
		transform: scale(0.5) translate(-100%, -50%);
	}



}

@media screen and (max-width: 540px) {
	.popNews_title {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.popNews_title img {
		order: 1;
		margin-left: -1%;
	}

	.popNews_title h2 {
		font-size: 1.2em;
		order: 3;
	}

	.popNews_title p {
		order: 2;
	}

	.popContent {
		height: 54vh;
	}

	.btn_weapon {
		top: 8%;
		left: 2%;
	}

	.btn_costume {
		top: 8%;
		right: 2%;
	}

	.btn_skill {
		top: 44%;
		left: 2%;
	}

	.btn_pet {
		top: 44%;
		right: 2%;
	}
}


@media screen and (max-width: 480px) {
	.main_wrap {
		width: 80%;
	}

}

@media screen and (max-width: 365px) {}