@charset "UTF-8";
/* ========================================================================== *
 * reset.
.* ========================================================================== */
/*!
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License:none (public domain)
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display:block;
}

body {
	line-height:1;
}

ol,
ul {
	list-style:none;
}

blockquote,
q {
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:"";
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* ========================================================================== *
 * basic.
.* ========================================================================== */
html {
	width:100%;
	height:100%;
	font-family:"メイリオ",Meiryo,sans-serif;
	font-size:62.5%;
}

body {
	width:100%;
	min-width:1200px;
	height:100%;
	position:relative;
	color:#fff;
	background:#000;
}

img {
	vertical-align:top;
}

/* ========================================================================== *
 * layout.
.* ========================================================================== */
/* layout: wrapper.
 * -------------------------------------------------------------------------- */
.indexWrap {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:1200px;
	height:100%;
	min-height:620px;
	overflow:hidden;
}

.indexWrap .footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:65px;
}

.subWrap {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:100%;
	overflow-x:hidden;
	background:url(../images/sub-wrap_bg.jpg) no-repeat center 65px/100% auto;
}

/* layout: header.
 * -------------------------------------------------------------------------- */
.header {
	padding-top:12px;
	position:fixed;
	top:0;
	left:0;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:100%;
	min-width:1200px;
	height:65px;
	color:#fff;
	background:#000;
	z-index:100;
}

.header .header_inner {
	display:table;
	width:100%;
	table-layout:fixed;
}

.header .header_logo {
	padding-left:26px;
	display:table-cell;
	width:126px;
}

.header .header_separator {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.header .header_nav {
	padding-right:29px;
	display:table-cell;
	width:775px;
	text-align:right;
}

.header .header_nav .nav_list {
	letter-spacing:-.40em;
}

.header .header_nav .nav_list > li {
	display:inline-block;
	letter-spacing:normal;
}

.header .header_nav .nav_list > li:not(:first-child) {
	margin-left:13px;
}

.header .header_nav .nav_list > li.nav_news {
	background:url(../images/nav_news_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_onair {
	background:url(../images/nav_onair_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_introduction {
	background:url(../images/nav_introduction_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_story {
	background:url(../images/nav_story_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_character {
	background:url(../images/nav_character_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_caststaff {
	background:url(../images/nav_caststaff_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_movie {
	background:url(../images/nav_movie_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_music {
	background:url(../images/nav_music_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_comics {
	background:url(../images/nav_comics_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_goods {
	background:url(../images/nav_goods_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_game {
	background:url(../images/nav_game_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_special {
	background:url(../images/nav_special_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_twitter {
	background:url(../images/nav_twitter_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_disc {
	background:url(../images/nav_disc_on.png) no-repeat;
}

.header .header_nav .nav_list > li.nav_diagram {
	background:url(../images/nav_diagram_on.png) no-repeat;
}

.header .header_nav .nav_list > li.is-underconstruction {
	opacity:.33;
}

.header .header_nav .nav_list > li.is-current a {
	visibility:hidden;
}

.header .header_nav .nav_list a {
	display:block;
	-webkit-transition:opacity .3s linear 0s;
	        transition:opacity .3s linear 0s;
}

.header .header_nav .nav_list a:hover {
	opacity:0;
}

/* layout: footer.
 * -------------------------------------------------------------------------- */
.footer {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	color:#fff;
}

.footer .footer_inner {
	display:table;
	width:100%;
	table-layout:fixed;
}

.footer .footer_sns {
	padding-left:29px;
	display:table-cell;
	width:50%;
	vertical-align:top;
}

.footer .footer_sns .sns_list {
	padding-top: 24px;
	position:relative;
	z-index:1;
	float: left;
}

.footer .footer_sns .sns_list > li {
	margin-right:10px;
	margin-left:2px;
	display:inline-block;
}

.footer .footer_sns .sns_list a {
	display:block;
}

.footer .footer_date {
	padding-top:13px;
	margin-left:16px;
	float: left;
}

.footer .footer_logo {
	padding-top:20px;
	display:table-cell;
	width:207px;
	vertical-align:top;
	text-align:center;
}

.footer .footer_logoT {
	display:table-cell;
	width:199px;
	vertical-align:top;
	text-align:center;
	padding-top:7px;
}

.footer .c {
	display:table-cell;
	width:199px;
	vertical-align:top;
	text-align:center;
	margin:-10px 0 0;
}

.footer .footer_copy {
	padding-top:23px;
	padding-right:29px;
	display:table-cell;
	width:50%;
	line-height:180%;
	font-size:10px;
	text-align:right;
}

.footer .footer_copy p {
	position:relative;
	z-index:1;
}

.footer .footer_image {
	margin-top:24px;
	position:relative;
	z-index:0;
	height:650px;
	pointer-events: none;
}

.footer .footer_image .image_bg {
	padding-top:340px;
	position:absolute;
	bottom:110px;
	left:0;
	width:100%;
	height:0;
	background:url(../images/dotmask.png) center top, url(../images/footer_bg.jpg) no-repeat center center/cover;
}

.footer .footer_image > img {
	margin-left:-720px;
	position:absolute;
	bottom:0;
	left:50%;
}

/* layout: contents.
 * -------------------------------------------------------------------------- */
.subCont {
	padding-top:65px;
}

.subCont .subCont_inner {
	margin-right:auto;
	margin-left:auto;
	padding-bottom:52px;
	position:relative;
	z-index:1;
	width:1144px;
}

.subCont .footer {
	position:relative;
}

/* ========================================================================== *
 * module. ※複数ページで共有して使用するパーツ.
.* ========================================================================== */
/* module: フェード型ホバーエフェクト.
 * -------------------------------------------------------------------------- */
.hoverfade {
	-webkit-transition:opacity .2s linear;
	        transition:opacity .2s linear;
}

a:hover .hoverfade {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity:.75;
}

a.hoverfade:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity:.75;
}

/* module: YouTube比率保持ブロック.
 * -----------------------------------------------------------------------------
 * ※ paddingを利用することで横幅に対する比率で縦幅を指定するブロックを生成
   サイズを変える場合は親要素の横幅を調整することによって対応すること
   この要素自体に直接サイズを指定すると縦横比の崩れの原因になるため注意
 * -------------------------------------------------------------------------- */
.youtube,
.youtube-square {
	position:relative;
	width:100%;
}

.youtube > iframe,
.youtube-square > iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}

.youtube {
	padding-top:56.25%;
}

.youtube-square {
	padding-top:75%;
}


.youtube2,
.youtube2-square {
	position:relative;
	width:100%;
}

.youtube2 > iframe,
.youtube2-square > iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}

.youtube2 {
}

.youtube2-square {
	padding-top:75%;
}

/* ImgModal:ローディング後画像をModalで表示します。画像サイズに合わせて変更可能です。
 * -------------------------------------------------------------------------- */
.ImgModal{
	width: 100%;
	height: 100%;
	position: relative;
}
.ImgModal_In{
	width: 422px;
	height: 600px;
	position: absolute;
	top: calc(50% - 300px);
	left: calc(50% - 211px);
}
.ImgModal_In a{transition: all 0.3s ease;}
.ImgModal_In a:hover{opacity: 0.5;}
.ImgModal_In img{
	width: 100%;
}


/* module: 準備中.
 * -------------------------------------------------------------------------- */
.underconstruction {
	padding-top:160px;
	padding-bottom:160px;
	line-height:50px;
	text-align:center;
	font-size:24px;
	background:rgba(255, 255, 255, .1);
}

/* module: ローディング.
 * -------------------------------------------------------------------------- */
@-webkit-keyframes loadingRotate {
	0% {
		-webkit-transform:perspective(250px) rotateY(0deg);
		        transform:perspective(250px) rotateY(0deg);
	}
	100% {
		-webkit-transform:perspective(250px) rotateY(360deg);
		        transform:perspective(250px) rotateY(360deg);
	}
}
@keyframes loadingRotate {
	0% {
		-webkit-transform:perspective(250px) rotateY(0deg);
		        transform:perspective(250px) rotateY(0deg);
	}
	100% {
		-webkit-transform:perspective(250px) rotateY(360deg);
		        transform:perspective(250px) rotateY(360deg);
	}
}

.loading {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	min-width:1200px;
	height:100%;
	min-height:620px;
	background-color:#000;
}

.loading > p {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-21px;
	margin-left:-20px;
	padding-top:42px;
	width:40px;
	height:0;
	overflow:hidden;
	background-image:url(../images/loading_point.png);
	-webkit-animation:loadingRotate 1s infinite;
	        animation:loadingRotate 1s infinite;
}

/* module: modal.
 * -------------------------------------------------------------------------- */
.modal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	z-index:9998;
	opacity:100;
	overflow: auto;
}

.modal.is-hidden {
	display:none;
}

.modal .modal-inner {
	display:table;
	width:100%;
	height:100%;
}

.modal .modal-content {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.modal .modal-movie {
	display:inline-block;
	width:100%;
}

.modal .modal-close {
	position:absolute;
	top:0;
	right:0;
}

.modal .modal-close a {
	-webkit-transition:opacity .3s linear 0s;
	        transition:opacity .3s linear 0s;
}

.modal .modal-close a:hover {
	opacity:.75;
}

/* module: 下層ページタイトル.
 * -------------------------------------------------------------------------- */
.pagetitle {
	padding-top:128px;
	padding-bottom:104px;
}

.pagetitle > img {
	vertical-align:bottom;
}

.pagetitle::after {
	vertical-align:bottom;
	content:url(../images/pagetitle-after.png);
}

/* ========================================================================== *
 * page.
.* ========================================================================== */
/* page: Top.
 * -------------------------------------------------------------------------- */
.indexCont {
	position:absolute;
	top:65px;
	right:0;
	bottom:65px;
	left:0;
	background:#666;
}

.indexCont .catch {
	position:absolute;
	top:48px;
	right:29px;
	z-index:10;
}

.indexCont .onair01 {
	position:absolute;
	bottom:50px;
	left:0;
	z-index:10;
}

.indexCont .onair02 {
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}

.indexCont .onair01 a:hover,
.indexCont .onair02 a:hover {
	opacity: 0.5;
}

.indexCont .bnrJC {
	position:absolute;
	right:110px;
	bottom:5px;
	width:220px;
	height: 110px;
	/* width:210px; */
	z-index:10;
}

.indexCont .bnrs {
	position:absolute;
	right:0px;
	bottom:0;
	width:155px;
	/* width:210px; */
	z-index:10;
}

.indexCont .bnrs:after {
	display:block;
	clear:both;
	content:"";
}

.indexCont .bnrs > li {
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	width:150px;
	height:60px;
	background:#fff;
}

.indexCont .indexNews {
	padding-right:29px;
	padding-left:29px;
	position:absolute;
	top:0;
	left:0;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:100%;
	height:35px;
	background:rgba(0, 0, 0, .8);
	z-index:10;
}

.indexCont .indexNews .indexNews_inner {
	display:table;
	table-layout:fixed;
	width:100%;
}

.indexCont .indexNews .indexNews_ticker {
	display:table-cell;
	padding-right:24px;
}

.indexCont .indexNews .indexNews_more {
	display:table-cell;
	width:59px;
	vertical-align:middle;
}

.indexCont .indexNews .indexNews_more a {
	display:inline-block;
	-webkit-transition:background .3s linear 0s;
	        transition:background .3s linear 0s;
}

.indexCont .indexNews .indexNews_more a:hover {
	background:rgba(255, 255, 255, .25);
}

.indexCont .indexMv {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

.indexCont .indexMv .indexMv_main {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	z-index:1;
	-webkit-transition:-webkit-transform 2s cubic-bezier(.215, .61, .355, 1) 0s;
	        transition:-webkit-transform 2s cubic-bezier(.215, .61, .355, 1) 0s;
	        transition:        transform 2s cubic-bezier(.215, .61, .355, 1) 0s;
	        transition:        transform 2s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform 2s cubic-bezier(.215, .61, .355, 1) 0s;
}

.indexCont .indexMv .indexMv_main img {
	position:relative;
	width:100%;
	height:auto;
}

.indexCont .indexMv .indexMv_sub {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
}

.indexCont .indexMv .indexMv_sub .sub_slide {
	opacity:0;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:url(../images/index/mv_bg.jpg) no-repeat center bottom/cover;
	text-align:center;
	-webkit-transition:opacity 1.2s linear 0s;
	        transition:opacity 1.2s linear 0s;
}

.indexCont .indexMv .indexMv_sub .sub_slide.is-active {
	opacity:1;
}

.indexCont .indexMv .indexMv_sub .sub_slide.is-active .sub_img {
	-webkit-transform:translateX(-3%);
	        transform:translateX(-3%);
}

.indexCont .indexMv .indexMv_sub .sub_slide.is-active .sub_name {
	-webkit-transform:scale(1);
	        transform:scale(1);
}

.indexCont .indexMv .indexMv_sub .sub_slide.is-hidden {
	opacity:0;
	-webkit-transition:opacity 1s linear 0s;
	        transition:opacity 1s linear 0s;
}

.indexCont .indexMv .indexMv_sub .sub_slide.is-hidden .sub_name {
	-webkit-transform:scale(1.5);
	        transform:scale(1.5);
	-webkit-transition:-webkit-transform 2s cubic-bezier(.55, .055, .675, .19) 0s;
	        transition:-webkit-transform 2s cubic-bezier(.55, .055, .675, .19) 0s;
	        transition:        transform 2s cubic-bezier(.55, .055, .675, .19) 0s;
	        transition:        transform 2s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 2s cubic-bezier(.55, .055, .675, .19) 0s;
}

.indexCont .indexMv .indexMv_sub .sub_img {
	margin-right:-50%;
	margin-left:-50%;
	width:auto;
	height:100%;
	-webkit-transform:translateX(12%);
	        transform:translateX(12%);
	-webkit-transition:-webkit-transform 6.5s cubic-bezier(.095, .32, .445, .76) 0s;
	        transition:-webkit-transform 6.5s cubic-bezier(.095, .32, .445, .76) 0s;
	        transition:        transform 6.5s cubic-bezier(.095, .32, .445, .76) 0s;
	        transition:        transform 6.5s cubic-bezier(.095, .32, .445, .76) 0s, -webkit-transform 6.5s cubic-bezier(.095, .32, .445, .76) 0s;
}

.indexCont .indexMv .indexMv_sub .sub_name {
	display:block;
	position:absolute;
	top:72px;
	left:44px;
	-webkit-transform:scale(.75);
	        transform:scale(.75);
	-webkit-transition:-webkit-transform 1.5s cubic-bezier(.39, .575, .565, 1) 0s;
	        transition:-webkit-transform 1.5s cubic-bezier(.39, .575, .565, 1) 0s;
	        transition:        transform 1.5s cubic-bezier(.39, .575, .565, 1) 0s;
	        transition:        transform 1.5s cubic-bezier(.39, .575, .565, 1) 0s, -webkit-transform 1.5s cubic-bezier(.39, .575, .565, 1) 0s;
}

.newsTicker {
	height:35px;
}

.newsTicker dl {
	position:relative;
	line-height:35px;
	font-size:12px;
}

.newsTicker dt {
	position:absolute;
	top:0;
	left:0;
	width:7em;
	color:#f4000f;
}

.newsTicker dd {
	padding-left:8em;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.newsTicker dd a {
	color:currentColor;
}

.newsTicker dd a:hover {
	text-decoration:none;
}

/* page: News.
 * -------------------------------------------------------------------------- */
.newsCont {
	margin-bottom:64px;
}

.newsCont .news_list .entry {
	margin-bottom:64px;
}

.entry .entry_link {
	display:block;
	color:currentColor;
	text-decoration:none;
	-webkit-transition:background .3s linear 0s;
	        transition:background .3s linear 0s;
}

.entry .entry_link:after {
	display:block;
	clear:both;
	content:"";
}

.entry .entry_link:hover {
	background:rgba(48, 41, 41, .6);
}

.entry .entry_date {
	padding-top:.75em;
	padding-bottom:.75em;
	float:left;
	width:162px;
	color:#e50000;
	font-family:"Noto Sans", sans-serif;
}

.entry .entry_date .date_y {
	font-size:20px;
	font-size:2rem;
}

.entry .entry_date .date_md {
	font-size:46px;
	font-size:4.6rem;
}

.entry .entry_summary {
	line-height:2.25;
	font-size:20px;
	font-size:2rem;
	overflow:hidden;
}

.entry .entry_body {
	margin-top:32px;
	padding-top:32px;
	padding-left:162px;
	position:relative;
	line-height:3;
	font-size:16px;
	font-size:1.6rem;
}

.entry .entry_body::before {
	position:absolute;
	top:0;
	left:162px;
	display:block;
	width:14px;
	height:2px;
	background:#fff;
	content:"";
}

.entry .entry_body a:link {
	color:#ff0004;
	text-decoration:underline;
}

.entry .entry_body a:visited {
	color:#ff0004;
	text-decoration:underline;
}

.entry .entry_body a::hover {
	color:#ff0004;
	text-decoration:none;
}

.pager {
	margin-top:100px;
	letter-spacing:-.40em;
	text-align:center;
}

.pager a {
	color:currentColor;
	text-decoration:none;
	-webkit-transition:background .3s linear 0s;
	        transition:background .3s linear 0s;
}

.pager a:hover {
	background:rgba(255, 255, 255, .25);
}

.pager .pager_prev,
.pager .pager_next,
.pager .pager_back,
.pager .pager_num {
	margin-right:5px;
	margin-left:5px;
	border:1px solid #fff;
	display:inline-block;
	line-height:2;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:normal;
}

.pager .pager_prev,
.pager .pager_next,
.pager .pager_back {
	padding-right:1.5em;
	padding-left:1.5em;
}

.pager .pager_num {
	padding-right:.66em;
	padding-left:.66em;
}

.pager .pager_num.is-current {
	border-color:#e50000;
	color:#e50000;
}

.pager .pager_list {
	display:inline-block;
}

.pager .pager_list > li {
	display:inline-block;
}

#storySelectArea .pager {
	margin-top:20px;
	padding-bottom:100px;
}

/* page: On Air.
 * -------------------------------------------------------------------------- */
.onairCont .onairCont_txt {
	margin-bottom:60px;
}

/* page: Introduction.
 * -------------------------------------------------------------------------- */
.introCont {
	margin-bottom:40px;
	padding-top:104px;
	min-height:320px;
	background:url(../images/introduction/intro_bg.png) left top no-repeat;
}

.introCont .introCont_txt {
	padding-left:502px;
	line-height:2.25;
	font-size:18px;
	font-size:1.8rem;
}

.introCont .introCont_txt p:not(:first-child) {
	margin-top:44px;
}

/* page: Story.
 * -------------------------------------------------------------------------- */
.storyCont {
	margin-bottom:64px;
	position:relative;
}

.storyCont .storyCont_eyecatch {
	position:absolute;
	bottom:-100px;
	right:60px;
}

/* page: Character.
 * -------------------------------------------------------------------------- */
.charaCont {
	position: relative;
	margin-top: -50px;
}

.charaCont .charaCont_head {
/*	position:absolute;
	top:-176px;
	width:100%;
	z-index:1;*/
}

.charaCont .charaCont_nav { margin-top: 0px; 
}

.charaCont .charaCont_nav .nav_list > li {
	background: #000;
	margin-bottom: -5px;
	float: left;
	margin-right: -5px;
}

.charaCont .charaCont_bgset {
	position:absolute;
	top:60px;
	right:197px;
}

.charaCont .charaCont_bgset .bgset_img {
	position:absolute;
	top:0;
	right:0;
	opacity:0;
	-webkit-transition:opacity .3s linear 0s;
	        transition:opacity .3s linear 0s;
}

.charaCont .charaCont_bgset .bgset_img.is-hover {
	opacity:1;
}

.charaCont .charaCont_body {
	padding-bottom: 100px;
	padding-top: 74px;
	width: 1120px;
	margin-right: auto;
	margin-left: auto;
}

.charaCont .charaCont_group {
	position:relative;
}

.charaCont .charaCont_group:not(:first-child) {
	margin-top: 70px;
	padding-top: 10px;
}

.charaCont .charaCont_list > li { position: relative;
width:280px;
float:left;
}
.charaCont .charaCont_list > li:nth-child(4n + 1){
	clear:both;
}

.charaCont .charaCont_list a {
	display: block;
	position: relative;
	z-index: 2;
	text-align: center;
	color: rgba(255,255,255,1);
	text-decoration: none;
	font-size: 16px;
}
.charaCont .charaCont_list a img {
	transition:all 0.3s ease;
}
.charaCont .charaCont_list a:hover img {
	transform:scale(1.05);
}

#characterOnce {
	height:620px;
	width:1200px;
	position:relative;
}

#characterDetail {
	height:520px;
	width:550px;
	position:absolute;
	left:540px;
	top:100px;
}

#characterDetail h4 {
	height:125px;
}

#characterDetail li {
	font-size:20px;
	line-height:36px;
}

.characterCircle {
	background-image:url(../images/character/character_circle.png);
	height:163px;
	width:163px;
	position:absolute;
	left:354px;
	top:78px;
}

#characterDetail ul {
	padding-bottom:35px;
}

#characterDetail p {
	font-size:16px;
	line-height:36px;
}

#characterDetail p.kahono {
	font-size:16px;
	line-height:30px;
}

#characterDetail p.mele {
	font-size:14px;
	line-height:30px;
}

#characterImage img {
	display:block;
}

#ccb {
	background-color:transparent;
}

/* page: Cast&Staff.
 * -------------------------------------------------------------------------- */
.castCont .castCont_list:after {
	display:block;
	clear:both;
	content:"";
}

.castCont .castCont_list > li {
	margin-top:50px;
	margin-bottom:10px;
	float:left;
}

.castCont .castCont_list > li:nth-child(4n-3) {
	width:325px;
}

.castCont .castCont_list > li:nth-child(4n-2) {
	width:333px;
}

.castCont .castCont_list > li:nth-child(4n-1) {
	width:325px;
}

.castCont .castCont_list > li:nth-child(4n) {
	width:160px;
}

.staffCont {
	margin-top:60px;
	padding-bottom:100px;
}

.staffCont .staffCont_list:after {
	display:block;
	clear:both;
	content:"";
}

.staffCont .staffCont_list > li {
	margin-top:50px;
	margin-bottom:10px;
	float:left;
}

.staffCont .staffCont_list > li:nth-child(4n-2) {
	width:325px;
	clear:both;
}

.staffCont .staffCont_list > li:nth-child(4n-1) {
	width:333px;
}

.staffCont .staffCont_list > li:nth-child(4n) {
	width:325px;
}

.staffCont .staffCont_list > li:nth-child(4n-3) {
	width:160px;
}

.staffCont .staffCont_list > li:nth-child(1) {
	width:100%;
}

.staffCont .staffCont_list > li:nth-child(17) {
	clear:left;
	width:325px;
}

/* page: Movie.
 * -------------------------------------------------------------------------- */
.movieCont {
	margin-right:auto;
	margin-left:auto;
	padding-bottom:80px;
	/*width:820px;*/
}

#movieThumb li {
	width: 560px;
	float: left;
	margin-right: 24px;
}

#movieThumb li:nth-child(2n) {
	width: 560px;
	float: left;
	margin: 0;
}


#movieThumb p {
	font-size: 16px;
	padding: 20px 0;
	text-align: center;
	width: 560px;
}

/* page: Music.
 * -------------------------------------------------------------------------- */
.musicCont {
	padding-bottom:80px;
}

.musicCont:after {
	display:block;
	clear:both;
	content:"";
}

.musicCont .musicCont_opening {
	float:left;
	width:565px;
}

.musicCont .musicCont_ending {
	float:right;
	width:565px;
}

.musicCont .musicCont_song {
	margin-top:28px;
	margin-bottom:20px;
	height:64px;
}

/* page: Comics.
 * -------------------------------------------------------------------------- */
.comicsCont .comicsCont_list {
	margin-left:1px;
}

.comicsCont .comicsCont_list:after {
	display:block;
	clear:both;
	content:"";
}

.comicsCont .comicsCont_list > li {
	margin-top:10px;
	margin-left:10px;
	position:relative;
	float:left;
}

.comicsCont .comicsCont_list > li:nth-child(4n-3) {
	margin-left:0;
}

.comicsCont .comicsCont_list > li:hover .list_cover {
	opacity:1;
}

.comicsCont .comicsCont_list .list_cover {
	position:absolute;
	top:0;
	left:0;
	-webkit-transition:opacity .3s linear 0s;
	        transition:opacity .3s linear 0s;
	opacity:0;
}

/* page: Goods.
 * -------------------------------------------------------------------------- */
/* page: Game.
 * -------------------------------------------------------------------------- */
.gameCont {
	padding-left:560px;
	min-height:780px;
	/*background:url(../images/game/bg.png) left top no-repeat;*/
}

.gameCont .gameCont_head {
/*	padding-top:20px;
*/}

.gameCont .gameCont_data {
	margin-top:48px;
	margin-bottom:48px;
	line-height:222.22222%;
	font-size:18px;
}

.gameCont .gameCont_data:after {
	display:block;
	clear:both;
	content:"";
}

.gameCont .gameCont_data li {
	position: relative;
	padding-left: 20px;
}

.gameCont .gameCont_data li:before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.gameCont .gameCont_body {
	line-height:222.22222%;
	font-size:18px;
}

.gameCont .gameCont_body p {
	margin-top:36px;
	margin-bottom:36px;
}

.gameCont .gameCont_btns {
	letter-spacing:-.40em;
}

.gameCont .gameCont_btns > li {
	margin-right:10px;
	display:inline-block;
	letter-spacing:normal;
}

.gameCont01 {
	background:url(../images/game/game_img01.png) left top no-repeat;
}

.gameCont02 {
	background:url(../images/game/game_img02.png) left top no-repeat;
}

/* page: Special.
 * -------------------------------------------------------------------------- */
.specialCont {
	margin-right:auto;
	margin-left:auto;
	padding-bottom:80px;
	/*width:820px;*/
}

.specialCont .specialCont_list > li {
	margin-bottom:10px;
}


/*----[[GOODS]]----*/

#goods-tags,#sub-tags {
	padding-top:30px;
    display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

a {
	color: #c60000;
}
a:hover {
	text-decoration:none;
}

#goods-tags li,#sub-tags li{
    display: inline-block;
	margin-right: 7px;
	margin-bottom: 7px;
}
#goods-tags li:last-child,
#sub-tags li:last-child{
	margin-right: 0;
}
#goods-tags a,
#sub-tags a{
    display: inline-block;
	border: 1px solid #313131;
    padding:10px 20px 10px;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
	transition: all  0.3s ease;
	background-color: #000;
}
#goods-tags a.is-active, #goods-tags a:hover,
#sub-tags a.is-active,#sub-tags a:hover{
	color: #FFF;
	background-color: #E60012;
}
#sub-tags{
	margin-top: -20px;
}
#goodsList {
	padding-top: 70px;
	padding-bottom: 70px;
}
#goodsList li {
	float: left;
	height:350px;
	width: 202px;
	margin-right: 33px;
	margin-bottom: 20px;
	position: relative;
}
#goodsList li:nth-child(5n) {
	margin-right:0px;
}
#goodsList li .goodsOnce {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:solid 1px #313131;
}
#goodsList li a {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.8);
	text-decoration: none;
}
#goodsList li a:before {
	content:"";
	left:-1px;
	top:-1px;
	width:5px;
	height:5px;
	position:absolute;
	border-left:solid 1px #E60012;
	border-top:solid 1px #E60012;
	transition:all 0.3s ease;

}
#goodsList li a:after {
	content:"";
	right:-1px;
	bottom:-1px;
	width:5px;
	height:5px;
	position:absolute;
	border-right:solid 1px #E60012;
	border-bottom:solid 1px #E60012;
	transition:all 0.3s ease;
}
#goodsList .goodsOnce:before {
	content:"";
	left:-1px;
	bottom:-1px;
	width:5px;
	height:5px;
	position:absolute;
	border-left:solid 1px #E60012;
	border-bottom:solid 1px #E60012;
}
#goodsList .goodsOnce:after {
	content:"";
	right:-1px;
	top:-1px;
	width:5px;
	height:5px;
	position:absolute;
	border-right:solid 1px #E60012;
	border-top:solid 1px #E60012;
}
#goodsList li a:hover {
	background-color:rgba(0,0,0,0.6);
}
#goodsList li a:hover:before,
#goodsList li a:hover:after {
	width:100%;
	height:100%;
}
.goodsThumb {
	width: 200px;
	height: 200px;
	border-bottom: 1px solid #313131;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
.goodsThumb02 {
	width: 200px;
	border-bottom: 1px solid #313131;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
.goodsOnce h3{
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
    width: 175px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}
#goodsList dl {
	text-decoration: none;
    padding: 10px;
    height: 128px;
	position: relative;
}
#goodsList dt{
	font-size: 14px;
	line-height: 20px;

}
#goodsList dd{
	font-size: 12px;
	position: absolute;
	bottom:20px;
	right: 10px;
}
#goodsModal {
	background-color: #000;
	height: 500px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #E60012;
	box-sizing: border-box;
	padding: 30px;
	overflow: auto;
	position: relative;
}
.thumbnail span {
	cursor:pointer;
}
#goodsLeft {
	float: left;
	width: 330px;
}

#mainImageCaption {
	padding: 20px 0;
	font-size: 14px;
}

#goodsRight {
	float: right;
	width: 380px;
	padding-bottom: 30px;
}
.goodsTitle {
	font-size: 24px;
    line-height: 35px;
    color: #E60012;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #313131;
    margin-bottom: 20px;
}

.goodstext {
	font-size: 16px;
    line-height: 35px;
    color: #fff;
}

#goods-tags {
	text-align: center;
}
#goodsRight h4 {
    margin-top: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 14px;
    background-color: #E60012;
    display: block;
    width: 150px;
    padding: 10px 4px; 
    text-align: center;
}

.shopLink {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
}
.shopLink:nth-child(3n){
	margin-right:0;
}
.shopLink img {
	transition: all  0.3s ease;
}
.shopLink img:hover {
	opacity: 0.7;
}
.item_image {
	width: 64px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-top: 1px;
}
.item_image img {
	width:64px;
}
.item_image img:hover {
	opacity: 0.7;
}


.paging{
	text-align: center;
	overflow: hidden;
	position:relative;
	font-size: 14px;
	margin-bottom: 50px;
}
.paging .prev{
	position:absolute;
	left:0;
	top:0;
	width:77px;
	font-size:12px;
	background-color:rgba(0,0,0,0.5);
	margin-left:27px;
	text-decoration:none;
	border: solid 1px #303030;
	box-sizing:border-box;
}
.paging .prev:before {
	content:'';
	position:absolute;
	width:20px;
	right:75px;
	top:50%;
	height:1px;
	background-color:#303030;
	transition:all 0.3s ease;
}
.paging .prev:after {
	content:'';
	position:absolute;
	width:7px;
	left:-20px;
	top:50%;
	height:1px;
	background-color:#303030;
	transform-origin:left bottom;
	transform:rotate(-40deg);
	transition:all 0.3s ease;
}
.paging .next{
	position:absolute;
	right:0;
	top:0;
	width:77px;
	font-size:12px;
	background-color:rgba(0,0,0,0.5);
	margin-right:27px;
	text-decoration:none;
	border: solid 1px #303030;
}
.paging .next:before {
	content:'';
	position:absolute;
	width:20px;
	left:77px;
	top:50%;
	height:1px;
	background-color:#303030;
	transition:all 0.3s ease;
}
.paging .next:after {
	content:'';
	position:absolute;
	width:7px;
	right:-20px;
	top:50%;
	height:1px;
	background-color:#303030;
	transform-origin:right bottom;
	transform:rotate(40deg);
	transition:all 0.3s ease;
}
.paging span {
	border:solid 1px rgba(198,0,0,0.5);
}
.paging a {
	background-color:rgba(0,0,0,0.5);
	border: solid 1px #303030;
}
.paging span,
.paging a{
	text-align: center;
	display: inline-block;
	margin:0 5px;
	height:26px;
	width:100px;
	line-height:30px;
	transition:all 0.3s ease;
	text-decoration:none;
}
.paging span,
.paging a:hover{
	color: #FFF;
	background-color:rgba(198,0,0,0.5);
}
.paging .prev:hover:before,
.paging .next:hover:before {
	width:27px;
	background-color:rgba(198,0,0,0.5);
}
.paging .prev:hover:after {
	left:-27px;
	background-color:rgba(198,0,0,0.5);
}
.paging .next:hover:after {
	right:-27px;
	background-color:rgba(198,0,0,0.5);
}


.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}

#storySelectArea {
	width: 1200px;
	padding-bottom:100px;
	margin: 0 auto;
}
#storyList li {
	float: left;
	margin-right: 15px;
	width: 340px;
	height: 300px;
}
#storyList li:nth-child(3n) {
	margin-right:0;
}
#storyList li a {
	display: block;
	height: 300px;
	width: 340px;
	text-decoration:none;
	transition:all 0.3s ease;
}
#storyList li a:hover {
	opacity:0.7;
}
.storyThumb {
	height: 192px;
	width: 340px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.storyThumb .hd {
	display: none;
}

#storyList li p {
	text-align: center;
	padding-top: 15px;
	font-size: 16px;
}

#pkgtitle {
	font-size:22px;
	color:#F00;
	font-weight:bold;
	padding: 0 0 60px;
	position: relative;
}
/*#pkgtitle:before{
	position: absolute;
    top: 45px;
    display: block;
    width: 14px;
    height: 2px;
    background: #fff;
    content: "";
}*/
.detailCont{
	margin-bottom: 80px;
	color:#fff;
	line-height: 222.22222%;
    font-size: 18px;
}
.detailCont:last-child{
	margin-bottom: 0;
}
.packageDetail{
	margin-bottom: 80px;
}
.packageDetail:last-child{
	margin-bottom: 0;
}
.packageLeft{
	float:left;
	width: 300px;
}
.packageLeft img{
	width: 300px;
}
.packageRight{
	float: right;
	width: -webkit-calc(100% - 340px);
	width: calc(100% - 340px);
}
.packageRight h4{
	font-weight: bold;
}
.kbn{
	font-weight: bold;
    border-bottom: 1px solid #2b2b2b;
    line-height: 1em;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.sdlink{
	display: block;
    width: 300px;
    height: 50px;
    line-height: 50px;
	color: #fff;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgb(230, 0, 18);
    text-decoration: none;
    transition: all 0.3s ease;
}
.sdlink:hover{
	 background-color: rgba(230, 0, 18, 0.7);
}
.kbn:before{
	content: url(../images/header_separator.png);
	margin-right: 12px;
}
.storyCont .cf {
	font-size:14px;
	color:#fff;
	line-height: 30px;
}

.storyCont .cf img {
margin: 10px;
}
.storyBack {
	text-align: center;
}

#articleDetail .detailCont h3 {
	padding:10px;
	margin-bottom:30px;
	border-bottom:solid 1px #E60012;
	color:#F00;
	font-size:20px;
	font-weight:bold;
}

#ondemand {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	line-height:30px;
}
#ondemand h4 { padding-top: 20px; padding-bottom: 20px; font-size: 24px; text-align: center; background-color: #AC0002;}
#ondemand table {
	width: 100%;
	margin-bottom: 45px;
}
#ondemand th,
#ondemand td {
	text-align: center;
	width: 75%;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	border: 1px solid #303030;
}
#ondemand th {
	background-color: #262626;
	font-size: 16px;
}
#ondemand1 { padding-bottom:50px; }

#ondemand1 th { color: #ec0000; }
#ondemand2 th { color: #ecda60; }

#shopList {
    width: 1000px;
    position: absolute;
    margin: auto;
    top: 50%;
    right: 0;
    left: 0;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#shopList img {
	margin: 5px;
	border: solid 1px #E60012;
	transition: 3s ease;
}
#shopList h1 {
	font-size: 20px;
	color: #E60012;
	padding-bottom: 15px;
	font-weight: bold;
	position:relative;
	width:auto;
	height:auto;
}
.backList{
    margin-bottom: 140px;
	margin-top: 0;
}
#tokutenWrap{
	color:#fff;
	line-height: 222.22222%;
    font-size: 18px;
}

.commentBorder{
	color:#fff;
	border: 1px dotted #ff0000;
	padding: 20px;
}


/*characters*/
.cname {
	line-height: 52px;
	background: url(../images/character/character_liner.png) no-repeat center bottom;
	height: 52px;
}
.ss {
	font-size: 14px;
}
#silver .cname {
	background: url(../images/character/character_liner_silver.png) no-repeat center bottom;
}
#red .cname {
	background: url(../images/character/character_liner_red.png) no-repeat center bottom;
}
#blue .cname {
	background: url(../images/character/character_liner_blue.png) no-repeat center bottom;
}
#green .cname {
	background: url(../images/character/character_liner_green.png) no-repeat center bottom;
}
#skyblue .cname {
	background: url(../images/character/character_liner_skyblue.png) no-repeat center bottom;
}
#pink .cname {
	background: url(../images/character/character_liner_pink.png) no-repeat center bottom;
}
#purple .cname {
	background: url(../images/character/character_liner_purple.png) no-repeat center bottom;
}
#white .cname {
	background: url(../images/character/character_liner_white.png) no-repeat center bottom;
}
#extra1 .cname {
	background: url(../images/character/character_liner_extra.png) no-repeat center bottom;
}
#diamond .cname {
	background: url(../images/character/character_liner_diamond.png) no-repeat center bottom;
}
#extra2 .cname {
	background: url(../images/character/character_liner_extra2.png) no-repeat center bottom;
}
.cenname {
	line-height: 34px;
	height: 34px;
	padding-bottom: 45px;
}
.charaCont_group h3 {
	text-align: center;
	padding-bottom: 52px;
}
.charaCont_nav li a { display: block; }
.charaCont_nav li a img{
	opacity:1;
	transition:all 0.3s ease;
}
.charaCont_nav li a:hover img{
	opacity:0;
}
#charaNav_blue { background: url(../images/character/nav_blue_ov.png) no-repeat center center; }
#charaNav_black { background: url(../images/character/nav_black_ov.png) no-repeat center center; }
#charaNav_extra1 { background: url(../images/character/nav_extra1_ov.png) no-repeat center center; }
#charaNav_extra2 { background: url(../images/character/nav_extra2_ov.png) no-repeat center center; }
#charaNav_gold { background: url(../images/character/nav_gold_ov.png) no-repeat center center; }
#charaNav_green { background: url(../images/character/nav_green_ov.png) no-repeat center center; }
#charaNav_pink { background: url(../images/character/nav_pink_ov.png) no-repeat center center; }
#charaNav_purple { background: url(../images/character/nav_purple_ov.png) no-repeat center center; }
#charaNav_red { background: url(../images/character/nav_red_ov.png) no-repeat center center; }
#charaNav_silver { background: url(../images/character/nav_silver_ov.png) no-repeat center center; }
#charaNav_diamond { background: url(../images/character/nav_diamond_ov.png) no-repeat center center; }
#charaNav_skyblue { background: url(../images/character/nav_skyblue_ov.png) no-repeat center center; }
#charaNav_heart { background: url(../images/character/nav_heart_ov.png) no-repeat center center; }
#charaNav_spade { background: url(../images/character/nav_spade_ov.png) no-repeat center center; }
#charaNav_white { background: url(../images/character/nav_white_ov.png) no-repeat center center; }.cname span {
	font-size: 14px;
	display: inline-block;
	margin-right: 5px;
}
.hd { display: none; }

/*===================CAHRACTER PAGING BTN CUSTOM=====================*/
#cboxPrevious, #cboxNext {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-indent:-9999px;
}
#cboxPrevious{ left: 0; } 
#cboxNext { right: 0; }
#cboxPrevious:before, #cboxNext:before {
	content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    transition: all 0.3s ease;
}
#cboxPrevious:before {
    border-width: 14px 20px 14px 0px;
    border-color: transparent #ffffff transparent transparent;
    margin-left: -14px;
    margin-top: -14px;
}
#cboxNext:before {
    border-width: 14px 0px 14px 20px;
    border-color: transparent transparent transparent #ffffff;
    margin-left: -7px;
    margin-top: -14px;
}
#cboxPrevious:hover:before, #cboxNext:hover:before {transform: scale(1.1);}
/*===================CAHRACTER PAGING BTN CUSTOM END=====================*/
.subCont { min-width: 1200px; }
.charaCont_head, .charaCont_nav {
	width: 1114px;
	height: 140px;
	margin: auto;
	z-index: 200;

}
.charaCont_nav.hide {
	opacity: 0;
	transition: all .5s ease;
	pointer-events: none;
}
.charaCont_nav.on {
	position: fixed;
	top: 65px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 200;
}

/*============================ DIAGRAM ================================*/
#diagramCont {  margin-top: -50px; }
#dgTabList ul {
	display: flex;
	flex-wrap: wrap;
	width: 1100px;
	margin: auto;
	padding-left: 20px;
	padding-bottom: 10px;
}
#dgTabList li {
	width: 228px;
	height: 85px;
	position: relative;
	margin-left: -10px;
	margin-bottom: -10px;
}
#dgTabList li.cs {
	pointer-events: none;
}
#dgTabList li.cs img {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
} 
#dgTabList li a {
	display: block;
	height: 85px;
	width: 228px;
	transition: all .3s ease;
	overflow: hidden;
}
#dgTabList li a img {
	display: block;
	height: 85px;
	width: 228px;
	transition: all .3s ease;
}
#dgTabList li a:hover { opacity: 0.7; }
#dgTabList li a img:hover { transform: scale(1.05); }

.diagramCont_body {
	padding-top: 100px;
	padding-bottom: 85px;
}
#dgSubHead {
	width: 1030px;
	margin: auto;
	padding-top: 120px;
}
#dgSubHeadIn {
	width: 1030px;
	border: 7px solid #1d1d1d;
	box-sizing: border-box;
	position: relative;
	padding: 40px 45px 25px;
	background-color:rgba(0,0,0,0.4);
}
#dgSubHeadIn h3 {
	display: inline-block;
	position: absolute;
	top: -80px;
	left: 50%;
	transform: translateX(-50%);
}
#dgSubHeadIn strong {
	display: block;
	text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #c60000;
    padding-bottom: 10px;
}
#dgSubHeadIn p {
	font-size: 16px;
	line-height: 38px;
	color: #fff;
}
.dgMap {
	margin-top: 45px;
	position: relative;
}
.dgMap img {
	display: block;
	margin: auto;
}
.dgMapLinks {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.dgMapLinks li {
	position: absolute;
}
.dgMapLinks li a {
	display: block;
	transition: all .3s ease;
}
.dgMapLinks li a:hover{ background:rgba(0,0,0,0.4); }


/*=============================== エルフ転生編 ===================================*/
#dgMap09 .dgMapLinks li {
	width: 90px;
	height: 90px;
}
#dgMap09 .dgMapLinks li a { height: 90px; }
#dg9_1 {
	top: 200px;
    left: 260px;
}
#dg9_2 {
	top: 405px;
    left: 175px;
}
#dg9_3 {
	top: 537px;
    left: 50px;
}
#dg9_4 {
	top: 537px;
    left: 173px;
}
#dg9_5 {
	top: 537px;
    left: 295px;
}
#dg9_6 {
	top: 670px;
    left: 50px;
}
#dg9_7 {
	top: 670px;
    left: 173px;
}
#dg9_8 {
	top: 670px;
    left: 295px;
}
#dg9_9 {
	top: 805px;
    left: 173px;
}
#dg9_10 {
	top: 1023px;
    left: 50px;
}
#dg9_11 {
	top: 1023px;
    left: 173px;
}
#dg9_12 {
	top: 1023px;
    left: 295px;
}
#dg9_13 {
	top: 1142px;
    left: 50px;
}
#dg9_14 {
	top: 1142px;
    left: 173px;
}
#dg9_15 {
	top: 1142px;
    left: 295px;
}
#dg9_16 {
	top: 1260px;
    left: 50px;
}
#dg9_17 {
	top: 1260px;
    left: 173px;
}
#dg9_18 {
	top: 1248px;
    left: 488px;
}
#dg9_19 {
	top: 1248px;
    left: 610px;
}
#dg9_20 {
    top: 50px;
    right: 47px;
}
#dg9_21 {
    top: 170px;
    right: 47px;
}
#dg9_22 {
	top: 290px;
    right: 47px;
}

#dg9_23 {
	top: 222px;
    right: 389px;
}
#dg9_24 {
	top: 222px;
    right: 268px;
}

/*=============================== 魔法騎士団入団編 ===================================*/
#dgMap01 .dgMapLinks li {
	width: 148px;
	height: 148px;
}
#dgMap01 .dgMapLinks li a {height: 148px;}
#dg1_1 {
	top: 58px;
    left: 270px;
}
#dg1_2 {
	top: 58px;
    left: 612px;
}
#dg1_3 {
	top: 375px;
    left: 39px;
}
#dg1_4 {
	top: 375px;
    left: 223px;
}
#dg1_5 {
	top: 578px;
    left: 39px;
}
#dg1_6 {
	top: 578px;
    left: 223px;
}
#dg1_7 {
	top: 780px;
    left: 39px;
}
#dg1_8 {
	top: 780px;
    left: 223px;
}
#dg1_9 {
	top: 984px;
    left: 39px;
}
#dg1_10 {
	top: 984px;
    left: 223px;
}
#dg1_11 {
	top: 1187px;
    left: 39px;
}
#dg1_12 {
	top: 375px;
    right: 223px;
}
#dg1_13 {
	top: 375px;
    right: 39px;
}
#dg1_14 {
	top: 657px;
    right: 223px;
}
#dg1_15 {
	top: 657px;
    right: 39px;
}

/*=============================== 魔宮攻略編 ===================================*/
#dgMap02 .dgMapLinks li {
	width: 158px;
	height: 158px;
}
#dgMap02 .dgMapLinks li a {height: 158px;}
#dg2_1 {
	top: 84px;
    left: 111px;
}
#dg2_2 {
	top: 284px;
    left: 111px;
}
#dg2_3 {
	top: 484px;
    left: 111px;
}
#dg2_4 {
	top: 84px;
    right: 112px;
}
#dg2_5 {
	top: 284px;
    right: 112px;
}
#dg2_6 {
	top: 484px;
    right: 112px;
}
#dg2_7 {
    top: 1034px;
    left: 325px;
}
#dg2_8 {
    top: 1034px;
    right: 326px;
}

/*=============================== 「白夜の魔眼」王都襲来編 ===================================*/
#dgMap03 .dgMapLinks li {
	width: 95px;
	height: 95px;
}
#dgMap03 .dgMapLinks li a { height: 95px; }
#dg3_1 {
	top: 112px;
    left: 534px;
}
#dg3_2 {
	top: 335px;
    left: 59px;
}
#dg3_3 {
	top: 463px;
    left: 59px;
}
#dg3_4 {
	top: 591px;
    left: 59px;
}
#dg3_5 {
	top: 796px;
    left: 59px;
}
#dg3_6 {
	top: 924px;
    left: 59px;
}
#dg3_7 {
	top: 1135px;
    left: 59px;
}
#dg3_8 {
	top: 1265px;
    left: 59px;
}
#dg3_9 {
	top: 335px;
    left: 300px;
}
#dg3_10 {
	top: 463px;
    left: 300px;
}
#dg3_11 {
	top: 591px;
    left: 300px;
}
#dg3_12 {
	top: 721px;
    left: 300px;
}
#dg3_13 {
	top: 335px;
    left: 540px;
}
#dg3_14 {
	top: 463px;
    left: 540px;
}
#dg3_15 {
	top: 721px;
    left: 540px;
}
#dg3_16 {
	top: 849px;
    left: 540px;
}
#dg3_17 {
	top: 978px;
    left: 540px;
}
#dg3_18 {
	top: 1106px;
    left: 540px;
}
#dg3_19 {
	top: 288px;
    right: 47px;
}
#dg3_20 {
    top: 417px;
    right: 47px;
}
#dg3_21 {
    top: 546px;
    right: 47px;
}
#dg3_22 {
	top: 932px;
    right: 47px;
}

/*=============================== 「白夜の魔眼」邂逅編 ===================================*/
#dgMap04 .dgMapLinks li {
	width: 90px;
	height: 90px;
}
#dgMap04 .dgMapLinks li a { height: 90px; }
#dg4_1 {
	top: 104px;
    left: 314px;
}
#dg4_2 {
	top: 312px;
    left: 51px;
}
#dg4_3 {
	top: 431px;
    left: 51px;
}
#dg4_4 {
	top: 552px;
    left: 51px;
}
#dg4_5 {
	top: 671px;
    left: 51px;
}
#dg4_6 {
	top: 792px;
    left: 51px;
}
#dg4_7 {
	top: 384px;
    left: 226px;
}
#dg4_8 {
	top: 587px;
    left: 226px;
}
#dg4_9 {
	top: 791px;
    left: 226px;
}
#dg4_10 {
	top: 384px;
    left: 402px;
}
#dg4_11 {
	top: 587px;
    left: 402px;
}
#dg4_12 {
	top: 791px;
    left: 402px;
}
#dg4_13 {
	top: 996px;
    left: 402px;
}
#dg4_14 {
    top: 52px;
    right: 174px;
}
#dg4_15 {
    top: 224px;
    right: 297px;
}
#dg4_16 {
	top: 224px;
    right: 174px;
}
#dg4_17 {
	top: 224px;
    right: 51px;
}
#dg4_18 {
	top: 361px;
    right: 244px;
}
#dg4_19 {
	top: 361px;
    right: 104px;
}


/*=============================== 海底神殿編 ===================================*/
#dgMap05 .dgMapLinks li {
	width: 92px;
	height: 92px;
}
#dgMap05 .dgMapLinks li a { height: 92px; }
#dg5_1 {
	top: 109px;
    left: 272px;
}
#dg5_2 {
	top: 324px;
    left: 183px;
}
#dg5_3 {
	top: 448px;
    left: 54px;
}
#dg5_4 {
	top: 448px;
    left: 181px;
}
#dg5_5 {
	top: 448px;
    left: 308px;
}
#dg5_6 {
	top: 572px;
    left: 54px;
}
#dg5_7 {
	top: 572px;
    left: 181px;
}
#dg5_8 {
	top: 572px;
    left: 308px;
}
#dg5_9 {
	top: 696px;
    left: 54px;
}
#dg5_10 {
	top: 696px;
    left: 181px;
}
#dg5_11 {
	top: 696px;
    left: 308px;
}
#dg5_12 {
    top: 339px;
    right: 217px;
}
#dg5_13 {
	top: 339px;
    right: 72px;
}
#dg5_14 {
    top: 553px;
    right: 144px;
}

/*=============================== 魔女の森編 ===================================*/
#dgMap06 .dgMapLinks li {
	width: 90px;
	height: 90px;
}
#dgMap06 .dgMapLinks li a { height: 90px; }
#dg6_1 {
    top: 105px;
    left: 262px;
}
#dg6_2 {
    top: 312px;
    left: 176px;
}
#dg6_3 {
    top: 432px;
    left: 52px;
}
#dg6_4 {
	top: 432px;
    left: 175px;
}
#dg6_5 {
	top: 432px;
    left: 297px;
}
#dg6_6 {
	top: 552px;
    left: 175px;
}
#dg6_7 {
	top: 759px;
    left: 113px;
}
#dg6_8 {
	top: 759px;
    left: 236px;
}
#dg6_9 {
	top: 896px;
    left: 52px;
}
#dg6_10 {
	top: 896px;
    left: 175px;
}
#dg6_11 {
	top: 896px;
    left: 297px;
}
#dg6_12 {
    top: 52px;
    right: 351px;
}
#dg6_13 {
    top: 294px;
    right: 211px;
}
#dg6_14 {
    top: 516px;
    right: 211px;
}
#dg6_15 {
    top: 766px;
    right: 328px;
}
#dg6_16 {
    top: 766px;
    right: 192px;
}
#dg6_17 {
	top: 903px;
    right: 33px;
}

/*=============================== 王選騎士団編 ===================================*/
#dgMap07 .dgMapLinks li {
	width: 90px;
	height: 90px;
}
#dgMap07 .dgMapLinks li a { height: 90px; }
#dg7_1 {
	top: 52px;
    right: 245px;
}
#dg7_2 {
    top: 413px;
    left: 88px;
}
#dg7_3 {
    top: 412px;
    left: 194px;
}
#dg7_4 {
	top: 413px;
    left: 299px;
}
#dg7_5 {
	top: 585px;
    left: 88px;
}
#dg7_6 {
	top: 585px;
    left: 194px;
}
#dg7_7 {
	top: 585px;
    left: 299px;
}
#dg7_8 {
	top: 851px;
    left: 89px;
}
#dg7_9 {
	top: 851px;
    left: 194px;
}
#dg7_10 {
	top: 851px;
    left: 299px;
}
#dg7_11 {
	top: 1118px;
    left: 89px
}
#dg7_12 {
    top: 1118px;
    left: 299px;
}
#dg7_13 {
    top: 318px;
    right: 287px;
}
#dg7_14 {
    top: 585px;
    right: 182px;
}
#dg7_15 {
    top: 585px;
    right: 77px;
}
#dg7_16 {
    top: 1040px;
    right: 182px;
}
#dg7_17 {
    top: 1212px;
    right: 182px;
}
#dg7_18 {
    top: 1212px;
    right: 77px;
}

/*=============================== 「白夜の魔眼」討伐編 ===================================*/
#dgMap08 .dgMapLinks li {
	width: 90px;
	height: 90px;
}
#dgMap08 .dgMapLinks li a { height: 90px; }
#dg8_1 {
    top: 125px;
    left: 260px;
}
#dg8_2 {
    top: 331px;
    left: 175px;
}
#dg8_3 {
    top: 464px;
    left: 51px;
}
#dg8_4 {
	top: 464px;
    left: 174px;
}
#dg8_5 {
    top: 464px;
    left: 295px;
}
#dg8_6 {
	top: 597px;
    left: 51px;
}
#dg8_7 {
	top: 597px;
    left: 174px;
}
#dg8_8 {
	top: 597px;
    left: 295px;
}
#dg8_9 {
	top: 730px;
    left: 51px;
}
#dg8_10 {
	top: 730px;
    left: 174px;
}
#dg8_11 {
	top: 730px;
    left: 295px
}
#dg8_12 {
    top: 863px;
    left: 51px;
}
#dg8_13 {
    top: 1129px;
    left: 174px;
}
#dg8_14 {
    top: 1129px;
    left: 295px;
}
#dg8_15 {
    top: 125px;
    right: 283px;
}
#dg8_16 {
    top: 331px;
    right: 283px;
}
#dg8_17 {
	top: 481px;
    right: 344px;
}
#dg8_18 {
    top: 481px;
    right: 222px;
}
#dg8_19 {
	top: 601px;
    right: 344px;
}
#dg8_20 {
    top: 601px;
    right: 222px;
}
#dg8_21 {
    top: 902px;
    right: 338px;
}
#dg8_22 {
    top: 902px;
    right: 95px;
}
#dg8_23 {
    top: 1078px;
    right: 370px;
}
#dg8_24 {
    top: 1078px;
    right: 248px;
}
#dg8_25 {
	top: 1078px;
    right: 126px;
}