@charset "utf-8";
@import url(../../_external/fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* { outline: none; }
::selection { background: #f095b2; }
::-moz-selection {
 background: #f095b2;
}
body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:16px;
	font-weight:200;
	color: #666;
}
a { color: #000; }
a:hover { text-decoration: none; }
#fullWrap {
	min-height: 620px;
	min-width: 1200px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#index header {
	position: absolute;
	width: 286px;
	left: 0px;
	top: 0px;
	bottom: 0px;
}
#index h1 {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 378px;
	width: 48px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -220px;
	margin-left: -24px;
}
#menuTrigger {
	background-color: #F095B2;
	height: 81px;
	width: 81px;
	display: block;
	position: absolute;
	box-sizing: border-box;
	padding-top: 50px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-size: 10px;
	transition: all 0.3s ease;
	z-index: 1500;
}
#menuTrigger:before {
	width: 25px;
	height: 25px;
	position: absolute;
	content: '';
	left: 28px;
	top: 20px;
	background-image: url(../images/menu.png);
	transition: all 0.3s ease;
	opacity: 1;
	transform: scale(1);
}
#menuTrigger:after {
	width: 25px;
	height: 25px;
	position: absolute;
	content: '';
	left: 28px;
	top: 20px;
	background-image: url(../images/menu_close.png);
	transition: all 0.3s ease;
	opacity: 0;
	transform: scale(0);
}
#menuTrigger.on:after {
	opacity: 1;
	transform: scale(1);
}
#menuTrigger.on:before {
	opacity: 0;
	transform: scale(0);
}
#menuTrigger:hover { background-color: #ED81A4; }
nav {
	background-color: #F095B2;
	width: 286px;
	position: absolute;
	left: -286px;
	top: 0px;
	bottom: 0px;
	transition: all 0.5s cubic-bezier(0.68, 0.06, 0.36, 1);
	z-index: 500;
}
nav.active { left: 0; }
nav ul {
	height: 500px;
	width: 181px;
	margin-top: -225px;
	position: absolute;
	left: 54px;
	top: 50%;
}
nav li {
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
nav li.soon {
	opacity: 0.25;

}
nav li.soon a {}
nav li a {
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 30px;
	position: relative;
}
nav li a span {
	position: absolute;
	left: 0;
	top: 27px;
	width: 0px;
	height: 1px;
	background-color: #FFF;
	transition: all 0.3s ease;
	text-indent: -8498px;
}
nav li a:not(.soon):hover span,
nav li a.active span { width: 100%; }
#n00 { width: 53px; }
#n01 { width: 78px; }
#n02 { width: 98px; }
#n03 { width: 119px; }
#n04 { width: 181px; }
#n05 { width: 80px; }
#n06 { width: 78px; }
#n07 { width: 80px; }
#n08 { width: 99px; }
#n99 { width: 128px; }
#n00 a { background-image: url(../images/nav00.png); }
#n01 a { background-image: url(../images/nav01.png); }
#n02 a { background-image: url(../images/nav02.png); }
#n03 a { background-image: url(../images/nav03.png); }
#n04 a { background-image: url(../images/nav04.png); }
#n05 a { background-image: url(../images/nav05.png); }
#n06 a { background-image: url(../images/nav06.png); }
#n07 a { background-image: url(../images/nav07.png); }
#n08 a { background-image: url(../images/nav08.png); }
#n99 a { background-image: url(../images/nav99.png); }
#startDate {
	background-image: url(../images/startdate_second.png);
	position: absolute;
	height: 74px;
	width: 215px;
	left: 35px;
	bottom: 48px;
}
#onairLink {
	position: absolute;
	width: 213px;
	height: 30px;
	left: 37px;
	bottom: 0px;
}
#onairLink a {
	background-color: #F095B2;
	display: block;
	background-image: url(../images/btn_toponair.png);
	height: 30px;
	transition: all 0.3s ease;
}
#onairLink a:hover { background-color: #ED81A4; }
#mainVisual {
	overflow: hidden;
	position: absolute;
	left: 286px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#scene {
	position: absolute;
	left: 0px;
	top: 50px;
	right: 35px;
	bottom: 60px;
	overflow: hidden;
}
#scene li {
	display: block;
	position: absolute;
	z-index: 6;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
}
.v1 { opacity: 0; }
#visual1 {
	background-image: url(../images/visual1.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	right: 0px;
}
#visual2 {
	background-image: url(../images/visual2.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	right: 0px;
}
#stopScene {
	position: absolute;
	top: 50px;
	right: 35px;
	bottom: 60px;
	left: 0;
	z-index: 15;
}
#effect {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
#visual1Catch {
	background-image: url(../images/visual1_catch.png);
	position: absolute;
	height: 343px;
	width: 38px;
	left: 35px;
	top: 35px;
	pointer-events: none;
}
#visual2Catch {
	background-image: url(../images/visual2_catch.png);
	position: absolute;
	height: 343px;
	width: 38px;
	left: 35px;
	top: 35px;
	pointer-events: none;
}

#opevent {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 140px;
	right: 40px;
}

#opevent a:hover img { opacity: 0.8; }

/*#karachoko {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 140px;
	right: 40px;
}

#karachoko a:hover img { opacity: 0.8; }*/

#owatashi {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 20px;
	right: 50px;
}

#owatashi a:hover img { opacity: 0.8; }


#share {
	position: absolute;
	width: 31px;
	top: 0px;
	right: 0px;
	background-color: #F095B2;
}
#share li {
	border-bottom: 1px dotted #FFF;
	height: 31px;
	width: 31px;
}
#share li:last-child { border: none; }
#share li a {
	transition: all 0.3s ease;
	display: block;
	height: 31px;
}
#share li a:hover { background-color: #ED81A4; }
#topMovie {
	height: 137px;
	width: 190px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#topMovie h2 {
	height: 27px;
	text-align: right;
	padding-right: 14px;
}
#topMovie a {
	background-color: #FFF;
	display: block;
	height: 100px;
	width: 180px;
	padding-top: 10px;
	padding-left: 10px;
}
#topMovie a img { transition: all 0.3s ease; }
#topMovie a:hover img { opacity: 0.8; }


#bnr {
	height: 72px;
	width: 410px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#bnr a img { transition: all 0.3s ease; }
#bnr a:hover img { opacity: 0.8; }

#topics {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 35px;
	height: 50px;
}
#topics h2 {
	line-height: 50px;
	color: #F095B2;
	height: 50px;
	width: 45px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 12px;
}
#topicsList {
	overflow: hidden;
	position: absolute;
	height: 50px;
	left: 45px;
	top: 0px;
	right: 110px;
}
#topics li {
	height: 50px;
	width: 100%;
	font-size: 12px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#topics li span {
	color: #F095B2;
	margin-right: 10px;
}
#topicsMore {
	position: absolute;
	height: 24px;
	width: 56px;
	top: 13px;
	right: 0px;
}
#topicsMore a {
	display: block;
	height: 24px;
	width: 56px;
	background-color: #F095B2;
	transition: all 0.3s ease;
}
#topicsMore a:hover { background-color: #ED81A4; }
#index footer {
	position: absolute;
	height: 60px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#index footer ul {
	display: table;
	padding-top: 0;
	position: absolute;
	left: 0;
	top: 5px;
}
#index footer li {
	display: table-cell;
	height: 49px;
	width: 140px;
	padding-right: 6px;
	padding-bottom: 0px;
}
#index footer li a { transition: all 0.3s ease; }
#index footer li a:hover { opacity: 0.8; }
#index #copyright {
	background-image: url(../images/copyright.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 292px;
	height: 60px;
}
#movieCont {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}
#sub header {
	width: 140px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 15;
}
#sub h1 {
	height: 239px;
	width: 30px;
	margin-top: -120px;
	position: absolute;
	left: 55px;
	top: 50%;
}
#sub h1 a {
	display: block;
	background-image: url(../images/logo_sub.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.3s ease;
	height: 239px;
}
#sub h1 a:hover { opacity: 0.7; }
#sub h2 {
	text-align: center;
	margin-top: 145px;
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
}
#sub #fullWrap {
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 35px;
	padding-left: 16px;
	box-sizing: border-box;
}
#subCont {
	position: absolute;
	left: 81px;
	top: 16px;
	right: 16px;
	bottom: 35px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
#bg {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
	position: absolute;
	left: 16px;
	top: 16px;
	right: 16px;
	bottom: 35px;
	z-index:-1;
}
.bgCh { background-image: url(../images/bg_character.jpg); }
.bgNw { background-image: url(../images/bg_news.jpg); }

#onair {
	height: 63px;
	width: 460px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 70px;
}
#onair h3 { padding-bottom: 30px; }
#onairList {
	background-image: url(../images/onair_second.png);
	height: 39px;
	width: 440px;
}
#subRightChara {
	height: 348px;
	width: 260px;
	padding-top: 20px;
	padding-left: 20px;
	overflow: hidden;
	position: absolute;
	right: -16px;
	bottom: -35px;
	box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transform-origin: right bottom;
}

#subRightChara2 {
	height: 348px;
	width: 260px;
	padding-top: 20px;
	padding-left: 20px;
	overflow: hidden;
	position: absolute;
	right: -16px;
	bottom: -35px;
	box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transform-origin: right bottom;
	z-index: 8;
}
#subRightChara3 {
	height: 348px;
	width: 260px;
	padding-top: 20px;
	padding-left: 20px;
	overflow: hidden;
	position: absolute;
	right: -16px;
	bottom: -35px;
	box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transform-origin: right bottom;
}
#subRightChara4 {
	height: 348px;
	width: 260px;
	padding-top: 20px;
	padding-left: 20px;
	overflow: hidden;
	position: absolute;
	right: -16px;
	bottom: -35px;
	box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transform-origin: right bottom;
	z-index: 8;
}

#subRightChara5 {
	height: 348px;
	width: 260px;
	padding-top: 20px;
	padding-left: 20px;
	overflow: hidden;
	position: absolute;
	right: -16px;
	bottom: -35px;
	box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transform-origin: right bottom;
	z-index: 8;
}

#subRightChara:hover,
#subRightChara2:hover,
#subRightChara3:hover,
#subRightChara4:hover,
#subRightChara5:hover{
	padding-left: 0px;
	padding-top: 0px;
}
#sub #copyright {
	background-image: url(../images/copyright.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	height: 35px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#loading {
	background-color: #FFF;
	position: fixed;
	z-index: 9998;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#caststaff {
	height: 580px;
	width: 1000px;
	margin-top: -290px;
	margin-left: -500px;
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: hidden;
}
#caststaff h3 { padding-bottom: 30px;height:14px; }
#caststaff h3 img {
	display:block;
}
#caststaff li img { display: block; }
#staff li {
	float: left;
	height: 100px;
	padding-right: 38px;
}
#staff li:nth-child(2) { clear: both; }
#cast li {
	height: 115px;
	width: 173px;
	float: left;
}
#cast li:nth-child(6) { clear: both; }
#cast li a {
	display: block;
	height: 26px;
	width: 103px;
	margin-top: 12px;
	position: relative;
}
#cast li a:after {
	content: '';
	width: 103px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.4s ease;
}
#cast li a:hover:after { opacity: 1; }
#cast li a.castPink:after { background-image: url(../images/btn_comment_p_on.png); }
#cast li a.castBlue:after { background-image: url(../images/btn_comment_b_on.png); }
#cast li .comment_box { display: none; }
.castPink { background-image: url(../images/btn_comment_p.png); }
.castBlue { background-image: url(../images/btn_comment_b.png); }
.comment {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 101;
	background: rgba(255, 255, 255, .95);
}
.comment .comment_inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.comment .comment_box {
	display: inline-block;
	text-align: left;
}
.comment .comment_subsection {
	margin-top: 38px;
	margin-bottom: 38px;
}
.comment .comment_subsection:first-child { margin-top: 0; }
.comment .comment_subsection:last-child { margin-bottom: 0; }
.comment .comment_subhead-pn {
	margin-bottom: 12px;
	line-height: 2;
	font-size: 16px;
	font-weight: 700;
	color: #f095b2;
}
.comment .comment_subhead-bl {
	margin-bottom: 12px;
	line-height: 2;
	font-size: 16px;
	font-weight: 700;
	color: #6facf1;
}
.comment .comment_txt {
	line-height: 2;
	font-size: 16px;
}
.comment .comment_close {
	position: absolute;
	top: 35px;
	right: 35px;
	transition: all 0.4s ease;
}
.comment .comment_close:hover { opacity: 0.8; }
#character {
	height: 404px;
	width: 1010px;
	margin-top: -202px;
	margin-left: -505px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}
#character li {
	padding: 10px;
	height: 182px;
	width: 182px;
	float: left;
}
.characters {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:none;
	z-index:101;
	background:#fff;
}
.characters .characters_close {
	position:absolute;
	top:35px;
	right:35px;
}
.character_text h3 { padding-bottom: 29px; }
.character_text p {
	line-height: 36px;
	color: #000;
}

#special {
	height: 220px;
	width: 660px;
	margin-top: -140px;
	margin-left: -330px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}
#special li {
	padding: 10px;
	height: 200px;
	width: 200px;
	float: left;
}

#special li .txt,
#comics li .txt{
	text-align: center;
	font-weight: bold;
	color: #ee95b2;
}

#other li .txt{
	text-align: center;
	font-weight: bold;
	color: #ee95b2;
	padding-top: 10px;
}

#episodes {
	height: 504px;
	width: 1010px;
	margin-top: -262px;
	margin-left: -505px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}
#episodes li {
	padding: 10px;
	height: 182px;
	width: 182px;
	float: left;
}
#episodes li a {
	display:block;
	height:182px;
}
#episodes li a img {
	transition:all 0.5s ease;
}
#episodes li a:hover img {
	transform:translateY(-10px);
}


#episodesSub {
	padding-bottom: 20px;
}

#episodesSub li {
	padding: 9px;
	height: 182px;
	width: 182px;
	float: left;
}
#episodesSub li a {
	display:block;
	height:182px;
}
#episodesSub li a img {
	transition:all 0.5s ease;
}
#episodesSub li a:hover img {
	transform:translateY(-10px);
}

#goods {
	height: 504px;
	width: 606px;
	margin-top: -262px;
	margin-left: -303px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}
#goods li {
	padding: 10px;
	height: 182px;
	width: 182px;
	float: left;
}
#goods li a {
	display:block;
	height:182px;
}
#goods li a img {
	transition:all 0.5s ease;
}
#goods li a:hover img {
	transform:translateY(-10px);
}

#comics {
	height: 504px;
	width: 1010px;
	margin-top: -262px;
	margin-left: -505px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}
#comics li {
	padding: 10px;
	height: 182px;
	width: 182px;
	float: left;
}
#comics li a {
	display:block;
	height:182px;
}
#comics li a img {
	transition:all 0.5s ease;
}
#comics li a:hover img {
	transform:translateY(-10px);
}
#comics .comicsList {
	padding-left: 70px;
}

#episodes .storyList {
	padding-left:90px;
}

#other {
	height: 504px;
	width: 1010px;
	margin-top: -262px;
	margin-left: -505px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}

#other li {
	padding: 10px;
	height: 250px;
	width: 182px;
	float: left;
}
#other li a {
	display:block;
	height:182px;
}
#other li a img {
	transition:all 0.5s ease;
}
#other li a:hover img {
	transform:translateY(-10px);
}
#other .comicsList {
	padding-left: 70px;
}


#goodsNav {
	display: table;
	height: 42px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#goodsNav li {
	display: table-cell;
	height: 42px;
	width: 126px;
	padding-right: 6px;
	padding-left: 6px;
}
#goodsNav li a {
	height: 42px;
	width: 126px;
	border: 1px solid #F095B2;
	background-color: #F095B2;
	display: block;
	box-sizing:border-box;
	border-radius:21px;
	transition:all 0.3s ease;
	background-position:center center;
	background-repeat:no-repeat;
}
#goodsNav li a:hover,
#goodsNav li a.active {
	border: 1px solid #ED81A4;
	background-color: #ED81A4;
}
#goodsNav li a.soon {
	border: 1px dashed #AAA;
	background-color: #FFF;
	pointer-events:none;
	cursor:pointer;
}


.c0 {
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	display: none;
}
.c0 img {
	display:block;
}
#c1 {
	height: 450px;
	width: 940px;
	margin-top: -225px;
	margin-left: -470px;
	padding-top:11px;
	padding-left:21px;
}
#c1 .character_text {
	position: absolute;
	width: 322px;
	top: 163px;
	right: 0px;
}
#c2 {
	height: 462px;
	width: 940px;
	margin-top: -231px;
	margin-left: -470px;
	padding-top:11px;
	padding-left:42px;
}
#c2 .character_text {
	position: absolute;
	width: 326px;
	top: 169px;
	right: 0px;
}
#c3 {
	height: 452px;
	width: 782px;
	margin-top: -226px;
	margin-left: -391px;
	padding-top:16px;
	padding-left:43px;
}
#c3 .character_text {
	position: absolute;
	width: 295px;
	top: 166px;
	right: 0px;
}
#c4 {
	height: 476px;
	width: 758px;
	margin-top: -238px;
	margin-left: -379px;
	padding-top:10px;
	padding-left:12px;
}
#c4 .character_text {
	position: absolute;
	width:301px;
	top: 178px;
	right: 0px;
}
#c5 {
	height: 485px;
	width: 770px;
	margin-top: -242px;
	margin-left: -385px;
	padding-top:14px;
	padding-left:19px;
}
#c5 .character_text {
	position: absolute;
	width:301px;
	top: 178px;
	right: 0px;
}
#c6 {
	height: 472px;
	width: 754px;
	margin-top: -236px;
	margin-left: -377px;
	padding-top:3px;
	padding-left:10px;
}
#c6 .character_text {
	position: absolute;
	width:280px;
	top: 174px;
	right: 0px;
}
#c7 {
	height: 474px;
	width: 838px;
	margin-top: -237px;
	margin-left: -419px;
	padding-top:1px;
	padding-left:10px;
}
#c7 .character_text {
	position: absolute;
	width:337px;
	top: 175px;
	right: 0px;
}
#c8 {
	height: 484px;
	width: 778px;
	margin-top: -242px;
	margin-left: -389px;
	padding-top:12px;
	padding-left:5px;
}
#c8 .character_text {
	position: absolute;
	width:282px;
	top: 180px;
	right: 0px;
}
#c9 {
	height: 468px;
	width: 886px;
	margin-top: -234px;
	margin-left: -443px;
	padding-top:0px;
	padding-left:7px;
}
#c9 .character_text {
	position: absolute;
	width:281px;
	top: 167px;
	right: 0px;
}
#c10 {
	height: 490px;
	width: 892px;
	margin-top: -245px;
	margin-left: -446px;
	padding-top:0px;
	padding-left:18px;
}
#c10 .character_text {
	position: absolute;
	width:350px;
	top: 182px;
	right: 0px;
}
#character li a {
	display:block;
	height:182px;
}
#character li a img {
	transition:all 0.5s ease;
}
#character li a:hover img {
	transform:translateY(-10px);
}

#special li a {
	display:block;
	height:200px;
}
#special li a img {
	transition:all 0.5s ease;
}
#special li a:hover img {
	transform:translateY(-10px);
}


#news {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	z-index: 10;
}
#newsList {
	width: 800px;
	padding-top: 35px;
	padding-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
}
#newsList li {
	background-color: #FFF;
	padding: 10px;
	height: 146px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	background-position: right bottom;
	background-repeat: no-repeat;
	cursor: pointer;
	box-shadow: 0px 0px 0px 0px #F095B2;
	transition: all 0.4s ease;
}
#newsList li:hover {
	transform:translate(-5px,-5px);
	box-shadow:5px 5px 0px 0px #F095B2;
}
#newsList li:nth-child(5n+1) {
	background-image:url(../images/news_c1.png);
}
#newsList li:nth-child(5n+2) {
	background-image:url(../images/news_c2.png);
}
#newsList li:nth-child(5n+3) {
	background-image:url(../images/news_c3.png);
}
#newsList li:nth-child(5n+4) {
	background-image:url(../images/news_c4.png);
}
#newsList li:nth-child(5n+5) {
	background-image:url(../images/news_c5.png);
}
#newsList li:before {
	content:'';
	position:absolute;
	width:33px;
	height:1px;
	right:120px;
	bottom:24px;
	background-color:#F095B2;
}
#newsList li:after {
	content:'';
	position:absolute;
	width:10px;
	height:1px;
	right:120px;
	bottom:24px;
	background-color:#F095B2;
	transform-origin:right bottom;
	transform:rotate(45deg);
}
.newsThumb {
	background-color: #DFDFDF;
	background-image: url(../images/news_noimage.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 146px;
	width: 185px;
	background-size: cover;
	float: left;
}
.newsSummary {
	position: absolute;
	width: 430px;
	left: 240px;
	top: 50%;
	transform:translateY(-50%);
}
.newsSummary .date {
	color: #f095b2;
	height: 25px;
	padding-bottom: 10px;
	line-height: 25px;
}
.newsSummary .title { line-height: 25px; }
#newsOnce {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 120px;
	overflow: hidden;
}
#newsOnceWrap {
	width:800px;
	padding:35px 0px;
	margin: 0 auto;
}
#newsOnceSummary {
	background-color: #FFF;
	padding: 10px;
	height: 146px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	background-position: right bottom;
	background-repeat: no-repeat;
}
#newsOnceSummary.n1 {
	background-image:url(../images/news_c1.png);
}
#newsOnceSummary.n2 {
	background-image:url(../images/news_c2.png);
}
#newsOnceSummary.n3 {
	background-image:url(../images/news_c3.png);
}
#newsOnceSummary.n4 {
	background-image:url(../images/news_c4.png);
}
#newsOnceSummary.n5 {
	background-image:url(../images/news_c5.png);
}
#newsDetail {
	padding-top: 20px;
	padding-bottom: 20px;
}
#newsDetail p {
	font-size: 16px;
	line-height: 35px;
	color: #000;
}
#backToList {
	height: 66px;
	width: 66px;
	margin: 0 auto;
	padding:27px 0;
}
#backToList a img {
	transition:all 0.3s ease;
}
#backToList a:hover img {
	transform:scale(1.1);
}
#introduction {
	height: 454px;
	width: 850px;
	margin-top: -227px;
	margin-left: -425px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/bg_introduction.jpg);
	overflow: hidden;
}
#storyNav {
	display: table;
	height: 42px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#storyNav li {
	display: table-cell;
	height: 42px;
	width: 226px;
	padding-right: 6px;
	padding-left: 6px;
}
#storyNav li a {
	height: 42px;
	width: 226px;
	border: 1px solid #F095B2;
	background-color: #F095B2;
	display: block;
	box-sizing:border-box;
	border-radius:21px;
	transition:all 0.3s ease;
	background-position:center center;
	background-repeat:no-repeat;
}
#storyNav li a:hover,
#storyNav li a.active {
	border: 1px solid #ED81A4;
	background-color: #ED81A4;
}
#storyNav li a.soon {
	border: 1px dashed #AAA;
	background-color: #FFF;
}
#snav1 a {
	background-image:url(../images/btn_introduction.png);
}
#snav2 a {
	background-image:url(../images/btn_story.png);
}
#snav2 a.soon {
	background-image:url(../images/btn_story_soon.png);
}
#introductionCont {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	width: 494px;
	margin-left:-247px;
}
#introductionCont p {
	font-size: 16px;
	line-height: 38px;
}
#introductionCont h3 { padding-bottom: 20px;padding-top:60px; }
#movieNav {
	display: table;
	height: 66px;
	position: absolute;
	left: 30px;
	bottom: 60px;
}
#movieNav li {
	height: 66px;
	width: 66px;
	padding-right: 15px;
	display: table-cell;
}
#movieNav li a img {
	transition:all 0.6s ease;
}
#movieNav li a.active img,
#movieNav li a:hover img {
	transition:0.3s all ease;
	transform:scale(1.15);
}

#ondemand {
	padding-top: 40px;
	font-size: 16px;
}
#ondemand h4 { padding-bottom: 20px;color: #FF6F00; font-size: 18px; font-weight: bold;}
#ondemand table {
	width: 100%;
	margin-bottom: 45px;
}
#ondemand th,
#ondemand td {
	text-align: center;
	width: 25%;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	border: 1px solid #e49ab2;
	background-color: #fff;
}
#ondemand th {
	background-color: #e49ab2;
	font-size: 16px;
}

#ondemand1 { padding-top: 20px; }


#ondemand1 th { color: #fff; }
#ondemand2 th { color: #fff; }

#ondemand a:link {
	color: #FF6F00;
}

#ondemand a:visited {
	color: #FF6F00;
}

#bnav1 a {
	background-image:url(../images/btn_bddvd.png);
}
#bnav2 a {
	background-image:url(../images/btn_cd.png);
}
#bnav3 a {
	background-image:url(../images/btn_comics.png);
}
#bnav4 a {
	background-image:url(../images/btn_other.png);
}

#bnav2 a.soon {
	background-image:url(../images/btn_cd_soon.png);
}
#bnav3 a.soon {
	background-image:url(../images/btn_comics_soon.png);
}
#bnav4 a.soon {
	background-image:url(../images/btn_other_soon.png);
}

.midashi {
	color: #FF5EA8;
	font-size: 18px;
	font-weight: bold;
}
.midashi2 {
	color: #FF5EA8;
	font-size: 16px;
}

.midashi3 {
	color: #FF8E00;
	font-size: 16px;
	font-weight: bold;
}

.midashi4 {
	color: #FF8E00;
	font-size: 16px;
}

.goodsImg {
	padding: 20px 0 20px;
}

.musicPlayList {
	padding-bottom: 50px;
}

.redC {
	color: #FF0004;
	text-decoration: underline;
}

.red a:link {
	color: #FF0004;
	text-decoration: underline;
}

.red a:visited {
	color: #FF0004;
	text-decoration: underline;
}

.red a:hover {
	color: #ffffff;
	text-decoration: none;
}

#buyLink ul {
	text-align: center;
	margin: 0 auto;
	padding: 0 0 30px;
}

#buyLink li {
	float: left;
	width: 170px;
	margin: 0 30px 20px 0;
}

#buyLink li a:hover {
	opacity: 0.6;
}

#buyLink li:nth-child(4),
#buyLink li:nth-child(8),{
	float: left;
	width: 170px;
	margin: 0 0 20px;
}