#firstview {
	position: relative;
	color: #fff;
	min-height: 100vh;
}
#firstview > * {
	position: relative;
	z-index: 1;
}
@media (min-width:1920px) {
	#firstview::before {
		background-size: auto 100%;
	}
}
#mainVisual {
	position: relative;
	height: 100vh;
	padding-bottom: 1rem;

	background: url('../img/mainvisual_q60_teaser.jpg') 49% center no-repeat;
	background-size: cover;
}
#mainVisual::before {
	content: "";
	display: block;
	z-index: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

	background: url('../img/mainvisual_rinka_preload.png') center top no-repeat;
	background-size: auto 120%;
	-webkit-transform: translate(2.5%, 4rem);
	transform: translate(2.5%, 4rem);
}
#mainVisual::before {
	background: url('../img/mainvisual_rinka_hd.png') center top no-repeat;
	background-size: auto 120%;
}

/* top infomation */
.first-infomation {
	position: relative;
	margin: auto;
	max-width: 1200px;
	height: 100%;
}
#mainVisual .title {
	position: absolute;
	bottom: 3rem;
	left: 0;
	right: 0;
}
#mainVisual .title img {
	display: block;
	margin: auto;

	width: 375px;
	-webkit-transform: translateX(2%);
	transform: translateX(2%);
}
#mainVisual .left-info {
	position: absolute;
	left: 0;
	bottom: 4rem;
}
#mainVisual .right-info {
	position: absolute;
	right: 0;
	bottom: 4rem;
}
.first-infomation .info {
	display: block;
	width: 100px;
	height: 100px;
	margin-bottom: 55px;

	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.first-infomation .left-info .info:last-of-type { margin-bottom: 32px; }
.first-infomation .right-info div:last-child .info {
	margin-bottom: 0;
}
.first-infomation .left-info .info::before,
.first-infomation .left-info .info::after {
	content: "";
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;

	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;

	transition: .14s;

	-webkit-transform: translate(25px, -25px);
	transform: translate(25px, -25px);
	transform-origin: 0 0;
}
.first-infomation .left-info .info::after {
	z-index: 0;
	background: transparent url('../img/info/bg_texture.png') center center no-repeat;
	background-size: cover;
}
.first-infomation .img-text {
	z-index: 1;
	position: absolute;
	bottom: 50px;
	left: 50%;

	height: 33px;
	width: auto;
	max-width: none;

	-webkit-transform: rotate(-45deg) translate(-50%, 30px);
	transform: rotate(-45deg) translate(-50%, 30px);
}
[lang=en] .first-infomation .img-text {
	-webkit-transform: rotate(-45deg) translate(-41%, 3px);
	transform: rotate(-45deg) translate(-41%, 3px);
}
.first-infomation .box {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 2px solid #fff;

	overflow: hidden;
}
.first-infomation .box.image-box {
	background: #bc013e url('../img/info/bg_texture.png') center center no-repeat;
	background-size: cover;
}
.first-infomation .left-info .info:hover::after {
	background-color: #bc013e;
}
.first-infomation .tora .box.image-box,
.first-infomation .left-info .info.tora:hover::after {
	background-color: #e9ad2d;
}
.first-infomation .box.text-box { transition: .14s; }
.first-infomation .box.text-box:hover { background: rgba(255,255,255,.3); }
.first-infomation .box.attention { background: rgba(214,0,45,1); }
.first-infomation .box.attention:hover { background: rgba(214,0,45,.8); }
.first-infomation .box .text {
	position: absolute;
	top: 50%;
	left: 50%;

	white-space: nowrap;
	text-align: center;
	line-height: 1.2em;

	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
	transform: rotate(-45deg) translate(-50%, -50%);
	transform-origin: 0 0;
}
.first-infomation .box.castcomment .text,
.first-infomation .box.tle-patch .text {
	top: 54%;
	left: 56%;
}
[lang=en] .first-infomation .box .text {
	font-weight: bold;
}
.first-infomation .character {
	z-index: 1;
	position: absolute;
	top: 40%;
	left: 48%;

	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
	transform: rotate(-45deg) translate(-50%, -50%);
	transform-origin: 0 0;
}

/* リリース日 */
.first-infomation .release {
	position: relative;
}
.first-infomation .catchcopy {
	padding-left: .1em;

	font-size: 20px;
	line-height: 2em;
	font-weight: bold;
}
.first-infomation .term {
	position: relative;
	padding-bottom: 4px;
	font-weight: 300;
}
.first-infomation .term .top {
	padding-left: .2em;
	font-size: 24px;
	line-height: 1em;
}
.first-infomation .term .bottom {
	font-size: 60px;
	line-height: 1em;
}
.first-infomation .term:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100vw;
	border-top: 1px solid #fff;
	border-bottom: 0;
}
.first-infomation .introduce {
	padding-left: .2em;
	padding-top: 2px;
	font-size: .96em;
}

#mainVisual .release {
	text-shadow : .14rem 0em .96rem rgba(0,0,0,.4),
	0em .14rem .96rem rgba(0,0,0,.4),
	-.14rem 0em .96rem rgba(0,0,0,.4),
	0em -.14rem .96rem rgba(0,0,0,.4);
}
@media (max-width: 1220px) {
	#mainVisual::before { background-size: auto 100%; }
	#mainVisual .title img { width: 50vmin; }
	#mainVisual .title .release {
		font-size: 2.5rem;
		letter-spacing: 0;
	}
	.first-infomation { max-width: 90vw; }
	@media (max-width: 1024px) {
		.first-infomation .catchcopy { font-size: 1rem; }
		.first-infomation .term .top { font-size: 18px; }
		.first-infomation .term .bottom { font-size: 48px; }
		.first-infomation .introduce { font-size: 11px; }
		@media (max-width: 1023px) {
			#mainVisual::before { background-size: auto 120%; }
		}
		@media (max-width: 768px) {
			.first-infomation {
				position: absolute;
				bottom: 0;
				left: 0;
				max-width: none;
				width: 100%;
				height: auto;

			    background: linear-gradient( to top, rgba(0,0,0,0.5) 10%, rgba(0,0,0,.0) );
			}
			#mainVisual { height: 80vh; }
			#mainVisual .title {
				position: relative;
				bottom: auto;
				right: auto;
				left: auto;
			}
			#mainVisual .title img { width: 40vmin; }
			#mainVisual .left-info {
				position: relative;
				bottom: auto;
				left: auto;
				text-align: center;
			}
			[lang=en] .first-infomation .img-text {
				-webkit-transform: rotate(-45deg) translate(-27%, -24px);
				transform: rotate(-45deg) translate(-27%, -24px);
			}
			.first-infomation .catchcopy {
				font-size: 1.6rem;
				padding-left: 0;
				line-height: 1.5em;
			}
			.first-infomation .term:after {
				border-top: none;
				height: 1px;
				background: linear-gradient( to right, transparent, #fff 48%, #fff 52%, transparent);
			}
			.first-infomation .term .top {
				display: inline-block;
				padding-left: 0;
				font-size: 1.6rem;
			}
			.first-infomation .term .bottom {
				display: inline-block;
				padding-left: .1em;
				font-size: 2.3rem;
			}
			.first-infomation .introduce { padding-left: 0; }
			#mainVisual .right-info {
				position: relative;
				bottom: auto;
				right: auto;

				display: flex;
				justify-content: center;
			}
			.first-infomation .info {
				width: 60px;
				height: 60px;
				margin: 20px 12.4264068712px 45px;
			}
			.first-infomation .img-text {
				height: 28px;
				bottom: 0;
				-webkit-transform: rotate(-45deg) translate(-21%, 0px);
				transform: rotate(-45deg) translate(-21%, 0px);				
			}
			.first-infomation .box {
				width: 100%;
				height: 100%;
				font-size: 10px;
			}
			@media (max-width: 767px) {
				#mainVisual {
					height: 100vh;

					display: flex;
					flex-direction: column;
					justify-content: flex-end;
					align-items: center;
				}
				#mainVisual::before {
					background-position: 31% 0;
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0);
				}
				#mainVisual .title {
					position: relative;
				}
				#mainVisual .title img { width: 80vmin; }
				[lang=ja] #mainVisual .title img { width: 70vmin; }
				.first-infomation .catchcopy { font-size: 1.2rem; }
				.first-infomation .term:after {
					background: linear-gradient( to right, transparent, #fff 25%, #fff 75%, transparent);
				}
				.first-infomation .term .top { font-size: 1.5rem; }
				.first-infomation .term .bottom { font-size: 2rem; }
				.first-infomation .box.text-box { font-weight: bold; }
				.first-infomation .box.text-box:not(.attention) { background: rgba(255,255,255,.3); }
			}
		}
	}
}




.whats-new {
	position: relative;
	margin-top: -1rem;
	background: #efefef;
}
.whats-new .section-body {
	position: relative;
	padding: 1.5rem 0 2.5rem;
	color: #333;
	font-size: 1.2rem;
}
.whats-new .section-body::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: -100px;
	top: 0;
	bottom: 0;

	background-image: url('../img/bg_deco01.png');
	background-repeat: repeat-y;
	background-position: right 20%;
	background-size: 500px auto;
}
.whats-new .section-body .container {
	z-index: 1;
	position: relative;
}
.whats-new .news-item {
	display: flex;
	border-bottom: 1px solid #333;
	padding: 1rem 0 0.3rem 2rem;
	background: url('../img/icon/icon_liststyle_cube.png') left 1.4rem no-repeat;
	background-size: 14px auto;
}
.whats-new .news-item .date {
	display: inline-block;
	margin-right: 1em;
	vertical-align: middle;
}
.whats-new .news-item a {
	flex-shrink: 100;
	font-weight: bold;
}
.whats-new .news-item a:hover { color: #bc013e; }
@media (max-width: 767px) {
	.whats-new .section-body::after { background-size: 250px auto; }
	.whats-new .section-body {
		padding: 1rem 0 1.5rem;
		font-size: 1rem;
	}
	.whats-new .news-item {
		padding: .5rem 0 0.5rem 1.7rem;
		background-position: left 0.8rem;
	}
	.whats-new .news-item:first-child {
		padding-top: 1rem;
		background-position: left 1.4rem;
	}
}
.whats-new .section-header {
	background: #bc013e;
}
.whats-new h2 {
	font-size: 2.5rem;
	line-height: 1.8em;
	color: #fff;
}
.whats-new .sns-block {
	margin-top: 2rem;
}
.whats-new .sns-block::after {
	content: "";
	display: block;
	clear: both;
}
.whats-new .sns-block span {
	display: inline-block;
	margin-right: 20px;
	font-size: 2.5rem;
	font-weight: 100;
	line-height: .9em;
}
.whats-new .sns-block .share-btn {
	display: block;
	width: 40px;
	margin-right: 20px;
}
.whats-new #twitter { margin-right: 40px; }
.whats-new #twitter,
.whats-new .share-block {
	float: left;

	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
@media (max-width: 1220px) {
	@media (max-width: 767px) {
		.whats-new .section-header { padding: .5rem 0; }
		.whats-new h2 { font-size: 2rem; }
		.whats-new .sns-block span { margin-right: 14px; }
		.whats-new #twitter { margin: 0 0 1.5rem 0; }
		.whats-new #twitter img { width: 28px; }
		.whats-new .sns-block .share-btn { width: 28px; margin-right: 14px; }
	}
}


#movieBtn {
	position: fixed;
	right: 0;
	bottom: 2em;
	padding: 14px 14px 14px 42px;
	border-radius: .5em 0 0 .5em;
	background: rgba(0,0,0,.8);
	transition: .4s;
	-webkit-transform: translateX(164px);
	transform: translateX(164px);
}
#movieBtn.open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
#movieBtn.open .caret::before,
#movieBtn:hover .caret::before {
	opacity: .9;
}
#movieBtn .caret::before {
	z-index: 10;
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	opacity: .7;
	width: 25px;
	height: 25px;
	background: url('../img/icon/icon_attention.png') center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .2s;
}
#movieBtn a {
	opacity: .8;
	display: block;
	width: 150px;
	transition: .2s;
}
#movieBtn a:hover {
	opacity: 1;
}


#steam {
	padding: 4rem 0 3rem;
	background: #262626;
}
#steam h2.section-title {
	font-size: 4rem;
	margin-bottom: 2rem;
}
#steam iframe {
	 width: 100% !important;
}
@media (max-width: 767px) {
	#steam {
		padding: 3rem 0;
		background: #262626;
	}
	#steam h2.section-title {
		font-size: 3rem;
		margin-bottom: 1rem;
	}
}


#feature {
	padding: 5rem 0;
	background: #090909;
}
/* for opmovie */
#feature { padding: 0; }
#feature .container { max-width: 177.777777778vh; }
#feature .section-header,
#feature h4 {
	display: none;
}
#feature h4 {
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: .3rem;

	font-size: 2.5rem;
	line-height: 1em;
	color: #fefefe;
}
#feature h4::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: #fefefe;
}
@media (max-width: 767px) {
	#feature { padding: 4rem 0; background: #121212; }
	/* for opmovie */
	#feature { padding: 2rem 0 4rem; }
	#feature .container { padding: 0; }
	#feature h4 {
		display: block;
		margin-left: 15px;
		font-size: 2rem;
	}
}

.feature-movie-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 1em;
}
.feature-movie-list li {
	width: 32%;
	color: #fff;
}
.feature-movie-list div {
	height: 5rem;
	overflow: hidden;
}
.feature-movie-list img {
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
}
@media (max-width: 767px) {
	.feature-movie-wrapper {}
	.feature-movie-list {
		 flex-direction: column;
		 margin-top: 1rem;
	}
	.feature-movie-list li {
		width: 100%;
		margin-bottom: 2rem;
	}
	.feature-movie-list li:last-child { margin-bottom: 0; }
}


#special {
	padding: 5rem 0;
	background: #c5c3b9;
}
#special .section-title {
	color: #333;
}
#special .section-title::after {
	background: #333;
}
h3#trial {
	position: relative;
	display: inline-block;
	margin-bottom: 2rem;
	padding-bottom: .3em;

	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1em;
}
h3#trial::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;

	width: 100vw;
	height: 2px;
	background: #333;
}
.d-flex.trial {
	margin-right: -2rem;
	justify-content: space-between;
}
.trial-type {
	margin-right: 2rem;
	flex-shrink: 100;
}
.trial-type.download {
	flex-grow: 1;
}
.trial-type iframe { max-width: 100%; }
.trial h4 {
	margin-bottom: .8em;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
}
.trial-type.download a {
    position: relative;
    display: inline-block;
    width: 100%;
    
    margin-bottom: .5rem;
    border: 2px solid #aaa;
    padding: 0.5em 1em;
    border-radius: 0.3em;
    
	background-color: #bc013b;
    
    color: #fff;
    font-size: 1.5rem;
    line-height: 1em;
    
    transition: .2s;
}
.trial-type.download a::after {
	content: "";
	z-index: 1;
	position: absolute;
	top: 50%;
	right: .5em;

	width: 1.2em;
	height: 1.2em;

	background: url('../img/icon_download.png') center center no-repeat;
	background: url('../img/icon_download_white.png') center center no-repeat;
	background-size: 100% auto;

	transition: .2s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);


}
.trial-type.download .visible-inline-md { display: none; }
.trial-type.download a:hover,
.trial-type.download a:active {
	background-color: #7b001f;
}
.trial-type table {
	width: 100%;
	margin-top: 1rem;
}
@media (max-width:1024px) {
	.trial-type.download a {
		width: 100%;
		margin-bottom: .5rem;
	}
	@media (max-width:1000px) {
		.d-flex.trial {
			flex-direction: column;
		}
		.trial-type.download { margin-top: 2rem; }
		@media (max-width:768px) {
			@media (max-width: 767px) {
				h3#trial {
					margin-bottom: 1rem;
					font-size: 2rem;
				}
				.trial-type.download { margin-top: .5rem; }
				.trial-type.download a {
					font-size: 1.3rem;
				}
				#special { padding: 2rem 0; }
			}
		}
	}
}


#story {
	padding: 5rem 0 7rem;
	background: #000 url('../img/bg_story.jpg') center top no-repeat;
}
#story p.lead {
	line-height: 1.9em;
	font-weight: normal;
	color: #dedede;
}
#story p.lead strong {
	display: block;
	margin-bottom: 2.5rem;
	font-size: 2rem;
	line-height: 1.5em;
	color: #dfdfdf;
}
@media (max-width: 768px) {
	#story { background-size: cover; }
	@media (max-width: 767px) {
		#story {
			padding: 4rem 0 5rem;
			background-position: 83% top;
		}
		#story p.lead strong {
			font-size: 1.5rem;
			margin-bottom: 2rem;
		}
	}
}




#character {
	position: relative;
	padding: 5rem 0 7rem;
	background: #bc013e;
	overflow: hidden;
}
#character .character-color {
	content: "";
	z-index: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	transition-duration: 0s;
	transition-timing-function: ease-in-out;
}
#character .character-color { background-color: #fff; }
#character.in-change .character-color {
	opacity: 0;
}
#character::after {
	content: "";
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../img/character/bg_texture_small.png') left top;
	background-size: cover;
	background: url('../img/character/bg_texture.png') center top;
}

#character > * {
	position: relative;
	z-index: 2;
}
.character-frame {
	position: relative;
	color: #fefefe;
	padding-right: 30%;	
}
@media (max-width: 768px) {
	.character-frame { padding-right: 15%; }
	@media (max-width: 767px) {
		#character { padding: 3rem 0 5rem; }
		.character-frame { padding-right: 0; }
	}
}

#character {
	text-shadow : .1rem 0em .9rem rgba(0,0,0,.2),
	0em .1rem .9rem rgba(0,0,0,.2),
	-.1rem 0em .9rem rgba(0,0,0,.2),
	0em -.1rem .9rem rgba(0,0,0,.2);
}
#character.parca {
	text-shadow : .1rem 0em .5rem rgba(0,0,0,.5),
	0em .1rem .5rem rgba(0,0,0,.5),
	-.1rem 0em .5rem rgba(0,0,0,.5),
	0em -.1rem .5rem rgba(0,0,0,.5);
}
#character.parca #characterText {
	text-shadow : .1rem 0em .5rem rgba(0,0,0,.8),
	0em .1rem .5rem rgba(0,0,0,.8),
	-.1rem 0em .5rem rgba(0,0,0,.8),
	0em -.1rem .5rem rgba(0,0,0,.8);
}
.character-name h3 {
	text-shadow : .1rem 0em .5rem rgba(0,0,0,.2),
	0em .1rem .5rem rgba(0,0,0,.2),
	-.1rem 0em .5rem rgba(0,0,0,.2),
	0em -.1rem .5rem rgba(0,0,0,.2);
}
.parca .character-name h3 {
	text-shadow : .1rem 0em .7rem rgba(0,0,0,.3),
	0em .1rem .7rem rgba(0,0,0,.3),
	-.1rem 0em .7rem rgba(0,0,0,.3),
	0em -.1rem .7rem rgba(0,0,0,.3);
}

#playBtn,
#trackSelector span {
	box-shadow : .1rem 0em .8rem rgba(0,0,0,.1),
	0em .1rem .8rem rgba(0,0,0,.1),
	-.1rem 0em .8rem rgba(0,0,0,.1),
	0em -.1rem .8rem rgba(0,0,0,.1);
}
.parca #playBtn,
.parca #trackSelector span {
	box-shadow : .1rem 0em .6rem rgba(0,0,0,.1),
	0em .1rem .6rem rgba(0,0,0,.1),
	-.1rem 0em .6rem rgba(0,0,0,.1),
	0em -.1rem .6rem rgba(0,0,0,.1);
}

#character .section-title::after,
#voiceText::before,
.character-name h3::after {
	box-shadow : .1rem 0em .9rem rgba(0,0,0,.3),
	0em .1rem .9rem rgba(0,0,0,.3),
	-.1rem 0em .9rem rgba(0,0,0,.3),
	0em -.1rem .9rem rgba(0,0,0,.3);
}
#character.parca .section-title::after,
#voiceText::before,
.parca .character-name h3::after {
	box-shadow : .1rem 0em .3rem rgba(0,0,0,.5),
	0em .1rem .3rem rgba(0,0,0,.5),
	-.1rem 0em .3rem rgba(0,0,0,.5),
	0em -.1rem .3rem rgba(0,0,0,.5);
}

.character-name {
	margin-bottom: 1rem;
	transition: .2s ease-in-out;
}
.in-change .character-name { opacity: 0; }
.character-name h3 {
	position: relative;
	font-size: 5.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	line-height: 1em;
}
@media (min-width:1200px) {
	.son .character-name h3 {
		padding-right: 1em;
		letter-spacing: -0.05em;
	}
}
.character-name h3::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: -.15em;
	width: 100vw;
	height: 1px;
	background: #fff;
}
.character-name .ruby {
	position: relative;
	display: inline-block;
	margin-right: 1em;
	font-size: 3rem;
	line-height: 1em;
	font-weight: normal;
}
.character-name .voice-actor {
	position: relative;
	z-index: 1;
	font-size: 2rem;
	font-weight: normal;
	vertical-align: super;
	color: #ededed;
}
#characterText {
	position: relative;
	z-index: 3;
	white-space: pre-line;
	line-height: 2em;
	color: #ededed;

	transition: .2s ease-in-out;
}
.in-change #characterText { opacity: 0; }
@media (max-width: 768px) {
	.son .character-name h3 { letter-spacing: -.02em; }
}
@media (max-width: 767px) {
	.character-name h3 {
		font-size: 3rem;
		margin-bottom: 1rem;
	}
	.character-name .ruby {
		display: block;
		margin: 0 0 .5rem 0;
		font-size: 2rem;
	}
	.character-name .voice-actor { font-size: 1.5rem; }
	#characterText {
		/* padding-right: 15%; */
	}
}


#character .character-image {
	position: absolute;
	z-index: 0;
	height: 100%;
	width: 100%;
	right: 0;
	top: 0;
}
#characterImage {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	max-width: initial;
	transition: .2s ease-in-out;

	-webkit-transform: translate(-10%, -10%);
	transform: translate(-10%, -10%);
}
.rinka #characterImage {
	-webkit-transform: translate(10%, -10%);
	transform: translate(10%, -10%);
}
.miharu #characterImage {
	-webkit-transform: translate(10%, -10%);
	transform: translate(10%, -10%);
}
.mao #characterImage {
	-webkit-transform: translate(-20%, -10%);
	transform: translate(-20%, -10%);
}
.parca #characterImage {
	-webkit-transform: translate(16%, -10%);
	transform: translate(16%, -10%);
}
.chan #characterImage {
	-webkit-transform: translate(-15%, -10%);
	transform: translate(-15%, -10%);
}
.dream #characterImage {
	-webkit-transform: translate(5%, -10%);
	transform: translate(5%, -10%);
}
.in-change #characterImage {
	opacity: 0;
	-webkit-transform: translate(-30%, -10%) !important;
	transform: translate(-30%, -10%) !important;
}
@media (max-width: 1220px) {
	#characterImage {
		-webkit-transform: translate(10%, -10%);
		transform: translate(10%, -10%);
	}
	#characterImage {
		-webkit-transform: translate(10%, -10%);
		transform: translate(10%, -10%);
	}
	.naomi #characterImage {
		-webkit-transform: translate(0%, -10%);
		transform: translate(0%, -10%);
	}
	.parca #characterImage {
		-webkit-transform: translate(18%, -10%);
		transform: translate(18%, -10%);
	}
	.mao #characterImage,
	.chan #characterImage {
		-webkit-transform: translate(-7%, -10%);
		transform: translate(-7%, -10%);
	}
	.unknown #characterImage {
		-webkit-transform: translate(12%, -10%);
		transform: translate(12%, -10%);
	}
	.dream #characterImage {
		-webkit-transform: translate(12%, -10%);
		transform: translate(12%, -10%);
	}
	.son #characterImage {
		-webkit-transform: translate(21%, -10%);
		transform: translate(21%, -10%);
	}
	@media (max-width: 1024px) {
		.miharu #characterImage {
			-webkit-transform: translate(19%, -10%);
			transform: translate(19%, -10%);
		}
		.dream #characterImage {
			-webkit-transform: translate(10%, -10%);
			transform: translate(10%, -10%);
		}
		@media (max-width: 768px) {
			#characterImage { height: 1100px; }
			.rinka #characterImage {
				-webkit-transform: translate(20%, -10%);
				transform: translate(20%, -10%);
			}
			.naomi #characterImage {
				-webkit-transform: translate(20%, -10%);
				transform: translate(20%, -10%);
			}
			.parca #characterImage {
				-webkit-transform: translate(25%, -10%);
				transform: translate(25%, -10%);
			}
			.chan #characterImage {
				-webkit-transform: translate(6%, -10%);
				transform: translate(6%, -10%);
			}
			.dream #characterImage {
				-webkit-transform: translate(17%, -10%);
				transform: translate(17%, -10%);
			}
			.dream #characterImage {
				-webkit-transform: translate(17%, -10%);
				transform: translate(17%, -10%);
			}
			.dream #characterImage {
				-webkit-transform: translate(17%, -10%);
				transform: translate(17%, -10%);
			}
			.aln #characterImage {
				-webkit-transform: translate(21%, -10%);
				transform: translate(21%, -10%);
			}
			.kik #characterImage {
				-webkit-transform: translate(10%, -10%);
				transform: translate(10%, -10%);
			}
			.sca #characterImage {
				-webkit-transform: translate(14%, -10%);
				transform: translate(14%, -10%);
			}
			.fed #characterImage {
				-webkit-transform: translate(8%, -10%);
				transform: translate(8%, -10%);
			}
			@media (max-width: 767px) {
				#characterImage {
					height: 850px;
					-webkit-transform: translate(15%, -10%);
					transform: translate(15%, -10%);
				}
				.in-change #characterImage {
					-webkit-transform: translate(-10%, -10%) !important;
					transform: translate(-10%, -10%) !important;
				}
				.rinka #characterImage {
					-webkit-transform: translate(25%, -10%);
					transform: translate(25%, -10%);
				}
				.naomi #characterImage {
					-webkit-transform: translate(10%, -10%);
					transform: translate(10%, -10%);
				}
				.miharu #characterImage {
					-webkit-transform: translate(27%, -10%);
					transform: translate(27%, -10%);
				}
				.parca #characterImage {
					-webkit-transform: translate(24%, -10%);
					transform: translate(24%, -10%);
				}
				.mao #characterImage {
					-webkit-transform: translate(14%, -10%);
					transform: translate(14%, -10%);
				}
				.chan #characterImage {
					-webkit-transform: translate(12%, -10%);
					transform: translate(12%, -10%);
				}
				.dream #characterImage {
					-webkit-transform: translate(20%, -10%);
					transform: translate(20%, -10%);
				}
				.fed #characterImage {
					-webkit-transform: translate(7%, -10%);
					transform: translate(7%, -10%);
				}
				.ode #characterImage {
					-webkit-transform: translate(15%, -10%);
					transform: translate(15%, -10%);
				}
				.son #characterImage {
					-webkit-transform: translate(28%, -10%);
					transform: translate(28%, -10%);
				}
				.sgt #characterImage {
					-webkit-transform: translate(24%, -10%);
					transform: translate(24%, -10%);
				}
				.in-change #characterImage {
					-webkit-transform: translate(-30%, -10%) !important;
					transform: translate(-30%, -10%) !important;
				}
			}
		}
	}
}


.audio-component {
	position: relative;
	z-index: 3;
	margin: 3rem 0;

	display: flex;
}
@media (max-width: 767px) {
	.audio-component {
		margin: 1rem 0;
		/*padding-right: 15%;*/
	}
}
#playBtn {
	position: relative;
	height: 5em;
	width: 5em;
	border: 2px solid #fff;
	border-radius: 2.5em;

	flex-shrink: 0;
	transition: .2s ease-in-out;
}
#playBtn:hover {
	background: rgba(0,0,0,0.2);
}
.in-change #playBtn { opacity: 0; }
#playBtn::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-.5em, -50%);
	transform: translate(-.5em, -50%);

	border-left: 1.5em solid #fff;
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
}
#playBtn.playing::before {
	width: 1.5em;
	height: 1.5em;
	border-width: 0;
	background: #fff;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#playBtn.loading::before {
	width: 2em;
	height: 2em;
	border-width: 0;
	background: url('../img/icon/loader2.gif') center center no-repeat;
	background-size: 100% 100%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
	#playBtn {
		position: absolute;
		left: 0;
		top: 0;
		width: 35px;
		height: 35px;
	}
	#playBtn::before {
		-webkit-transform: translate(-3.5px, -50%);
		transform: translate(-3.5px, -50%);

		border-left: 10px solid #fff;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
	}
	#playBtn.playing::before {
		width: 10px;
		height: 10px;
	}
	#playBtn.loading::before {
		width: 15px;
		height: 15px;
	}
}


#trackBox {
	flex-grow: 1;
	padding-left: 1rem;
	transition: .2s ease-in-out;
}
.in-change #trackBox { opacity: 0; }
@media (max-width: 767px) {
	#trackBox { padding-left: 0; }
}

#trackSelector {
	height: 2.5rem;
	flex-grow: 1;

	display: flex;
	align-items: center;
}
#trackSelector span {
	align-self: center;

	display: inline-block;
	margin-right: 0.4em;
	border: 1px solid #fff;
	height: 1.3rem;
	width: 1.3rem;

	transition: .2s;
}
#trackSelector span:hover { background: rgba(0,0,0,0.2); }
#trackSelector span.selected:hover,
#trackSelector span.selected { background: #fff; }
@media (max-width: 767px) {
	#trackSelector {
		height: 35px;
		padding: 2.5px 0 0 45px;
		flex-wrap: wrap;
	}
	#trackSelector span {
		height: 1.5rem;
		width: 1.5rem;
		margin-right: 0.6rem;

	}
}

#playOptions {
	height: 2.5rem;
	align-self: flex-end;

	display: flex;
	align-items: center;
	display: none;
}
#playOptions img {
	display: inline-block;
	margin-left: .5rem;
	height: 1.5rem;
}

#voiceText {
	position: relative;
	height: 2.5rem !important;
	width: 100%;
	overflow: hidden;
	text-overflow: clip;

	font-size: 1.5em;
}
#voiceText::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
}
#voiceText div {
	width: 1em;
	min-width: 100%;
	line-height: 2.5rem;
	white-space: nowrap;
}
#voiceText div.playing {
	transition-timing-function: linear;
	transition-delay: 1s;
}
@media (max-width: 767px) {
	#voiceText { margin-top: .5rem; }
}


#playBtn:hover,
#trackSelector span:hover,
#volume:hover,
#autoPlay:hover {
	cursor: pointer;
}

.character-selecte-slider {
	position: relative;
}
.character-selecte-slider .slick-arrow.slick-prev {
	height: 50%;
	top: 0;
	left: 0;
	-webkit-transform: none;
	transform: none;
}
.character-selecte-slider .slick-arrow.slick-next {
	height: 50%;
	top: auto;
	bottom: 0;
	right: 72px;
	
	-webkit-transform: none;
	transform: none;
}
.select-slider {
	position: relative;
	z-index: 3;
	width: 100%;
	margin-top: 3rem;
	padding: 0 50px;
}
.select-slider.bottom {
	margin-top: .5rem;
	
	-webkit-transform: translateX(-72px);
	transform: translateX(-72px);
}
.select-slider li {
	position: relative;
	margin: 0 .5rem 0 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}
.select-slider li:hover { cursor: pointer; }
.select-slider li img {
	width: 125px;
	display: block;
}
.select-slider .slick-arrow.slick-next { right: 0; }
.select-slider .slick-arrow.slick-prev { left: 0; }
.select-slider .slick-arrow {
	display: none !important;
}
.select-slider .slick-arrow.slick-disabled:hover {
	opacity: .7;
	cursor: not-allowed;
}
@media (max-width: 767px) {
	.select-slider { padding: 0 35px; }
	.select-slider .slick-arrow { width: 40px; }
}


iframe#kickstarterWidget { margin-right: 2rem; }
@media (max-width:768px) {
	iframe#kickstarterWidget { margin-right: 1rem; }
	@media (max-width:767px) {
		iframe#kickstarterWidget { margin: 0 auto 2rem; }
		.d-flex.crowdfunding {
			flex-direction: column;
		}
		@media (max-width:545px) {
			.character-selecte-slider {}
			.select-slider.top { padding-right: 0; }
			.select-slider.bottom {
				padding-left: 0;
				-webkit-transform: none;
				transform: none;
			}
			.character-selecte-slider .slick-arrow.slick-prev {
				width: 48px;
			}
			.character-selecte-slider .slick-arrow.slick-next {
				width: 48px;
				right: 0;
			}
		}
	}
	
}

#crowdfunding {
	position: relative;
	padding: 5rem 0 7rem;
	background: #fafafa;
	color: #333;
}
#crowdfunding .section-title { color: #333; }
#crowdfunding .section-title::after { background-color: #333; }
@media (max-width: 767px) {
	#crowdfunding { padding: 3rem 0 5rem; }
	#crowdfunding .section-title { letter-spacing: -.05em; }
}
#crowdfunding > * {
	position: relative;
	z-index: 1;
}
#crowdfunding::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 15%;
	right: -100px;
	bottom: 0;
	left: 0;

	background-image: url('../img/bg_gear.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 500px auto;
}
#crowdfunding::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 75%;
	right: 0;
	bottom: 0;
	left: -100px;

	background-image: url('../img/bg_gear_reverse.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 500px auto;
}

#crowdfunding section { margin-top: 6rem; }
#crowdfunding section:first-child { margin-top: 3rem; }
#crowdfunding h4 {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1em;
}
#crowdfunding .lead {
	font-weight: normal;
}
@media (max-width: 767px) {
	#crowdfunding section { margin-top: 3rem; }
	#crowdfunding section:first-child { margin-top: 1rem; }
	#crowdfunding h4 { font-size: 2rem; }
}


#countdown {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	font-size: 5rem;
	line-height: 1em;
}
#countdown span {
	display: inline-block;
	margin: 0 .6em 0 .3em;
	line-height: 1.25em;
	font-size: .5em;
}
#countdown span:first-child { margin-left: 0; }
@media (max-width: 1000px) {
	#countdown { font-size: 4rem; }
	@media (max-width: 767px) {
		#countdown {
			flex-wrap: wrap;
		}
		#countdown span.remain { width: 100%; }
		[lang=en] #countdown span.remain { text-align: right; }
		#countdown p { width: 18%; }
		#countdown span {
			margin: 0 0 0 1%;
			width: 31%;
		}
	}
}


#aboutKickstarter .lead {
	max-width: 960px;
	margin: 0 auto 1rem;
}

#rewardList { margin: 2rem auto 4rem; }
.reward-item {
	display: block;
	margin-bottom: 2rem;
	border: 1px #bc013e solid;
	border-radius: .5em;
	transition: .2s;
	overflow: hidden;
}
.reward-item.disabled {
	cursor: not-allowed;
	border-color: #999;
	color: #999;
}
.reward-item.disabled h4 { background-color: #999 !important; }
.reward-item.clone {
	position: absolute;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	background: #fff;
	transition: 0s;
}
.reward-item.clone.bottom {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.reward-item:hover {
	background: #fff;
}
.reward-item h4 {
	position: relative;
	padding: 0.5rem 1rem;
	margin: 0 !important;
	background: #bc013e;
	color: #fff;
	font-weight: bold;
}
.reward-item .sub {
	display: inline-block;
	margin-left: 1em;
	font-size: 0.6em;
	font-weight: normal;
	vertical-align: top;
}
.reward-item .no-longer-avairable,
.reward-item .limit {
	float: right;
	display: inline-block;
	margin-left: 1em;
	font-size: 0.8em;
	font-weight: normal;
}
.reward-item .no-longer-avairable { font-size: .6em; }
@media (max-width:768px) {
	.no-longer-avairable { display: none; }
}
@media (max-width:767px) {
	.reward-item .no-longer-avairable,
	.reward-item .limit {
		display: block;
		position: absolute;
		top: .6rem;
		right: 1rem;
	}	
}
.reward-item .reward-detail {
	display: block;
	font-size: 1.2em;
	margin: 1em 1rem -.5rem;
}
.reward-item .lead {
	margin: 1em 1rem 1rem;
	font-size: 1.2rem;
	line-height: 1.5em;
}
.reward-item dl {
	margin: 1rem 0;
	padding-left: 1rem;
}
.reward-item dt {
	font-weight: bold;
	font-size: 0.9em;
}
.reward-item dd {
	margin-left: 2em;
	display: list-item;
	list-style: disc;
}
.reward-item .remarks {
	display: block;
	margin: 1rem;
	font-size: .9em;
}
#showAllRewardItems {
	position: relative;
	display: block;
	margin: 0 auto 0;
	width: 5rem;
}
#showAllRewardItems::before,
#showAllRewardItems::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -31rem;
	width: 30rem;
	height: 2px;
	background: linear-gradient( to left, #bc013e 60%, transparent );
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#showAllRewardItems::after {
	left: auto;
	right: -31rem;
	background: linear-gradient( to right, #bc013e 60%, transparent );
}
@media (max-width: 767px) {
	#rewardList { margin-bottom: 2rem; }
	#showAllRewardItems::before {
		width: 10rem;
		left: -11rem;
	}
	#showAllRewardItems::after {
		width: 10rem;
		right: -11rem;
	}
}
.fatal-table {
	margin-top: 2rem;
	font-size: .8rem;
}
.fatal-table th { border-bottom: none !important; }
.fatal-table td {
	width: 1%;
	vertical-align: middle;
	justify-content: flex-end;
	text-align: center;
}
.fatal-table td.reward-name:hover { cursor: pointer; }
.fatal-table th.active,
.fatal-table td.active,
.fatal-table .active th,
.fatal-table .active td { background: rgba(0,0,0,.1); }
.fatal-table .disabled td {
	cursor: not-allowed !important;
	background: rgba(0,0,0,.3) !important;
}
.fatal-table th:first-child,
.fatal-table td:first-child {
	width: 20%;
	text-align: left;
}
.fatal-table th.table-name {
	font-weight: bold;
	background: #bc013e !important;
	color: #fff !important;
	font-size: .9rem;
	padding: .1em .75em;
	text-align: center;
}
.fatal-table td .circle {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: .5em;
	background: #bc013e;
	vertical-align: middle;
}
.fatal-table .disabled  .circle { background-color: #666; }
@media (max-width: 1220px) {
	.hidden-1220 { display: none; }
	.fatal-table td .circle {
		width: .8em;
		height: .8em;
	}
	@media (max-width: 767px) {
		.fatal-table { width: 768px; }
	}
}


#crowdfunding .modal-link {
	color: #bc013e;
}
#methodlogy .modal_body {
	background: #fafafa;
	color: #333;
}
#methodlogy h2 {
	font-size: 2.5em;
	color: #333;
}
#methodlogy h2::after {
	background: #333;
	bottom: 0;
}
#methodlogy h2 .text-image {
	vertical-align: middle;
	margin-right: .3em;
	transform: translateY(-0.1em);
	-webkit-transform: translateY(-0.1em);
}
#methodlogy h4 {
	margin-bottom: .5rem;
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
}
#methodlogy .lead {
	line-height: 2em;
	font-weight: normal;
}
#methodlogy .lead .remarks {
	display: block;
	margin: 1em;
	font-size: 0.8em;
	line-height: 1.8em;
}
#methodlogy section { margin-bottom: 3rem; }
#methodlogy section::after {
	content: "";
	display: block;
	clear: both;
}
#methodlogy .screen-shot {
	float: left;
	width: 50%;
	display: block;
	margin: 0 .5rem .5rem 0;
}
#methodlogy .btn-signup {
	margin: 0 .5rem;
	padding: .5em 1rem;
	color: #fff;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
	background: #2BDE73;
	border-radius: 4px;
	white-space: nowrap;
}

#gallery {
	position: relative;
	padding: 5rem 0 7rem;
	background: #eaeaea;
	color: #333;
}
#gallery .section-title { color: #333; }
#gallery .section-title::after { background-color: #333; }
@media (max-width: 767px) {
	#gallery { padding: 3rem 0 5rem; }
	#gallery .section-title { margin-bottom: 3rem;}
}
#gallery > * {
	position: relative;
	z-index: 1;
}
#gallery::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	background-image: url('../img/bg_gear.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto auto;
}
#gallery::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: -50px;
	left: 0;

	background-image: url('../img/bg_gear_reverse.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 300px auto;
}

#gallery .container section { position: relative; }
#gallery .container section h4 {
	position: relative;
	margin-top: 1rem;
	padding-top: 1rem;
	font-size: 2.5rem;
	line-height: 1em;
}
#gallery .container section h4::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: #333;
}

#gallery .slick-next {
	right: 0;
	width: 40px;
	background-image: url('../img/icon/arrow_next_bk.png') !important;
}
#gallery .slick-prev {
	left: 0;
	background-image: url('../img/icon/arrow_prev_bk.png') !important;
	width: 40px;
}
@media (max-width: 767px) {
	#gallery .slick-next,
	#gallery .slick-prev {
		width: 30px;
	}
}


#swipebox-prev,
#swipebox-next { position: relative; background: none; }
#swipebox-prev::before,
#swipebox-prev::after,
#swipebox-next::before,
#swipebox-next::after {
	content: "";
	display: inline-block;
	width: 40%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,0) rotate(45deg);
	transform: translate(-50%,0) rotate(45deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
#swipebox-prev::after,
#swipebox-next::after {
	-webkit-transform: translate(-50%,0) rotate(-45deg);
	transform: translate(-50%,0) rotate(-45deg);
}
#swipebox-prev::before,
#swipebox-prev::after {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.slider-wrapper { position: relative; }
.still-slider { overflow: hidden; }
.still-slider.top-slider {
	margin-bottom: 1rem;
	padding-left: 100px;
}
.still-slider.bottom-slider { padding-right: 100px; }
.still-slider .slider-item { position: relative; margin-right: 1rem; }
.still-slider .slider-item.new::after {
	position: absolute;
	z-index: 1;
	content: "new";
	top: .5em;
	right: 0;

	padding: 0 .5em 0 1em;
	border-top-left-radius: .8em;
	border-bottom-left-radius: .8em;
	background: #bc013e;

	color: #fff;
	font-size: 12px;
	line-height: 1.6em;
}
.still-slider .slider-item a {
	display: block;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.still-slider .slider-item a img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#gallery .my-arrow.slick-next {
	height: 50%;
	top: auto;
	bottom: 0;
	right: 1rem;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
#gallery .my-arrow.slick-prev {
	height: 50%;
	top: 0;
	-webkit-transform: translate(0, -6px);
	transform: translate(0, -6px);
}
@media (max-width: 767px) {
	.still-slider.top-slider { padding-left: 45px; }
	.still-slider.bottom-slider { padding-right: 45px; }
	.still-slider .slider-item.new::after { font-size: 10px; }
}

.movie-slider {
	margin: 5rem 0 0 0;
	padding: 0 100px;
	overflow: hidden;
}
.movie-slider .slider-item { position: relative; margin-right: 1rem; }
.movie-slider .slider-item.new::after {
	position: absolute;
	z-index: 1;
	content: "new";
	top: .5em;
	right: 0;

	padding: 0 .5em 0 1em;
	border-top-left-radius: .8em;
	border-bottom-left-radius: .8em;
	background: #bc013e;

	color: #fff;
	font-size: 12px;
	line-height: 1.6em;
}
.movie-slider .slick-next { right: 1rem !important; }
#movieGallery .my-arrow.slick-next {
	height: 100% !important;
	top: 0;
	right: 1rem;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
#movieGallery .my-arrow.slick-prev {
	height: 100% !important;
	top: 0;
	bottom: 0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
#gallery .my-arrow.disabled { opacity: .5 !important; }
#gallery .my-arrow.disabled:hover {
	cursor: not-allowed;
	opacity: .5 !important;
}
@media (max-width: 768px) {
	#gallery .my-arrow.disabled { opacity: 1 !important; }
	#gallery .my-arrow.disabled:hover { cursor: initial; }
	#movieGallery .my-arrow.disabled { opacity: .5 !important; }
	#movieGallery .my-arrow.disabled { display: none; }
	@media (max-width: 767px) {
		.movie-slider {
			margin-top: 3rem;
			margin-right: -1rem;
			padding: 0 0 25px;
		}
		@media (max-width: 544px) {
		}
	}
}



#product {
	position: relative;
	padding: 5rem 0 7rem;
	background: #333;
	color: #eee;
}
#product .section-body .container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
#product .container dl {
	width: 40%;
	flex-shrink: 100;
}
#product .container dt {
	margin-bottom: .3em;
	font-size: 1.6rem;
	color: #aaa;
}
#product .container dd {
	margin: 0 0 1.5em 0;
	padding-left: 1em;

	font-size: 1.1rem;
	line-height: 1.6em;
	font-weight: bold;
}
#product .container dd:last-child {
	margin-bottom: 0;
}
#product .container dd small {
	display: block;
	margin-top: .2em;
}
@media (max-width: 767px) {
	#product { padding: 3rem 0 5rem; }
	#product .container { flex-wrap: wrap; }
	#product .container dl { width: 100%; }
}





#toranoana {
	position: relative;
	padding: 5rem 0;
	background: #fefefe;
	color: #333;
}
#toranoana::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 15%;
	right: -100px;
	bottom: 0;
	left: 0;

	background-image: url('../img/bg_gear.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 500px auto;
}
#toranoana::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 70%;
	right: 0;
	bottom: 0;
	left: -100px;

	background-image: url('../img/bg_gear_reverse.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 500px auto;
}
#toranoana .section-body {
	position: relative;
	z-index: 1;
}
#toranoana h4 {
	position: relative;
	margin-bottom: 2rem;
	padding-bottom: .3rem;

	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1em;
	color: #ba0000;
}
#toranoana h4::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: #ba0000;
}
#toranoana h5 {
	margin-bottom: 1.5rem;

	font-size: 1.8rem;
	font-weight: bold;
}
#toranoana a {
	color: #ba000b;
	font-weight: bold;
}
#toranoana .product-info {
	display: flex;
	width: 100%;
	margin: 3rem auto 0;
	flex-wrap: wrap;
	align-items: stretch;

	font-size: 1.1rem;
	line-height: 1.8em;
}
#toranoana .product-info .large {
	font-size: 110%;
}
#toranoana .product-info .text {
	flex-grow: 1;
	width: 50%;
}
#toranoana .product-info .img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -6rem;

	width: 50%;
	text-align: center;
}
.link-toranoana {
	font-size: 1.1rem;
}
.bnr-toranoana {
	display: inline-block;
}
.product-info .btn {
    display: inline-block;
    margin: 1em 0;
    padding: .5em 1em .6em;
    border-radius: 1.5em;
    
    font-size: 1.9em;
    line-height: 1em;
    color: #fff !important;
    background: #ba0000;
}
@media (min-width: 769px) {
	.product-info .btn { transition: .2s; }
	.product-info .btn:hover {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
}
.product-info .btn::before {
	content: "";
	display: inline-block;
	height: 1em;
	width: 1.3em;
	margin-right: .4em;
	background: url('../img/icon/icon_cart.png') center center no-repeat;
	background-size: contain;

	-webkit-transform: translateY(.1em);
	transform: translateY(.1em);
}
@media (max-width: 767px) {
	#toranoana { padding: 4rem 0; }
	#toranoana::before { right: -330px; }
	#toranoana::after { top: 62%; }
	#toranoana h4 { font-size: 2rem; line-height: 1.3em; }
	#toranoana .product-info .text { width: 100%; }
	#toranoana .product-info .img {
		width: 100%;
		margin-top: 2rem;
	}
	.link-toranoana {
		text-align: center;
	}
	.bnr-toranoana {
		display: block;
		margin: 1rem auto 0;
	}	
	.product-info .btn {
		padding: 0.4em 1em 0.5em;
		font-size: 1.6em;
		display: block;
		text-align: center;
	}
}


#toranoana #tlepatch { padding-top: 1px; }
#toranoana .tlepatch {
	font-size: 1rem;
	line-height: 1.6em;
}
#toranoana .tlepatch h5 {
	margin-top: 40px;
	margin-bottom: .5em;
	line-height: 1.3em;
	color: #ba0000;
}
#toranoana .tlepatch h5 span {
	display: inline-block;
	border-bottom: 2px solid #ba0000;
}
#toranoana .tlepatch .attention {
	margin: 1em 0 1em;
	line-height: 1.6em;
}
#toranoana .tlepatch .extra-small {
	font-size: .5em;
}
#toranoana .tlepatch .download-btn {
	display: inline-block;
	padding: .8em 1em;
	border-radius: 6px;
	background: #ba0000;
	color: #fff;
	line-height: 1em;
	font-weight: normal;
}
@media (max-width: 767px) {
	#toranoana .tlepatch h5 {
		margin-top: 30px;
		text-align: center;
	}
	#toranoana .tlepatch .download-btn {
		margin-bottom: 30px;
		display: block;
		text-align: center;
	}
}

#castcomment { padding: 4rem 0; }
#castcomment h4 {
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: .3rem;

	font-size: 2.5rem;
	line-height: 1em;
	color: #fefefe;
}
#castcomment h4::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: #fefefe;
}
.cast-comment-list {
	display: flex;
	flex-wrap: wrap;

	color: #fefefe;
	margin: 3rem auto 0;
}
.cast-comment-list li {
	cursor: pointer;
	position: relative;
	width: 33.333333%;
	margin-bottom: 2rem;
	padding-bottom: .2em;
}
.cast-comment-list li.comming-soon { cursor: default; }
.cast-comment-list a {
	position: relative;
	z-index: 1;
	display: block;

	-webkit-transform: translateY(75px);
    transform: translateY(75px);

	opacity: .9;
	transition: .3s;

	font-size: 2em;
	text-shadow : .1rem 0em .5rem rgba(0,0,0,.5),
	0em .1rem .5rem rgba(0,0,0,.5),
	-.1rem 0em .5rem rgba(0,0,0,.5),
	0em -.1rem .5rem rgba(0,0,0,.5);
}
[lang=ja] .cast-comment-list a { padding-left: .2em; }
.cast-comment-list li a::after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -5px;
	height: 1.5px;
	background: linear-gradient( to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6) 75%, transparent );
}
.cast-comment-list small {
	font-size: .5em;
}
.cast-comment-list .character-image {
	height: 140px;
	margin: -60px 0 0;
	overflow: hidden;
}
.cast-comment-list .character-image::after {
	content: "";
	display: block;
	clear: both;
}
.cast-comment-list .character-image img {
	float: right;
	display: block;
	max-width: none;
	height: 400px;
}
.container .cast-comment-item .text { display: none; }
.cast-comment-list .miharu .character-image img {
	-webkit-transform: translate(22%, 0%);
    transform: translate(22%, 0%);
}
.cast-comment-list .parca .character-image img {
	-webkit-transform: translate(13%, 0%);
    transform: translate(13%, 0%);
}
.cast-comment-list .aln .character-image img {
	-webkit-transform: translate(1%, 0%);
    transform: translate(1%, 0%);
}
.cast-comment-list .ode .character-image img {
	-webkit-transform: translate(13%, 0%);
    transform: translate(13%, 0%);
}
.cast-comment-list .fed .character-image img {
	-webkit-transform: translate(-3%, 0%);
    transform: translate(-3%, 0%);
}
.cast-comment-list .unknown .character-image img {
	-webkit-transform: translate(-30%, -6%);
    transform: translate(-30%, -6%);
}
.cast-comment-list .sca .character-image img {
	-webkit-transform: translate(4%, 0%);
    transform: translate(4%, 0%);
}
.cast-comment-list .sgt .character-image img {
	-webkit-transform: translate(10%, 0%);
    transform: translate(10%, 0%);
}
.cast-comment-list .dream .character-image img {
	-webkit-transform: translate(7%, 0%);
    transform: translate(7%, 0%);
}
.cast-comment-list .son .character-image img {
	-webkit-transform: translate(-30%, -6%);
    transform: translate(-30%, -6%);
}
.cast-comment-list .kik .character-image img {
	-webkit-transform: translate(-14%, 0%);
    transform: translate(-14%, 0%);
}
.cast-comment-list .cnh .character-image img {
	-webkit-transform: translate(1%, 0%);
    transform: translate(1%, 0%);
}
.cast-comment-list .chan .character-image img {
	-webkit-transform: translate(-12%, 0%);
    transform: translate(-12%, 0%);
}
@media (max-width: 1023px) {
	.cast-comment-list li { width: 50%; }
}
@media (min-width: 769px) {
	.cast-comment-list li:hover a {
		opacity: 1;

		-webkit-transform: translate(.3em, 75px);
		transform: translate(.3em, 75px);
	}
	.cast-comment-list li.comming-soon:hover a {
		cursor: default;
		opacity: 0.9;
		-webkit-transform: translateY(75px);
		transform: translateY(75px);
	}
}
@media (max-width: 767px) {
	#castcomment { padding: 4rem 0; background: #121212; }
	.cast-comment-list {
		margin-top: -1rem;
	}
	.cast-comment-list li {
		width: 100%;
		margin-top: -1rem;
		margin-bottom: 0;
	}
	.cast-comment-list a {
		cursor: default;
		opacity: 1;
		
		-webkit-transform: translateY(145px);
	    transform: translateY(145px);
		
		font-size: 2.5rem;
		line-height: 1.2rem;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "a-otf-ryumin-pr6n", "Times new Roman", "Times", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
	}
	[lang=ja] .cast-comment-list a { padding-left: 0; }
	.cast-comment-list a::after {
		background: linear-gradient( to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6) 45%, transparent 65% );
	}
	.cast-comment-list a small {
		font-size: 1rem;
		line-height: 1rem;
		font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic-M", helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.cast-comment-list a:hover,
	.cast-comment-list a:focus,
	.cast-comment-list a:active {
		cursor: default;
	}
	.cast-comment-list .comming-soon {
		margin: 2rem 0;
	}
	.cast-comment-list .comming-soon a {
		-webkit-transform: translateY(20px);
	    transform: translateY(20px);	
	}
	.cast-comment-list h3 {
		display: none;
	}
	.cast-comment-list .character-image {
		height: 170px;
		margin: -20px -12px 0;
	}
	.cast-comment-list .character-image img {
		height: 500px;
	}
	.container .cast-comment-item .text { display: block; }
	.cast-comment-list .rinka .character-image img {
		-webkit-transform: translate(16%, 0%);
        transform: translate(16%, 0%);
	}
	.cast-comment-list .miharu .character-image img {
		-webkit-transform: translate(31%, 0%);
        transform: translate(31%, 0%);
	}
	.cast-comment-list .naomi .character-image img {
		-webkit-transform: translate(12%, 0%);
        transform: translate(12%, 0%);
	}
	.cast-comment-list .parca .character-image {
		height: 180px;
		margin-top: -30px;
	}
	.cast-comment-list .parca .character-image img {
		-webkit-transform: translate(25%, 0%);
        transform: translate(25%, 0%);
	}
	.cast-comment-list .aln .character-image img {
		-webkit-transform: translate(23%, 0%);
        transform: translate(23%, 0%);
	}
	.cast-comment-list .ode .character-image {
		height: 180px;
		margin-top: -30px;
	}
	.cast-comment-list .ode .character-image img {
		-webkit-transform: translate(20%, 0%);
        transform: translate(20%, 0%);
	}
	.cast-comment-list .fed .character-image {
		height: 180px;
		margin-top: -30px;
	}
	.cast-comment-list .fed .character-image img {
		-webkit-transform: translate(11%, 0%);
        transform: translate(11%, 0%);
	}
	.cast-comment-list .unknown .character-image {
		height: 200px;
		margin-top: -50px;
	}
	.cast-comment-list .unknown .character-image img {
		-webkit-transform: translate(10%, 0%);
        transform: translate(10%, 0%);
	}
	.cast-comment-list .sca .character-image img {
		-webkit-transform: translate(12%, 0%);
        transform: translate(12%, 0%);
	}
	.cast-comment-list .sgt .character-image img {
		-webkit-transform: translate(27%, 0%);
        transform: translate(27%, 0%);
	}
	.cast-comment-list .dream .character-image img {
		-webkit-transform: translate(18%, 0%);
        transform: translate(18%, 0%);
	}
	.cast-comment-list .son .character-image {
		height: 210px;
		margin-top: -60px;
	}
	.cast-comment-list .son .character-image img {
		-webkit-transform: translate(-3%, 0%);
        transform: translate(-3%, 0%);
	}
	.cast-comment-list .kik .character-image {
		height: 180px;
		margin-top: -30px;
	}
	.cast-comment-list .kik .character-image img {
		-webkit-transform: translate(5%, 0%);
        transform: translate(5%, 0%);
	}
	.cast-comment-list .cnh .character-image img {
		-webkit-transform: translate(11%, 0%);
        transform: translate(11%, 0%);
	}
	.cast-comment-list .chan .character-image img {
		-webkit-transform: translate(6%, 0%);
        transform: translate(6%, 0%);
	}
	.cast-comment-list dl {
		margin-top: 2rem;
	}
	.cast-comment-list dt {
		border-bottom: #fefefe 1px solid;
		padding-bottom: 0.5em;
		
		font-size: 1.5rem;
		font-weight: bold;
	}
	.cast-comment-list dd {
		margin: .5rem 0 0 0;
	}
}

#castCommentModal.modal {
	max-width: 100%;
	height: 100%;
	padding: 0;
	
    overflow-y: scroll;
}
#castCommentModal.modal .close {
	height: 100px;
	width: 100px;
	top: 110px;
	right: 0;
	filter: none;
	opacity: .6;
	transition: .2s;
}
#castCommentModal.modal .close:hover {
	opacity: .9;
}
#castCommentModal.modal::-webkit-scrollbar {
	display: none;
}
#castCommentModal.modal .modal_body {
	max-height: none;
	height: 100%;
	padding: 100px;
	min-height: 1000px;
	background: transparent;
	
	overflow-x: hidden;
}
#castCommentModal.modal .modal_body::-webkit-scrollbar {
	display: none;
}
#castCommentModal.modal .cast-comment-bg {
	position: absolute;
	z-index: 0;
	top: 200px;
	bottom: 100px;
	left: 0;
	right: 0;

	background: #bc013e;
	background-size: cover;
}
#castCommentModal.modal .cast-comment-bg .texture {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('../img/castcomment/bg_texture.png') center center no-repeat;
}
#castCommentModal.modal .cast-comment-bg .color {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #bc013e;
	transition: .2s ease-in-out;
}
#castCommentSlider {
	z-index: 1;
	max-width: 1200px;
	height: 100%;
	margin: auto;
}
#castCommentSlider .slick-list {
	height: 100%;
	overflow: visible;
}
#castCommentSlider .slick-track {
	height: 100%;
}
#castCommentModal .cast-comment-item {
	padding-top: 100px;
	color: #fefefe;
}
#castCommentModal .cast-comment-item::after {
	content: "";
	display: block;
	clear: both;
}
#castCommentModal .character-image {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#castCommentModal .character-image .img-container {
	position: absolute;
	width: 100%;
	height: 100%;
	max-height: 1000px;
	bottom: 0;
	left: 50%;

	overflow: hidden;

	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#castCommentModal .character-image img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	max-height: 1000px;
}
#castCommentModal .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	padding-left: 30%;
	height: 100%;

	text-shadow : .1rem 0em .5rem rgba(0,0,0,.5),
	0em .1rem .5rem rgba(0,0,0,.5),
	-.1rem 0em .5rem rgba(0,0,0,.5),
	0em -.1rem .5rem rgba(0,0,0,.5);
}
#castCommentModal .text h3 {
	display: inline-block;
	position: relative;

	font-size: 5rem;
	font-weight: bold;
	line-height: 1em;
}
#castCommentModal .text h3::after {
	content: "";
	position: absolute;
	width: 100vw;
	height: 1px;
	bottom: 2.7rem;
	right: 0;

	background: rgba(255,255,255,.8);
}
[lang=en] #castCommentModal .text h3::after {
	bottom: 2.2rem;
}
#castCommentModal .text .actor {
	position: relative;
	z-index: 1;

	text-shadow : .1rem 0em .7rem rgba(0,0,0,.3),
	0em .1rem .7rem rgba(0,0,0,.3),
	-.1rem 0em .7rem rgba(0,0,0,.3),
	0em -.1rem .7rem rgba(0,0,0,.3);
}
#castCommentModal .text h3 small {
	font-size: 2rem;
	font-weight: normal;
}
#castCommentModal .text .role-name {
	display: block;
	position: relative;
	z-index: 1;

	font-size: 2rem;
	line-height: 1em;
	font-weight: normal;
}
[lang=en] #castCommentModal .text .role-name {
	margin-top: .4rem;
}
#castCommentModal dl {
	position: relative;
	z-index: 1;
	margin: 3rem 0 0;
}
#castCommentModal dt {
	position: relative;

	font-size: 2rem;
	line-height: 1em;
}
#castCommentModal dt::after {
	content: "";
	position: absolute;
	bottom: -.5rem;
	left: 0;
	width: 100vw;
	height: 1px;
	background: rgba(255,255,255,.8);
}
#castCommentModal dd {
	margin: 1em 0 0;

	text-shadow : .1rem 0em .5rem rgba(0,0,0,.8),
	0em .1rem .5rem rgba(0,0,0,.8),
	-.1rem 0em .5rem rgba(0,0,0,.8),
	0em -.1rem .5rem rgba(0,0,0,.8);
}
#castCommentSlider .slick-prev {
	width: 100px;
	left: -72px;
	background-size: 72px auto !important;
	background-position: left 98% !important;
}
#castCommentSlider .slick-next {
	width: 100px;
	right: -72px;
	background-size: 72px auto !important;
	background-position: right 98% !important;
}

@media (min-width: 1200px) {
	#castCommentModal .rinka .character-image {
		-webkit-transform: translate(-1%, 0%);
        transform: translate(-1%, 0%);
	}
	#castCommentModal .miharu .character-image {
		-webkit-transform: translate(-7%, 0%);
        transform: translate(-7%, 0%);
	}
	#castCommentModal .naomi .character-image {
		-webkit-transform: translate(-4%, 0%);
        transform: translate(-4%, 0%);
	}
	#castCommentModal .parca .character-image {
		-webkit-transform: translate(-31%, 0%);
        transform: translate(-31%, 0%);
	}
	#castCommentModal .aln .character-image {
		-webkit-transform: translate(-10%, 0%);
        transform: translate(-10%, 0%);
	}
	#castCommentModal .ode .character-image {
		-webkit-transform: translate(-13%, 0%);
        transform: translate(-13%, 0%);
	}
	#castCommentModal .fed .character-image {
		-webkit-transform: translate(-26%, 0%);
        transform: translate(-26%, 0%);
	}
	#castCommentModal .unknown .character-image {
		-webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
	}
	#castCommentModal .sca .character-image {
		-webkit-transform: translate(-22%, 0%);
        transform: translate(-22%, 0%);
	}
	#castCommentModal .sgt .character-image {
		-webkit-transform: translate(-4%, 0%);
        transform: translate(-4%, 0%);
	}
	#castCommentModal .dream .character-image {
		-webkit-transform: translate(-25%, 0%);
        transform: translate(-25%, 0%);
	}
	#castCommentModal .son .character-image {
		-webkit-transform: translate(-1%, 0%);
        transform: translate(-1%, 0%);
	}
	#castCommentModal .kik .character-image {
		-webkit-transform: translate(-3%, 0%);
        transform: translate(-3%, 0%);
	}
	#castCommentModal .cnh .character-image {
		-webkit-transform: translate(-9%, 0%);
        transform: translate(-9%, 0%);
	}
	#castCommentModal .chan .character-image {
		-webkit-transform: translate(-6%, 0%);
        transform: translate(-6%, 0%);
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	#castCommentModal.modal .modal_body {
		padding: 100px 72px;
	}
	#castCommentSlider .slick-next {
		width: 62px;
		right: -62px;
	}
	#castCommentSlider .slick-prev {
		width: 62px;
		left: -60px;
	}
	#castCommentModal.modal .character-image {
		left: -72px;
		width: 100vw;
		-webkit-transform: none !important;
        transform: none !important;
	}
	#castCommentModal.modal .imgcontainer {
		left: 0;
		-webkit-transform: none !important;
        transform: none !important;	
	}
	#castCommentModal .rinka .character-image img {
		-webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
	}
	#castCommentModal .miharu .character-image img {
		-webkit-transform: translate(-2%, 0%);
        transform: translate(-2%, 0%);
	}
	#castCommentModal .naomi .character-image img {
		-webkit-transform: translate(-13%, 0%);
        transform: translate(-13%, 0%);
	}
	#castCommentModal .parca .character-image img {
		-webkit-transform: translate(-28%, 0%);
        transform: translate(-28%, 0%);
	}
	#castCommentModal .aln .character-image img {
		-webkit-transform: translate(-10%, 0%);
        transform: translate(-10%, 0%);
	}
	#castCommentModal .ode .character-image img {
		-webkit-transform: translate(-13%, 0%);
        transform: translate(-13%, 0%);
	}
	#castCommentModal .fed .character-image img {
		-webkit-transform: translate(-32%, 0%);
        transform: translate(-32%, 0%);
	}
	#castCommentModal .unknown .character-image img {
		-webkit-transform: translate(6%, 0%);
        transform: translate(6%, 0%);
	}
	#castCommentModal .sca .character-image img {
		-webkit-transform: translate(-28%, 0%);
        transform: translate(-28%, 0%);
	}
	#castCommentModal .sgt .character-image img {
		-webkit-transform: translate(-4%, 0%);
        transform: translate(-4%, 0%);
	}
	#castCommentModal .dream .character-image img {
		-webkit-transform: translate(-25%, 0%);
        transform: translate(-25%, 0%);
	}
	#castCommentModal .son .character-image img {
		-webkit-transform: translate(-1%, 0%);
        transform: translate(-1%, 0%);
	}
	#castCommentModal .kik .character-image img {
		-webkit-transform: translate(-1%, 0%);
        transform: translate(-1%, 0%);
	}
	#castCommentModal .cnh .character-image img {
		-webkit-transform: translate(-9%, 0%);
        transform: translate(-9%, 0%);
	}
	#castCommentModal .chan .character-image img {
		-webkit-transform: translate(-6%, 0%);
        transform: translate(-6%, 0%);
	}
}
@media (max-width: 768px) {
	#castCommentModal.modal .modal_body {
		padding: 100px 10px;
	}
	#castCommentModal.modal .close {
		top: -10px;
	}
	#castCommentSlider .slick-next,
	#castCommentSlider .slick-prev {
		display: none;
	}
	#castCommentModal.modal .character-image {
		left: -10px;
	}
	#castCommentModal .rinka .character-image img {
		-webkit-transform: translate(-4%, 0%);
        transform: translate(-4%, 0%);
	}
	#castCommentModal .miharu .character-image img {
		-webkit-transform: translate(-7%, 0%);
        transform: translate(-7%, 0%);
	}
	#castCommentModal .naomi .character-image img {
		-webkit-transform: translate(-14%, 0%);
        transform: translate(-14%, 0%);
	}
	#castCommentModal .parca .character-image img {
		-webkit-transform: translate(-34%, 0%);
        transform: translate(-34%, 0%);
	}
	#castCommentModal .aln .character-image img {
		-webkit-transform: translate(-20%, 0%);
        transform: translate(-20%, 0%);
	}
	#castCommentModal .ode .character-image img {
		-webkit-transform: translate(-25%, 0%);
        transform: translate(-25%, 0%);
	}
	#castCommentModal .fed .character-image img {
		-webkit-transform: translate(-40%, 0%);
        transform: translate(-40%, 0%);
	}
	#castCommentModal .unknown .character-image img {
		-webkit-transform: translate(-2%, 0%);
        transform: translate(-2%, 0%);
	}
	#castCommentModal .sca .character-image img {
		-webkit-transform: translate(-34%, 0%);
        transform: translate(-34%, 0%);
	}
	#castCommentModal .sgt .character-image img {
		-webkit-transform: translate(-3%, 0%);
        transform: translate(-3%, 0%);
	}
	#castCommentModal .dream .character-image img {
		-webkit-transform: translate(-34%, 0%);
        transform: translate(-34%, 0%);
	}
	#castCommentModal .son .character-image img {
		-webkit-transform: translate(-3%, 0%);
        transform: translate(-3%, 0%);
	}
	#castCommentModal .kik .character-image img {
		-webkit-transform: translate(1%, 0%);
        transform: translate(1%, 0%);
	}
	#castCommentModal .cnh .character-image img {
		-webkit-transform: translate(-21%, 0%);
        transform: translate(-21%, 0%);
	}
	#castCommentModal .chan .character-image img {
		-webkit-transform: translate(-7%, 0%);
        transform: translate(-7%, 0%);
	}
}