@charset "UTF-8";

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

#contentsBody > h1 {
	display: none!important;
}
#mainvisual_area h1 {
	position: absolute;
	top: 102px;
	top: 13.6vw;
	left: 50%;
	z-index: 1;
	margin: 0 0 0 -250px;
	margin: 0 0 0 -33.3vw;
	width: 500px;
	width: 66.7vw;
	height: 158px;
	height: 21.1vw;
	background: url(../images/logo_sp.png) no-repeat;
	background-size: 500px 158px;
	background-size: 66.7vw 21.1vw;
	text-indent: -9999px;
}
#mainvisual_area h1 a {
	background: none;
}

#top_area {
	position: relative;
	width: 100%;
}

#mainvisual_area {
	position: relative;
	width: 100%;
	padding: 0 0 79px;
	padding: 0 0 10.5vw;
}
#mainvisual_area .information_text {
	position: absolute;
	top: 294px;
	top: 39.2vw;
	left: 0;
	width: 100%;
	font-family: "Noto Sans JP",sans-serif;
	font-size: 35px;
	font-size: 4.7vw;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;

	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0.3vw 0,  white -0.3vw 0,
    white 0px -2px, white 0px 2px,
    white 0 -0.3vw, white 0 0.3vw,
    white 2px 2px , white -2px 2px,
    white 0.3vw 0.3vw , white -0.3vw 0.3vw,
    white 2px -2px, white -2px -2px,
    white 0.3vw -0.3vw, white -0.3vw -0.3vw,
    white 1px 2px,  white -1px 2px,
    white 1px 0.3vw,  white -0.1vw 0.3vw,
    white 1px -2px, white -1px -2px,
    white 1px -0.3vw, white -0.1vw -0.3vw,
    white 2px 1px,  white -2px 1px,
    white 0.3vw 1px,  white -0.3vw 1px,
    white 2px -1px, white -2px -1px;
    white 0.3vw -0.1vw, white -0.3vw -0.1vw;
}
#mainvisual_area .mainvisual_bottom {
	position: absolute;
	left: 0;
	bottom: -1px;
	bottom: -0.1vw;
	line-height: 0;
}
#mainvisual_area .main_image {
	position: relative;
	margin: 0 auto 0;
	width: 750px;
	width: 100.0vw;
	height: 1372px;
	height: 182.9vw;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 750px 1244px;
	background-size: 100.0vw 165.9vw;
}
#mainvisual_area h2.title {
	position: absolute;
	top: 40px;
	top: 5.3vw;
	left: 32px;
	left: 4.3vw;
	width: 32px;
	width: 4.3vw;
	height: 648px;
	height: 86.4vw;
	background: url(../images/top/visual_txt_sp.png) no-repeat;
	background-size: 32px 648px;
	background-size: 4.3vw 86.4vw;
	text-indent: -9999px;
}
#mainvisual_area .left_area {
	position: relative;
	margin: 0 auto 0;
}
#mainvisual_area .news_area {
	margin: 0 auto 0;
}
#mainvisual_area .news_area h3.title {
	margin: 0 auto 0;
	width: 229px;
	width: 30.5vw;
	height: 83px;
	height: 11.1vw;
	background: url(../images/top/news_title_sp.png) no-repeat;
	background-size: 229px 83px;
	background-size: 30.5vw 11.1vw;
	text-indent: -9999px;
}
#mainvisual_area .news_area ul {
	margin: 40px auto 0;
	margin: 5.3vw auto 0;
	border-top: #c6c6c6 1px solid;
	border-top: #c6c6c6 1px solid;
}
#mainvisual_area .news_area li {
	padding: 45px 0;
	padding: 6.0vw 0;
	border-bottom: #c6c6c6 1px solid;
	border-bottom: #c6c6c6 1px solid;
}
#mainvisual_area .news_area li p.date {
	display: inline-block;
	vertical-align: top;
	width: 78px;
	width: 10.4vw;
	height: 72px;
	height: 9.6vw;
	margin: 0 14px 0 34px;
	margin: 0 1.9vw 0 4.5vw;
	padding: 11px 0 0;
	padding: 1.5vw 0 0;
	border: 1px solid #5d6670;
	border: 1px solid #5d6670;
	color: #5d6670;
	font-size: 24px;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
}
#mainvisual_area .news_area li p.date span.year {
	letter-spacing: 0.05em;
}
#mainvisual_area .news_area li p.title {
	display: inline-block;
	vertical-align: top;
	width: 610px;
	width: 81.3vw;
	font-size: 30px;
	font-size: 4.0vw;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
}
#mainvisual_area .news_area li p.title a {
	text-decoration: none;
}
#mainvisual_area .news_area .more {
	position: relative;
	margin: 40px auto 0;
	margin: 5.3vw auto 0;
	width: 620px;
	width: 82.7vw;
}
#mainvisual_area .news_area .more a {
	display: block;
	width: 620px;
	width: 82.7vw;
	height: 54px;
	height: 7.2vw;
	text-decoration: none;
	background: url(../images/btn_more_sp_off.png) no-repeat;
	background-size: 620px 54px;
	background-size: 82.7vw 7.2vw;
	text-indent: -9999px;
}
#mainvisual_area .news_area .more a:hover {
	background: url(../images/btn_more_sp_on.png) no-repeat;
	background-size: 620px 54px;
	background-size: 82.7vw 7.2vw;
}
#mainvisual_area .movie_area {
	position: relative;
	margin: 58px auto 0;
	margin: 7.7vw auto 0;
	width: 686px;
	width: 91.5vw;
}
#mainvisual_area .movie_area .movie_thumb {
	padding: 17px 23px 17px 23px;
	padding: 2.3vw 3.1vw 2.3vw 3.1vw;
	background: url(../images/image_bg.png);
	background-size: 36px 36px;
	background-size: 4.8vw 4.8vw;
}
#mainvisual_area .movie_area .movie_thumb .image {
	width: 640px;
	width: 85.3vw;
	height: 360px;
	height: 48.0vw;
}
#mainvisual_area .movie_area .movie_txt {
	position: absolute;
	top: 21px;
	top: 2.8vw;
	right: -9px;
	right: -1.2vw;
	z-index: 2;
	width: 23px;
	width: 3.1vw;
	height: 282px;
	height: 37.6vw;
	background: url(../images/top/movie_txt_sp.png) no-repeat;
	background-size: 23px 282px;
	background-size: 3.1vw 37.6vw;
	text-indent: -9999px;
}
#mainvisual_area .twitter_area {
	position: relative;
	margin: 54px auto 0;
	margin: 7.2vw auto 0;
	width: 686px;
	width: 91.5vw;
	padding: 22px 21px 22px 21px;
	padding: 2.9vw 2.8vw 2.9vw 2.8vw;
	background: url(../images/image_bg.png);
	background-size: 36px 36px;
	background-size: 4.8vw 4.8vw;
}
#mainvisual_area .twitter_area .twitter_txt {
	position: absolute;
	top: 24px;
	top: 3.2vw;
	right: -8px;
	right: -1.1vw;
	z-index: 2;
	width: 23px;
	width: 3.1vw;
	height: 248px;
	height: 33.1vw;
	background: url(../images/top/twitter_txt_sp.png) no-repeat;
	background-size: 23px 248px;
	background-size: 3.1vw 33.1vw;
	text-indent: -9999px;
}
#mainvisual_area .twitter_area .inner {
	background: #fff;
	height: 918px;
	height: 122.4vw;
	overflow: hidden;
}


.banner_area {
	position: absolute;
	top: 1171px;
	top: 156.1vw;
	left: 0;
	width: 750px;
	width: 100.0vw;
}
.banner_area .banner_list {
	display:none;
	width: 750px;
	width: 100.0vw;
}
.banner_area .banner_list.slick-initialized {
	display: block;
}
.banner_area .banner_list .slick-slide a {
	display: block;
	width: 507px;
	width: 67.6vw;
	height: 160px;
	height: 21.3vw;
}
.banner_area .banner_list .slick-slide img {
	width: 100%;
	height: auto;
}
.banner_area .banner_list .slick-slide {
	margin: 0 17px 0 17px; 
	margin: 0 2.3vw 0 2.3vw; 
}
.banner_list .slick-arrow {
	position: absolute;
	width: 44px;
	width: 5.9vw;
	height: 144px;
	height: 19.2vw;
	z-index: 200;
}
.banner_list .slick-prev {
	left: 22px;
	left: 2.9vw;
	background: url(../images/top/banner_btn_left_sp_off.png) no-repeat;
	background-size: 44px 144px;
	background-size: 5.9vw 19.2vw;
}
.banner_list .slick-prev:hover {
	background: url(../images/top/banner_btn_left_sp_on.png) no-repeat;
	background-size: 44px 144px;
	background-size: 5.9vw 19.2vw;
}
.banner_list .slick-next {
	right: 22px;
	right: 2.9vw;
	background: url(../images/top/banner_btn_right_sp_off.png) no-repeat;
	background-size: 44px 144px;
	background-size: 5.9vw 19.2vw;
}
.banner_list .slick-next:hover {
	content: '';
	background: url(../images/top/banner_btn_right_sp_on.png) no-repeat;
	background-size: 44px 144px;
	background-size: 5.9vw 19.2vw;
}


#introduction_area {
	background: #000 url(../images/top/intro_bg_sp.jpg) center 173px no-repeat;
	background: #000 url(../images/top/intro_bg_sp.jpg) center 23.1vw no-repeat;
	background-size: 750px 530px;
	background-size: 100.0vw 70.7vw;
	padding: 91px 0 50px;
	padding: 12.1vw 0 6.7vw;
	width: 100%;
	position: relative;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
#introduction_area h3.title {
	margin: 0 auto 0;
	width: 516px;
	width: 68.8vw;
	height: 95px;
	height: 12.7vw;
	background: url(../images/top/intro_title_sp.png) no-repeat;
	background-size: 516px 95px;
	background-size: 68.8vw 12.7vw;
	text-indent: -9999px;
}
#introduction_area .lead {
	margin: 54px auto 0;
	/*追加*/
	/*margin: 7.2vw auto 0;*/
	width: 300px;
	width: 40.0vw;
	height: 510px;
	height: 68.0vw;
	background: url(../images/top/intro_lead_sp.png) no-repeat;
	background-size: 300px 510px;
	background-size: 40.0vw;
	text-indent: -9999px;
}
#introduction_area p.text {
	margin: 46px auto 0;
	margin: 6.1vw auto 0;
	font-size: 17px;
	font-size: 2.3vw;
	font-weight: 500;
	line-height: 1.8;
}
#introduction_area p.text {
	margin: 50px auto 0;
	margin: 6.7vw auto 0;
	font-size: 28px;
	font-size: 3.7vw;
	font-weight: 500;
	line-height: 1.4;
}
#introduction_area ul.link {
	margin: 64px auto 0;
	margin: 8.5vw auto 0;
}
#introduction_area ul.link li {
	width: 507px;
	width: 67.6vw;
	margin: 0 auto 0;
}
#introduction_area ul.link li + li {
	margin: 32px auto 0;
	margin: 4.3vw auto 0;
}
#introduction_area ul.link li a {
	display: block;
	width: 507px;
	width: 67.6vw;
	height: 112px;
	height: 14.9vw;
	text-indent: -9999px;
}
#introduction_area ul.link li.twitter a {
	background: url(../images/top/intro_btn_tw_sp_off.png) no-repeat;
	background-size: 507px 112px;
	background-size: 67.6vw 14.9vw;
}
#introduction_area ul.link li.twitter a:hover {
	background: url(../images/top/intro_btn_tw_sp_on.png) no-repeat;
	background-size: 507px 112px;
	background-size: 67.6vw 14.9vw;
}
#introduction_area ul.link li.official a {
	background: url(../images/top/intro_btn_official_sp_off.png) no-repeat;
	background-size: 507px 112px;
	background-size: 67.6vw 14.9vw;
}
#introduction_area ul.link li.official a:hover {
	background: url(../images/top/intro_btn_official_sp_on.png) no-repeat;
	background-size: 507px 112px;
	background-size: 67.6vw 14.9vw;
}


#staffcast_area {
	padding: 105px 0 83px;
	padding: 14.0vw 0 11.1vw;
	width: 100%;
	position: relative;
	text-align: center;
}
#staffcast_area .staffcast_top {
	position: absolute;
	left: 0;
	top: -1px;
	top: -0.1vw;
	line-height: 0;
}
#staffcast_area .staffcast_bottom {
	position: absolute;
	left: 0;
	bottom: -1px;
	bottom: -0.1vw;
	line-height: 0;
}
#staffcast_area h3.title {
	margin: 0 auto 0;
	width: 491px;
	width: 65.5vw;
	height: 100px;
	height: 13.3vw;
	background: url(../images/top/staffcast_title_sp.png) no-repeat;
	background-size: 491px 100px;
	background-size: 65.5vw 13.3vw;
	text-indent: -9999px;
}
#staffcast_area h3.title2 {
	margin: 85px auto 0;
	margin: 11.3vw auto 0;
	width: 241px;
	width: 32.1vw;
	height: 88px;
	height: 11.7vw;
	background: url(../images/top/music_title_sp.png) no-repeat;
	background-size: 241px 88px;
	background-size: 32.1vw 11.7vw;
	text-indent: -9999px;
}
#staffcast_area .box {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#staffcast_area .box.staff_list_area {
	width: 360px;
	width: 48.0vw;
	margin: 56px 0 0 76px;
	margin: 7.5vw 0 0 10.1vw;
}
#staffcast_area .box.cast_list_area {
	width: 300px;
	width: 40.0vw;
	margin: 56px 0 0 0;
	margin: 7.5vw 0 0 0;
}
#staffcast_area .box h4.title {
	font-size: 22px;
	font-size: 2.9vw;
	font-weight: bold;
	line-height: 1.2;
	color: #c9c9c9;
}
#staffcast_area .box .text_area p.title {
	margin: 23px 0 0;
	margin: 3.1vw 0 0;
	font-size: 19px;
	font-size: 2.5vw;
	font-weight: bold;
	line-height: 1.2;
}
#staffcast_area .box .text_area .name {
	position: relative;
	direction: block;
	margin: 2px 0 0;
	margin: 0.3vw 0 0;
	font-size: 28px;
	font-size: 3.7vw;
	font-weight: medium;
	line-height: 1.2;
}

#staffcast_area ul.music_list {
	margin: 86px auto 0;
	margin: 11.5vw auto 0;
	text-align: center;
}
#staffcast_area ul.music_list li {
	display: inline-block;
	vertical-align: top;
	width: 317px;
	width: 42.3vw;
	margin: 0;
	text-align: left;
}
#staffcast_area ul.music_list li + li {
	margin: 0 0 0 63px;
	margin: 0 0 0 8.4vw;
}
#staffcast_area ul.music_list li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#staffcast_area ul.music_list li .image {
	width: 317px;
	width: 42.3vw;
	height: 317px;
	height: 42.3vw;
	background: url(../images/top/music_op_img.jpg) no-repeat;
	background-size: 317px 317px;
	background-size: 42.3vw 42.3vw;
	text-indent: -9999px;
}
#staffcast_area ul.music_list li.ed .image {
	background: url(../images/top/music_ed_img.jpg) no-repeat;
	background-size: 317px 317px;
	background-size: 42.3vw 42.3vw;
}
#staffcast_area ul.music_list li p.lead {
	margin: 9px 0 0;
	margin: 1.2vw 0 0;
	font-size: 20px;
	font-size: 2.7vw;
	font-weight: bold;
	line-height: 1.2;
}
#staffcast_area ul.music_list li h4.title {
	margin: 7px 0 0;
	margin: 0.9vw 0 0;
	font-size: 28px;
	font-size: 3.7vw;
	font-weight: 500;
	line-height: 1.4;
}
#staffcast_area ul.music_list li p.about {
	margin: 11px 0 0;
	margin: 1.5vw 0 0;
	font-size: 22px;
	font-size: 2.9vw;
	font-weight: 500;
	line-height: 1.4;
}

#staffcast_area .more {
	position: relative;
	z-index: 2;
	margin: 52px auto 0;
	margin: 6.9vw auto 0;
	width: 620px;
	width: 82.7vw;
	height: 54px;
	height: 7.2vw;
}
#staffcast_area .more a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url(../images/btn_more_sp_off.png) no-repeat;
	background-size: 620px 54px;
	background-size: 82.7vw 7.2vw;
	text-indent: -9999px;
}
#staffcast_area .more:hover {
	background: url(../images/btn_more_sp_on.png) no-repeat;
	background-size: 620px 54px;
	background-size: 82.7vw 7.2vw;
}


#game_area {
	background: #000;
	padding: 90px 0 41px;
	padding: 12.0vw 0 5.5vw;
	width: 100%;
	position: relative;
	color: #fff;
	text-align: center;
}
#game_area h3.title {
	margin: 0 auto 0;
	width: 219px;
	width: 29.2vw;
	height: 85px;
	height: 11.3vw;
	background: url(../images/top/game_title_sp.png) no-repeat;
	background-size: 219px 85px;
	background-size: 29.2vw 11.3vw;
	text-indent: -9999px;
}
#game_area .novel_area {
	position: relative;
	margin: 65px auto 0;
	margin: 8.7vw auto 0;
	text-align: center;
}
#game_area p.lead {
	font-size: 20px;
	font-size: 2.7vw;
	font-weight: bold;
	line-height: 1.2;
}
#game_area h4.title {
	margin: 10px 0 0;
	margin: 1.3vw 0 0;
	font-size: 34px;
	font-size: 4.5vw;
	font-weight: 500;
	line-height: 1.2;
}
#game_area .novel_area .title_en {
	margin: 6px auto 0;
	margin: 0.8vw auto 0;
	width: 313px;
	width: 41.7vw;
	height: 15px;
	height: 2.0vw;
	background: url(../images/top/game_title_txt_sp.png) no-repeat;
	background-size: 313px 15px;
	background-size: 41.7vw 2.0vw;
	text-indent: -9999px;
}
#game_area p.about {
	margin: 8px 0 0;
	margin: 1.1vw 0 0;
	font-size: 24px;
	font-size: 3.2vw;
	font-weight: 500;
	line-height: 1.4;
}
#game_area .novel_area p.about {
	margin: 30px 0 0;
	margin: 4.0vw 0 0;
}
#game_area .novel_area .official {
	margin: 46px auto 0;
	margin: 6.1vw auto 0;
	width: 620px;
	width: 82.7vw;
	height: 53px;
	height: 7.1vw;
}
#game_area .novel_area .official a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/top/game_btn_official_sp_off.png) no-repeat;
	background-size: 620px 53px;
	background-size: 82.7vw 7.1vw;
}
#game_area .novel_area .official a:hover {
	background: url(../images/top/game_btn_official_sp_on.png) no-repeat;
	background-size: 620px 53px;
	background-size: 82.7vw 7.1vw;
}
#game_area ul.theme_area {
	position: relative;
	margin: 0 auto 0;
	text-align: center;
}
#game_area ul.theme_area > li {
	margin: 95px auto 0;
	margin: 12.7vw auto 0;
}
#game_area ul.theme_area li ul.link {
	margin: 26px auto 0;
	margin: 3.5vw auto 0;
}
#game_area ul.theme_area li ul.link li {
	display: inline-block;
	vertical-align: top;
	width: 299px;
	width: 39.9vw;
	height: 55px;
	height: 7.3vw;
}
#game_area ul.theme_area li ul.link li + li {
	margin: 0 0 0 16px;
	margin: 0 0 0 2.1vw;
}
#game_area ul.theme_area li ul.link li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-indent: -9999px;
}
#game_area ul.theme_area li ul.link li.youtube a {
	background: url(../images/top/game_btn_youtube_sp_off.png) no-repeat;
	background-size: 299px 55px;
	background-size: 39.9vw 7.3vw;
}
#game_area ul.theme_area li ul.link li.youtube a:hover {
	background: url(../images/top/game_btn_youtube_sp_on.png) no-repeat;
	background-size: 299px 55px;
	background-size: 39.9vw 7.3vw;
}
#game_area ul.theme_area li ul.link li.dl a {
	background: url(../images/top/game_btn_dl_sp_off.png) no-repeat;
	background-size: 299px 55px;
	background-size: 39.9vw 7.3vw;
}
#game_area ul.theme_area li ul.link li.dl a:hover {
	background: url(../images/top/game_btn_dl_sp_on.png) no-repeat;
	background-size: 299px 55px;
	background-size: 39.9vw 7.3vw;
}

#game_area ul.game_list {
	margin: 51px auto 0;
	margin: 6.8vw auto 0;
	text-align: left;
	width: 617px;
	/*width: 82.27vw;*/
	width: 83vw;
}
#game_area ul.game_list li {
	display: inline-block;
	vertical-align: top;
	width: 298px;
	width: 39.7vw;
	margin: 0 0 24px;
	margin: 0 0 3.2vw;
}
#game_area ul.game_list li:nth-child(2n) {
	margin: 0 0 0 21px;
	margin: 0 0 0 2.8vw;
}
#game_area ul.game_list li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#game_area ul.game_list li .image {
	width: 298px;
	width: 39.7vw;
	height: 428px;
	height: 57.1vw;
	text-indent: -9999px;
}
#game_area ul.game_list li.vol1 .image {
	background: url(../images/top/game_img_vol1_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol2 .image {
	background: url(../images/top/game_img_vol2_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol3 .image {
	background: url(../images/top/game_img_vol3_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol4 .image {
	background: url(../images/top/game_img_vol4_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol5 .image {
	background: url(../images/top/game_img_vol5_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol5_5 .image {
	background: url(../images/top/game_img_vol5_5_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol6 .image {
	background: url(../images/top/game_img_vol6_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol7 .image {
	background: url(../images/top/game_img_vol7_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li.vol8 .image {
	background: url(../images/top/game_img_vol8_sp.jpg) no-repeat;
	background-size: 298px 428px;
	background-size: 39.7vw 57.1vw;
}
#game_area ul.game_list li p.title {
	margin: 10px 0 0;
	margin: 1.3vw 0 0;
	width: 283px;
	width: 37.7vw;
	height: 39px;
	height: 5.2vw;
	text-indent: -9999px;
}
#game_area ul.game_list li.vol1 p.title {
	background: url(../images/top/game_title_vol1_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol2 p.title {
	background: url(../images/top/game_title_vol2_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol3 p.title {
	background: url(../images/top/game_title_vol3_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol4 p.title {
	background: url(../images/top/game_title_vol4_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol5 p.title {
	background: url(../images/top/game_title_vol5_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol5_5 p.title {
	background: url(../images/top/game_title_vol5_5_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol6 p.title {
	background: url(../images/top/game_title_vol6_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol7 p.title {
	background: url(../images/top/game_title_vol7_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}
#game_area ul.game_list li.vol8 p.title {
	background: url(../images/top/game_title_vol8_sp.png) no-repeat;
	background-size: 283px 39px;
	background-size: 37.7vw 5.2vw;
}


#game_area ul.dl_list {
	margin: 30px auto 0;
	margin: 4.0vw auto 0;
}
#game_area ul.dl_list li {
	width: 621px;
	width: 82.8vw;
	margin: 42px auto 0;
	margin: 5.6vw auto 0;
}
#game_area ul.dl_list li + li {
	margin: 42px auto 0;
	margin: 5.6vw auto 0;
}
#game_area ul.dl_list li a {
	display: block;
	width: 621px;
	width: 82.8vw;
	height: 180px;
	height: 24.0vw;
	text-indent: -9999px;
	text-decoration: none;
}
#game_area ul.dl_list li.windows a {
	background: url(../images/top/game_btn_windows_sp_off.png) no-repeat;
	background-size: 621px 180px;
	background-size: 82.8vw 24.0vw;
}
#game_area ul.dl_list li.windows a:hover {
	background: url(../images/top/game_btn_windows_sp_on.png) no-repeat;
	background-size: 621px 180px;
	background-size: 82.8vw 24.0vw;
}
#game_area ul.dl_list li.psvita a {
	background: url(../images/top/game_btn_psvita_sp_off.png) no-repeat;
	background-size: 621px 180px;
	background-size: 82.8vw 24.0vw;
}
#game_area ul.dl_list li.psvita a:hover {
	background: url(../images/top/game_btn_psvita_sp_on.png) no-repeat;
	background-size: 621px 180px;
	background-size: 82.8vw 24.0vw;
}
#game_area ul.dl_list li.android a {
	background: url(../images/top/game_btn_android_sp_off.png) no-repeat;
	background-size: 621px 180px;
	background-size: 82.8vw 24.0vw;
}
#game_area ul.dl_list li.android a:hover {
	background: url(../images/top/game_btn_android_sp_on.png) no-repeat;
	background-size: 621px 180px;
	background-size: 82.8vw 24.0vw;
}

#foot_banner_area {
	padding: 100px 0 77px;
	padding: 13.3vw 0 10.3vw;
	width: 100%;
	position: relative;
	text-align: center;
}
#foot_banner_area .foot_banner_top {
	position: absolute;
	left: 0;
	top: -1px;
	top: -0.1vw;
	line-height: 0;
}
#foot_banner_area ul.banner_list {
	text-align: center;
}
#foot_banner_area ul.banner_list li {
	display: inline-block;
	vertical-align: top;
	width: 232px;
	width: 30.9vw;
	margin: 0;
}
#foot_banner_area ul.banner_list li + li {
	margin: 0;
}
#foot_banner_area ul.banner_list li a {
	display: block;
	width: 232px;
	width: 30.9vw;
	height: 72px;
	height: 9.6vw;
	text-indent: -9999px;
}
#foot_banner_area ul.banner_list li.frontwing a {
	background: url(../images/top/footer_bn_frontwing_sp.png) no-repeat;
	background-size: 232px 72px;
	background-size: 30.9vw 9.6vw;
}
#foot_banner_area ul.banner_list li.pt a {
	background: url(../images/top/footer_bn_pt_sp.png) no-repeat;
	background-size: 232px 72px;
	background-size: 30.9vw 9.6vw;
}
#foot_banner_area ul.banner_list li.bibury a {
	background: url(../images/top/footer_bn_bibury_sp.png) no-repeat;
	background-size: 232px 72px;
	background-size: 30.9vw 9.6vw;
}

} /* @media screen end */