@charset "UTF-8";

@media screen and (min-width:1360px) { 

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

#mainvisual_area {
	position: relative;
	width: 100%;
	height: 1349px;
}
#mainvisual_area .mainvisual_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 0;
}
#mainvisual_area .main_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 2000px 1492px;
}
#mainvisual_area .information_text {
	position: absolute;
	top: 202px;
	left: 50%;
	margin: 0 0 0 18px;
	font-family: "Noto Sans JP",sans-serif;
	font-size: 27px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-align: left;
}
#mainvisual_area .left_area {
	position: relative;
	top: 148px;
	left: 50%;
	margin: 0 0 0 -652px;
	width: 376px;
}
#mainvisual_area .news_area {
	margin: 0 auto 0;
}
#mainvisual_area .news_area h3.title {
	margin: 0 auto 0;
	width: 170px;
	height: 50px;
	background: url(../images/top/news_title.png) no-repeat;
	background-size: 170px 50px;
	text-indent: -9999px;
}
#mainvisual_area .news_area ul {
	margin: 17px auto 0;
	border-top: #c6c6c6 1px solid;
}
#mainvisual_area .news_area li {
	padding: 23px 0;
	border-bottom: #c6c6c6 1px solid;
}
#mainvisual_area .news_area li p.date {
	display: inline-block;
	vertical-align: top;
	width: 42px;
	margin: 0 10px 0 0;
	border: 1px solid #5d6670;
	padding: 5px 0px 4px;
	color: #5d6670;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}
#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: 323px;
	font-size: 16px;
	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 li p.title a:hover {
	text-decoration: underline;
}
#mainvisual_area .news_area .more {
	position: relative;
	margin: 12px auto 0;
	width: 133px;
}
#mainvisual_area .news_area .more a {
	position: relative;
	z-index: 2;
	display: block;
	width: 133px;
	height: 23px;
	text-indent: -9999px;
	text-decoration: none;
}
#mainvisual_area .news_area .more:before,
#mainvisual_area .news_area .more:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 133px;
	height: 23px;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#mainvisual_area .news_area .more:after {
	opacity: 0;
}
#mainvisual_area .news_area .more:hover:before {
	opacity: 0;
}
#mainvisual_area .news_area .more:hover:after {
	opacity: 1;
}
#mainvisual_area .news_area .more:before {
	content: ' ';
	background: url(../images/top/news_btn_more_off.png) no-repeat;
	background-size: 133px 23px;
}
#mainvisual_area .news_area .more:after {
	content: ' ';
	background: url(../images/top/news_btn_more_on.png) no-repeat;
	background-size: 133px 23px;
}
#mainvisual_area .movie_area {
	position: relative;
	margin: 28px auto 0;
}
#mainvisual_area .movie_area .movie_thumb {
	padding: 9px 12px 9px 12px;
	background: url(../images/image_bg.png);
	background-size: 36px 36px;
}
#mainvisual_area .movie_area .movie_thumb .image {
	width: 350px;
	height: 197px;
}
#mainvisual_area .movie_area .movie_txt {
	position: absolute;
	top: 9px;
	right: -9px;
	z-index: 2;
	width: 13px;
	height: 160px;
	background: url(../images/top/movie_txt.png) no-repeat;
	background-size: 13px 160px;
	text-indent: -9999px;
}
#mainvisual_area .twitter_area {
	position: relative;
	margin: 26px auto 0;
	padding: 12px 12px 12px 12px;
	background: url(../images/image_bg.png);
	background-size: 36px 36px;
}
#mainvisual_area .twitter_area .twitter_txt {
	position: absolute;
	top: 9px;
	right: -9px;
	z-index: 2;
	width: 14px;
	height: 140px;
	background: url(../images/top/twitter_txt.png) no-repeat;
	background-size: 14px 140px;
	text-indent: -9999px;
}
#mainvisual_area .twitter_area .inner {
	background: #fff;
	height: 500px;
	overflow: hidden;
}


.banner_area {
	position: absolute;
	bottom: 86px;
	left: 50%;
	margin: 0 0 0 -196px;
}
.banner_area .banner_list {
	display:none;
	width: 834px;
}
.banner_area .banner_list.slick-initialized {
	display: block;
}
.banner_area .banner_list .slick-slide a {
	display: block;
	width: 269px;
	height: 100%;
}
.banner_area .banner_list .slick-slide img {
	width: 100%;
	height: auto;
}
.banner_area .banner_list .slick-slide {
	margin: 0 5px 0 5px; 
}
.banner_list .slick-arrow {
	position: absolute;
	width: 26px;
	height: 85px;
	z-index: 200;
}
.banner_list .slick-arrow:before,
.banner_list .slick-arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 26px;
	height: 85px;
	transition: opacity 0.3s linear;
	opacity: 1;
}
.banner_list .slick-arrow:after {
	opacity: 0;
}
.banner_list .slick-arrow:hover:before {
	opacity: 0;
}
.banner_list .slick-arrow:hover:after {
	opacity: 1;
}
.banner_list .slick-prev:before {
	content: '';
	background: url(../images/top/banner_btn_left_off.png) no-repeat;
	background-size: 26px 85px;
}
.banner_list .slick-prev:after {
	content: '';
	background: url(../images/top/banner_btn_left_on.png) no-repeat;
	background-size: 26px 85px;
}
.banner_list .slick-next:before {
	content: '';
	background: url(../images/top/banner_btn_right_off.png) no-repeat;
	background-size: 26px 85px;
}
.banner_list .slick-next:after {
	content: '';
	background: url(../images/top/banner_btn_right_on.png) no-repeat;
	background-size: 26px 85px;
}


#introduction_area {
	background: #000 url(../images/top/intro_bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 54px 0 54px;
	width: 100%;
	height: 793px;
	position: relative;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
#introduction_area h3.title {
	margin: 0 auto 0;
	width: 518px;
	height: 67px;
	background: url(../images/top/intro_title.png) no-repeat;
	background-size: 518px 67px;
	text-indent: -9999px;
}
#introduction_area .lead {
	margin: 50px auto 0;
	width: 836px;
	height: 110px;
	background: url(../images/top/intro_lead.png) no-repeat;
	background-size: 836px 110px;
	text-indent: -9999px;
}
#introduction_area p.text {
	margin: 46px auto 0;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.8;
}
#introduction_area p.text {
	margin: 46px auto 0;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.8;
}
#introduction_area ul.link {
	margin: 58px auto 0;
}
#introduction_area ul.link li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 308px;
	margin: 0 37px;
}
#introduction_area ul.link li a {
	position: relative;
	z-index: 2;
	display: block;
	width: 308px;
	height: 68px;
	text-indent: -9999px;
}

#introduction_area ul.link li:before,
#introduction_area ul.link li:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 308px;
	height: 68px;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#introduction_area ul.link li:after {
	opacity: 0;
}
#introduction_area ul.link li:hover:before {
	opacity: 0;
}
#introduction_area ul.link li:hover:after {
	opacity: 1;
}
#introduction_area ul.link li.twitter:before {
	content: '';
	background: url(../images/top/intro_btn_tw_off.png) no-repeat;
	background-size: 308px 68px;
}
#introduction_area ul.link li.twitter:after {
	content: '';
	background: url(../images/top/intro_btn_tw_on.png) no-repeat;
	background-size: 308px 68px;
}
#introduction_area ul.link li.official:before {
	content: '';
	background: url(../images/top/intro_btn_official_off.png) no-repeat;
	background-size: 308px 68px;
}
#introduction_area ul.link li.official:after {
	content: '';
	background: url(../images/top/intro_btn_official_on.png) no-repeat;
	background-size: 308px 68px;
}


#staffcast_area {
	padding: 66px 0 95px;
	width: 100%;
	position: relative;
	text-align: center;
}
#staffcast_area .staffcast_top {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 0;
}
#staffcast_area .staffcast_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 0;
}
#staffcast_area h3.title {
	margin: 0 auto 0;
	width: 494px;
	height: 72px;
	background: url(../images/top/staffcast_title.png) no-repeat;
	background-size: 494px 72px;
	text-indent: -9999px;
}
#staffcast_area h3.title2 {
	margin: 90px auto 0;
	width: 242px;
	height: 71px;
	background: url(../images/top/music_title.png) no-repeat;
	background-size: 242px 71px;
	text-indent: -9999px;
}
#staffcast_area .box {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#staffcast_area .box.staff_list_area {
	width: 427px;
	margin: 41px 0 0 92px;
}
#staffcast_area .box.cast_list_area {
	width: 220px;
	margin: 41px 0 0 0;
}
#staffcast_area .box h4.title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	color: #c9c9c9;
}
#staffcast_area .box .text_area p.title {
	margin: 16px 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
#staffcast_area .box .text_area .name {
	position: relative;
	direction: block;
	margin: 2px 0 0;
	font-size: 20px;
	font-weight: medium;
	line-height: 1.2;
}

#staffcast_area ul.music_list {
	margin: 50px auto 0;
	text-align: center;
}
#staffcast_area ul.music_list li {
	display: inline-block;
	vertical-align: top;
	width: 317px;
	margin: 0;
	text-align: left;
}
#staffcast_area ul.music_list li + li {
	margin: 0 0 0 108px;
}
#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;
	height: 317px;
	background: url(../images/top/music_op_img.jpg) no-repeat;
	background-size: 317px 317px;
	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;
}
#staffcast_area ul.music_list li p.lead {
	margin: 6px 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
#staffcast_area ul.music_list li h4.title {
	margin: 2px 0 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
#staffcast_area ul.music_list li p.about {
	margin: 2px 0 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

#staffcast_area .more {
	position: relative;
	margin: 40px auto 0;
	width: 253px;
}
#staffcast_area .more a {
	position: relative;
	z-index: 2;
	display: block;
	width: 253px;
	height: 26px;
	text-indent: -9999px;
	text-decoration: none;
}
#staffcast_area .more:before,
#staffcast_area .more:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 253px;
	height: 26px;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#staffcast_area .more:after {
	opacity: 0;
}
#staffcast_area .more:hover:before {
	opacity: 0;
}
#staffcast_area .more:hover:after {
	opacity: 1;
}
#staffcast_area .more:before {
	content: '';
	background: url(../images/btn_more_off.png) no-repeat;
	background-size: 253px 26px;
}
#staffcast_area .more:after {
	content: '';
	background: url(../images/btn_more_on.png) no-repeat;
	background-size: 253px 26px;
}


#game_area {
	background: #000;
	padding: 82px 0 82px;
	width: 100%;
	position: relative;
	color: #fff;
	text-align: center;
}
#game_area h3.title {
	margin: 0 auto 0;
	width: 222px;
	height: 72px;
	background: url(../images/top/game_title.png) no-repeat;
	background-size: 222px 72px;
	text-indent: -9999px;
}
#game_area .novel_area {
	position: relative;
	width: 1004px;
	margin: 45px auto 0;
	text-align: left;
}
#game_area p.lead {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
#game_area h4.title {
	margin: 6px 0 0;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.2;
}
#game_area .novel_area h4.title {
	display: inline-block;
	vertical-align: top;
}
#game_area .novel_area .title_en {
	display: inline-block;
	vertical-align: top;
	margin: 14px 0 0 16px;
	width: 220px;
	height: 11px;
	background: url(../images/top/game_title_txt.png) no-repeat;
	background-size: 220px 11px;
	text-indent: -9999px;
}
#game_area p.about {
	margin: 6px 0 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}
#game_area .novel_area p.about {
	margin: 15px 0 0;
}
#game_area .novel_area .official {
	position: absolute;
	top: 22px;
	right: 12px;
	width: 175px;
	height: 26px;
}
#game_area .novel_area .official a {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	text-decoration: none;
}
#game_area .novel_area .official:before,
#game_area .novel_area .official:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 175px;
	height: 26px;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#game_area .novel_area .official:after {
	opacity: 0;
}
#game_area .novel_area .official:hover:before {
	opacity: 0;
}
#game_area .novel_area .official:hover:after {
	opacity: 1;
}
#game_area .novel_area .official:before {
	content: '';
	background: url(../images/top/game_btn_official_off.png) no-repeat;
	background-size: 175px 26px;
}
#game_area .novel_area .official:after {
	content: '';
	background: url(../images/top/game_btn_official_on.png) no-repeat;
	background-size: 175px 26px;
}
#game_area ul.theme_area {
	position: relative;
	width: 1004px;
	margin: 50px auto 0;
	text-align: left;
}
#game_area ul.theme_area li {
	display: inline-block;
	vertical-align: top;
	width: 433px;
	text-align: left;
}
#game_area ul.theme_area li ul.link {
	margin: 22px auto 0;
}
#game_area ul.theme_area li ul.link li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 171px;
}
#game_area ul.theme_area li ul.link li + li {
	margin: 0 0 0 16px;
}
#game_area ul.theme_area li ul.link li a {
	position: relative;
	z-index: 2;
	display: block;
	width: 171px;
	height: 31px;
	text-indent: -9999px;
	text-decoration: none;
}
#game_area ul.theme_area li ul.link li:before,
#game_area ul.theme_area li ul.link li:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 171px;
	height: 31px;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#game_area ul.theme_area li ul.link li:after {
	opacity: 0;
}
#game_area ul.theme_area li ul.link li:hover:before {
	opacity: 0;
}
#game_area ul.theme_area li ul.link li:hover:after {
	opacity: 1;
}
#game_area ul.theme_area li ul.link li.youtube:before {
	content: '';
	background: url(../images/top/game_btn_youtube_off.png) no-repeat;
	background-size: 171px 31px;
}
#game_area ul.theme_area li ul.link li.youtube:after {
	content: '';
	background: url(../images/top/game_btn_youtube_on.png) no-repeat;
	background-size: 171px 31px;
}
#game_area ul.theme_area li ul.link li.dl:before {
	content: '';
	background: url(../images/top/game_btn_dl_off.png) no-repeat;
	background-size: 171px 31px;
}
#game_area ul.theme_area li ul.link li.dl:after {
	content: '';
	background: url(../images/top/game_btn_dl_on.png) no-repeat;
	background-size: 171px 31px;
}

#game_area ul.game_list {
	/*width: 1004px;*/
	width: 1008px;
	margin: 66px auto 0;
	text-align: left;
}
#game_area ul.game_list li {
	display: inline-block;
	vertical-align: top;
	width: 188px;
	margin: 0 0 13px 13px;
}
#game_area ul.game_list li:nth-child(5n+1) {
	margin: 0 0 13px;
}
#game_area ul.game_list li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#game_area ul.game_list li .image {
	width: 188px;
	height: 269px;
	text-indent: -9999px;
}
#game_area ul.game_list li.vol1 .image {
	background: url(../images/top/game_img_vol1.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol2 .image {
	background: url(../images/top/game_img_vol2.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol3 .image {
	background: url(../images/top/game_img_vol3.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol4 .image {
	background: url(../images/top/game_img_vol4.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol5 .image {
	background: url(../images/top/game_img_vol5.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol5_5 .image {
	background: url(../images/top/game_img_vol5_5.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol6 .image {
	background: url(../images/top/game_img_vol6.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol7 .image {
	background: url(../images/top/game_img_vol7.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li.vol8 .image {
	background: url(../images/top/game_img_vol8.jpg) no-repeat;
	background-size: 188px 269px;
}
#game_area ul.game_list li p.title {
	margin: 8px 0 0;
	width: 188px;
	height: 30px;
	text-indent: -9999px;
}
#game_area ul.game_list li.vol1 p.title {
	background: url(../images/top/game_title_vol1.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol2 p.title {
	background: url(../images/top/game_title_vol2.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol3 p.title {
	background: url(../images/top/game_title_vol3.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol4 p.title {
	background: url(../images/top/game_title_vol4.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol5 p.title {
	background: url(../images/top/game_title_vol5.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol5_5 p.title {
	background: url(../images/top/game_title_vol5_5.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol6 p.title {
	background: url(../images/top/game_title_vol6.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol7 p.title {
	background: url(../images/top/game_title_vol7.png) no-repeat;
	background-size: 188px 30px;
}
#game_area ul.game_list li.vol8 p.title {
	background: url(../images/top/game_title_vol8.png) no-repeat;
	background-size: 188px 30px;
}

#game_area ul.dl_list {
	margin: 23px auto 0;
	width: 1004px;
}
#game_area ul.dl_list li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 315px;
}
#game_area ul.dl_list li + li {
	margin: 0 0 0 24px;
}
#game_area ul.dl_list li a {
	position: relative;
	z-index: 2;
	display: block;
	width: 315px;
	height: 95px;
	text-indent: -9999px;
	text-decoration: none;
}
#game_area ul.dl_list li:before,
#game_area ul.dl_list li:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 315px;
	height: 95px;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#game_area ul.dl_list li:after {
	opacity: 0;
}
#game_area ul.dl_list li:hover:before {
	opacity: 0;
}
#game_area ul.dl_list li:hover:after {
	opacity: 1;
}
#game_area ul.dl_list li.windows:before {
	content: '';
	background: url(../images/top/game_btn_windows_off.png) no-repeat;
	background-size: 315px 95px;
}
#game_area ul.dl_list li.windows:after {
	content: '';
	background: url(../images/top/game_btn_windows_on.png) no-repeat;
	background-size: 315px 95px;
}
#game_area ul.dl_list li.psvita:before {
	content: '';
	background: url(../images/top/game_btn_psvita_off.png) no-repeat;
	background-size: 315px 95px;
}
#game_area ul.dl_list li.psvita:after {
	content: '';
	background: url(../images/top/game_btn_psvita_on.png) no-repeat;
	background-size: 315px 95px;
}
#game_area ul.dl_list li.android:before {
	content: '';
	background: url(../images/top/game_btn_android_off.png) no-repeat;
	background-size: 315px 95px;
}
#game_area ul.dl_list li.android:after {
	content: '';
	background: url(../images/top/game_btn_android_on.png) no-repeat;
	background-size: 315px 95px;
}

#foot_banner_area {
	padding: 70px 0 70px;
	width: 100%;
	position: relative;
	text-align: center;
}
#foot_banner_area .foot_banner_top {
	position: absolute;
	left: 0;
	top: 0;
	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: 242px;
	margin: 0;
}
#foot_banner_area ul.banner_list li + li {
	margin: 0 0 0 98px;
}
#foot_banner_area ul.banner_list li a {
	display: block;
	width: 242px;
	height: 74px;
	text-indent: -9999px;
}
#foot_banner_area ul.banner_list li.frontwing a {
	background: url(../images/top/footer_bn_frontwing.png) no-repeat;
	background-size: 242px 74px;
}
#foot_banner_area ul.banner_list li.pt a {
	background: url(../images/top/footer_bn_pt.png) no-repeat;
	background-size: 242px 74px;
}
#foot_banner_area ul.banner_list li.bibury a {
	background: url(../images/top/footer_bn_bibury.png) no-repeat;
	background-size: 242px 74px;
}

} /* @media screen end */