.mv_area{ height: 90vh; max-height: 740px; overflow-x: hidden; position: relative;  background-image: url(https://www.arcsystemworks.jp/ddrev/images/mv_bg_sp.jpg);}
.mv_area .top{ width: 1000px; left: inherit; right: 0;}
.mv_area .fog{ z-index: 1; height: 100vh; top: 0; left: 0; bottom: 0;}
.mv_area .bottom{ width: 600px; bottom: -1px;}
.mv_area .mv_content{ position: initial;}
.mv_area .mv_content ul{ max-width: 156px; top: 0; margin: 0 0 0 20px;}
.mv_area .mv_content ul li,
.mv_area .mv_content ul li:nth-child(1),
.mv_area .mv_content ul li:nth-child(2),
.mv_area .mv_content ul li:nth-child(3),
.mv_area .mv_content ul li:nth-child(4){ margin: 10px 0 0 0;}
.mv_area .mv_content ul li:nth-child(1){ max-width: 135px;}
.mv_area .mv_content ul li:nth-child(2){ width: 68px;}
.mv_area .mv_content ul li:nth-child(3){ width: 150px;}
.mv_area .mv_content ul li:nth-child(4){ max-width: 103px;}
.mv_area .mv_content .chara_box{ min-width: 500px; max-width: 500px; width: 500px; right: 50%; margin-left: -250px; position: absolute;}
.mv_area .mv_content .chara_box img{ bottom: -1px;}
.mv_area .mv_content .chara_box #mv_chara01,
.mv_area .mv_content .chara_box #mv_chara01_s{ left: 15px;}
.mv_area .mv_content .text_box{ max-width: 270px; bottom: 20px;}
.mv_area .mv_content .text_box .store_links{ width: 80%;}
@media screen and (max-height:800px){
	.mv_area .mv_content .chara_box{ min-width: 460px; width: 100%; max-width: 100%; margin-left: -230px;}
}


/* news_list */
.news_list_area{ background-image: url(https://www.arcsystemworks.jp/ddrev/images/top_news_bg_sp.jpg);}
.news_list_area .container{ padding: 20px 20px 50px; box-sizing: border-box; display: block;}
.news_list_area .container .title{ width: 100%; height: auto; flex-direction: inherit; justify-content: space-between;}
.news_list_area .container .title p{ font-size: 42px; margin: 0;}
.news_list_area .container .title p span{ font-size: 52px;}
.news_list_area .container .title .swiper-news-box{ margin: 0; max-width: 120px;}
.news_list_area .container .title .swiper-news-button-prev{ width: 40px;}
.news_list_area .container .title .swiper-news-button-prev::before{ background-size: 9px;}
.news_list_area .container .title .swiper-news-button-next{ width: 40px;}
.news_list_area .container .title .swiper-news-button-next::before{ background-size: 9px;}
.news_list_area .container .news_swiper{ width: 100%; margin-top: 10px;}
.news_list_area .news_swiper .swiper-news-container .swiper-slide{ padding: 30px 40px;}
.news_list_area .news_bg01.active{ clip-path: polygon(0% 600px, 100% 300px, 100% 100%, 0% 100%);}
.news_list_area .news_bg02.active{ clip-path: polygon(0% 200px, 100% 500px, 100% 100%, 0% 100%);}


/* movie_area */
.movie_area .title{ width: 5%; padding: 100px 0px;}
.movie_area .title > div{ height: 214px; bottom: initial; left: 6px;}
.movie_area .title > div p{ font-size: 42px;}
.movie_area .title > div p span{ font-size: 52px;}
.movie_area .movie{ width: 95%; min-height: 340px;}
.movie_area .movie a::before,
.movie_area .movie a::after{ width: 30px; height: 30px;}
.movie_area .movie #youtube-wrapper{ width: 200%; /*height: 100%;*/ top: 0; left: 50%; bottom: 0; margin: auto 0 auto -100%;}
.movie_area .movie a .btn{ width: 50px; background-size: 13px;}

.modal-video-close-btn{ width: 50px !important; height: 50px !important; top: -50px !important;}


/* about_area */
.about_area{ height: auto; overflow: hidden;}
.about_area .luxy-el.bg{ background-image: url(https://www.arcsystemworks.jp/ddrev/images/top_about_bg_sp.jpg);}
.about_area.active{ clip-path: none;}
.about_area #container .text{ padding: 100px 0; box-sizing: border-box; position: relative;}
.about_area #container .text .title p{ font-size: 42px;}
.about_area #container .text .title p > span{ font-size: 52px;}
.about_area #container .text h2{ font-size: 18px;}
.about_area #container .text > div > p{ font-size: 14px; line-height: 2;}
.about_area #container .chara{ width: 600px; max-width: 600px; top: -140px; right: 0; left: 50%; margin: auto 0 auto -300px;}


/* story_area */
.story_area{ height: auto; z-index: 1;}
.story_area.active{ clip-path: polygon(0% 0%, 100% 4%, 100% 100%, 0% 100%); margin-top: -80px;}
.story_area .luxy-el.bg{ background-image: url(https://www.arcsystemworks.jp/ddrev/images/top_story_bg_sp.jpg);}
.story_area #container .text{ padding: 100px 0; box-sizing: border-box; position: relative;}
.story_area #container .text .title p{ font-size: 42px;}
.story_area #container .text .title p > span{ font-size: 52px;}
.story_area #container .text > div > p{ font-size: 14px; line-height: 2;}
.story_area #container .chara{ width: 600px; max-width: 600px; top: -140px; right: 0; left: 50%; margin: auto 0 auto -300px;}


/* product_area */
.product_area{ padding: 20px 20px 50px}
.product_area .luxy-el.bg{ width: 100%; height: 1720px; background-image: url(https://www.arcsystemworks.jp/ddrev/images/top_product_bg_sp.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; margin: auto;}
.product_area #container .title p{ font-size: 42px;}
.product_area #container .title p > span{ font-size: 52px;}


/* character */
.character_area .title{ max-width: 140px;}
.character_area .title .box{ height: 130px; left: 10px; bottom: 10px;}
.character_area .title p{ font-size: 42px; margin: 0;}
.character_area .title p span{ font-size: 52px;}