@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block
}
audio,canvas,video{
	display:inline-block
}
audio:not([controls]){
	display:none;
	height:0
}
[hidden],template{
	display:none
}
html{
	font-family: 'Microsoft JhengHei', sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body{
	margin:0
}
a{
	background:0 0
}
a:active,a:hover{
	outline:0
}
h1{
	font-size:2em;
	margin:.67em 0
}
abbr[title]{
	border-bottom:1px dotted
}
b,strong{
	font-weight:700
}
dfn{
	font-style:italic
}
hr{
	box-sizing:content-box;
	height:0
}
mark{
	background:#ff0;
	color:#000
}
code,kbd,pre,samp{
	font-family:monospace,serif;
	font-size:1em
}
pre{
	white-space:pre-wrap
}
q{
	quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
	font-size:80%
}
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup{
	top:-.5em
}
sub{
	bottom:-.25em
}
img{
	border:0
}
svg:not(:root){
	overflow:hidden
}
figure{
	margin:0
}
fieldset{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend{
	border:0;
	padding:0
}
button,input,select,textarea{
	font-family:inherit;
	font-size:100%;
	margin:0
}
button,input{
	line-height:normal
}
button,select{
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled]{
	cursor:default
}
input[type=checkbox],input[type=radio]{
	box-sizing:border-box;
	padding:0
}
input[type=search]{
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}
textarea{
	overflow:auto;
	vertical-align:top
}
table{
	border-collapse:collapse;
	border-spacing:0
}
*{
	margin:0;
	padding:0;
	outline:0
}

img {
	  
	     max-width: 100%;
}
body,html{
	width:100%;
	height:100%!important;
	min-height:100%;
	-webkit-font-smoothing:antialiased
}
body{
	background-image:url(bg.jpg);
	background-size:100% auto;
	background-position:top center;
	background-attachment:fixed;
	overflow:visible
}
html{
	overflow:visible;
	min-height:100%
}
#content,#content-inner{
	position:relative;
	overflow:hidden;
	height:auto
}
.btn,.pc-content-news-inner-scroll a,.pc-content-tokuten-banner a{
	opacity:1;
	transition:opacity .5s;
	cursor:pointer
}
.btn:hover,.pc-content-news-inner-scroll a:hover,.pc-content-tokuten-banner a:hover{
	opacity:.7
}
.cf:after,.pc-content-special-inner-banners:after{
	content:"";
	display:block;
	clear:both
}
.none{
	display:none
}
.pc-content-particle p{
	position:absolute;
	display:inline-block;
	pointer-events:none;
	width:62px;
	height:62px;
	top:-31px;
	left:-31px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain
}
.pc-content-particle p:nth-of-type(3n-2){
	background-image:url(particle1.png)
} 
.pc-content-particle p:nth-of-type(3n-1){
	background-image:url(particle2.png)
}
.pc-content-particle p:nth-of-type(3n){
	background-image:url(particle3.png)
}
@-webkit-keyframes particle1{
	0%{
		top:-20px;
		left:10%
	}
	100%{
		top:110%;
		left:10%;
		-webkit-transform:rotate(720deg);
		transform:rotate(720deg)
	}

}
@keyframes particle1{
	0%{
		top:-20px;
		left:10%
	}
	100%{
		top:110%;
		left:10%;
		-webkit-transform:rotate(720deg);
		transform:rotate(720deg)
	}

}
@-webkit-keyframes particle2{
	0%{
		top:-20px;
		left:20%
	}
	100%{
		top:110%;
		left:20%;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}
@keyframes particle2{
	0%{
		top:-20px;
		left:20%
	}
	100%{
		top:110%;
		left:20%;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}
@-webkit-keyframes particle3{
	0%{
		top:-20px;
		left:30%
	}
	100%{
		top:110%;
		left:30%;
		-webkit-transform:rotate(-720deg);
		transform:rotate(-720deg)
	}

}
@keyframes particle3{
	0%{
		top:-20px;
		left:30%
	}
	100%{
		top:110%;
		left:30%;
		-webkit-transform:rotate(-720deg);
		transform:rotate(-720deg)
	}

}
@-webkit-keyframes particle4{
	0%{
		top:-20px;
		left:40%
	}
	100%{
		top:110%;
		left:40%;
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg)
	}

}
@keyframes particle4{
	0%{
		top:-20px;
		left:40%
	}
	100%{
		top:110%;
		left:40%;
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg)
	}

}
@-webkit-keyframes particle5{
	0%{
		top:-20px;
		left:50%
	}
	100%{
		top:110%;
		left:50%;
		-webkit-transform:rotate(720deg);
		transform:rotate(720deg)
	}

}
@keyframes particle5{
	0%{
		top:-20px;
		left:50%
	}
	100%{
		top:110%;
		left:50%;
		-webkit-transform:rotate(720deg);
		transform:rotate(720deg)
	}

}
@-webkit-keyframes particle6{
	0%{
		top:-20px;
		left:60%
	}
	100%{
		top:110%;
		left:60%;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}
@keyframes particle6{
	0%{
		top:-20px;
		left:60%
	}
	100%{
		top:110%;
		left:60%;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}
@-webkit-keyframes particle7{
	0%{
		top:-20px;
		left:70%
	}
	100%{
		top:110%;
		left:70%;
		-webkit-transform:rotate(-720deg);
		transform:rotate(-720deg)
	}

}
@keyframes particle7{
	0%{
		top:-20px;
		left:70%
	}
	100%{
		top:110%;
		left:70%;
		-webkit-transform:rotate(-720deg);
		transform:rotate(-720deg)
	}

}
@-webkit-keyframes particle8{
	0%{
		top:-20px;
		left:80%
	}
	100%{
		top:110%;
		left:80%;
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg)
	}

}
@keyframes particle8{
	0%{
		top:-20px;
		left:80%
	}
	100%{
		top:110%;
		left:80%;
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg)
	}

}
@-webkit-keyframes particle9{
	0%{
		top:-20px;
		left:90%
	}
	100%{
		top:110%;
		left:90%;
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg)
	}

}
@keyframes particle9{
	0%{
		top:-20px;
		left:90%
	}
	100%{
		top:110%;
		left:90%;
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg)
	}

}
@-webkit-keyframes particle10{
	0%{
		top:-20px;
		left:0
	}
	100%{
		top:110%;
		left:100%;
		-webkit-transform:rotate(-180deg);
		transform:rotate(-180deg)
	}

}
@keyframes particle10{
	0%{
		top:-20px;
		left:0
	}
	100%{
		top:110%;
		left:100%;
		-webkit-transform:rotate(-180deg);
		transform:rotate(-180deg)
	}

}
@-webkit-keyframes particleS1{
	0%{
		margin-left:0
	}
	50%{
		margin-left:-80px
	}
	100%{
		margin-left:20px
	}

}
@keyframes particleS1{
	0%{
		margin-left:0
	}
	50%{
		margin-left:-80px
	}
	100%{
		margin-left:20px
	}

}
@-webkit-keyframes particleS2{
	0%{
		margin-left:0
	}
	30%{
		margin-left:-80px
	}
	100%{
		margin-left:60px
	}

}
@keyframes particleS2{
	0%{
		margin-left:0
	}
	30%{
		margin-left:-80px
	}
	100%{
		margin-left:60px
	}

}
@-webkit-keyframes particleS3{
	0%{
		margin-left:0
	}
	60%{
		margin-left:160px
	}
	100%{
		margin-left:80px
	}

}
@keyframes particleS3{
	0%{
		margin-left:0
	}
	60%{
		margin-left:160px
	}
	100%{
		margin-left:80px
	}

}
@-webkit-keyframes particleS4{
	0%{
		margin-left:-50px
	}
	30%{
		margin-left:100px
	}
	100%{
		margin-left:10px
	}

}
@keyframes particleS4{
	0%{
		margin-left:-50px
	}
	30%{
		margin-left:100px
	}
	100%{
		margin-left:10px
	}

}
@-webkit-keyframes particleS5{
	0%{
		margin-left:-50px
	}
	55%{
		margin-left:120px
	}
	100%{
		margin-left:30px
	}

}
@keyframes particleS5{
	0%{
		margin-left:-50px
	}
	55%{
		margin-left:120px
	}
	100%{
		margin-left:30px
	}

}
@-webkit-keyframes particleS6{
	0%{
		margin-left:-50px
	}
	55%{
		margin-left:70px
	}
	100%{
		margin-left:50px
	}

}
@keyframes particleS6{
	0%{
		margin-left:-50px
	}
	55%{
		margin-left:70px
	}
	100%{
		margin-left:50px
	}

}
.pc-fixedmenu{
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	height:88px;
	background-color:transparent
}
#global-nav{
	position:absolute;
	width:50px;
	height:150px;
	left:90%;
	top: 10%;
	bottom:0;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	display:none
}
.global-nav-sns-tw{
	width:28px;
	height:24px;
	position:absolute;
	top:13px;
	right:112px;
	background-image:url(menu_share_tw.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	cursor:pointer
}
.global-nav-sns-tw img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.85
}
.global-nav-sns-tw:hover{
	background-image:none
}
.global-nav-sns-tw:hover img{
	opacity:1
}
.global-nav-sns-fb{
	width:25px;
	height:25px;
	position:absolute;
	top:13px;
	right:75px;
	background-image:url(menu_share_fb.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	cursor:pointer
}
.global-nav-sns-fb img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.85
}
.global-nav-sns-fb:hover{
	background-image:none
}
.global-nav-sns-fb:hover img{
	opacity:1
}
.global-nav-sns-li{
	width:25px;
	height:25px;
	position:absolute;
	top:13px;
	right:36px;
	background-image:url(menu_share_li.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	cursor:pointer
}
.global-nav-sns-li img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.85
}
.global-nav-sns-li:hover{
	background-image:none
}
.global-nav-sns-li:hover img{
	opacity:1
}
.global-nav-link{
	position:absolute;
	top:18px
}
.global-nav-link img{
	height:12px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transition:opacity .5s linear
}
.global-nav-link img.hover-on{
	opacity:0
}
.global-nav-link img.hover-off{
	opacity:1
}
.global-nav-link a,.global-nav-link span{
	position:absolute;
	width:100%;
	height:16px;
	top:0;
	left:0;
	display:inline-block
}
.global-nav-link a:hover img.hover-on{
	opacity:1
}
.global-nav-link a:hover img.hover-off{
	opacity:0
}
.global-nav-link a.on img.hover-on{
	opacity:1
}
.global-nav-link a.on img.hover-off{
	opacity:0
}
.global-nav-link-top{
	left:94px;
	width:35px
}
.global-nav-link-introduction{
	left:168px;
	width:179px
}
.global-nav-link-story{
	left:370px;
	width:91px
}
.global-nav-link-character{
	left:485px;
	width:143px
}
.global-nav-link-video{
	left:653px;
	width:89px
}
.global-nav-link-special{
	left:780px;
	width:73px
}
#content{
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:20px;
	line-height:0;
	padding-top:38px;
	z-index:1
}
.scroll-bg{
	position:fixed;
	width:100%;
	height:auto;
	font-size:0;
	line-height:0;
	top:0;
	left:0;
	z-index:0;
	transition:opacity .5s
}
.scroll-bg img{
	width:100%;
	height:auto
}
.pc-content-particle{
	position:fixed;
	width:100%;
	height:100%;
	font-size:0;
	line-height:0;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden
}
#sqexFooter{
	position:relative;
	z-index:1
}
.delighter-init,.pc-content-introduction-inner p,.pc-content-news,.pc-content-spec-inner img,.pc-content-story-inner p,.pc-content-twitter,.pc-content-xmas2019 img,body.xmas2019 .alert-box,body.xmas2019 .foot-snow img,body.xmas2019 p.alert-title,body.xmas2019 p.oubo,body.xmas2019 p.present{
	opacity:0;
	-webkit-transform:translateY(30px);
	transform:translateY(30px);
	transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,transform 1s;
	transition:opacity 1s,transform 1s,-webkit-transform 1s
}
.delighter{
	opacity:0;
	-webkit-transform:translateY(30px);
	transform:translateY(30px)
}
.delighter.started{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.pc-loading{
	position:fixed;
	z-index:10000000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	transition:opacity 5s linear;
	transition:opacity 1s;
	opacity:1
}
.pc-loading-off{
	pointer-events:none;
	opacity:0
}
.pc-loading div{
	width:154px;
	height:154px;
	box-sizing:border-box;
	border:7px solid #fff799;
	border-bottom:7px solid #fed351;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-77px;
	margin-top:-77px;
	pointer-events:none;
	-webkit-animation:pc-loading-anime 1s cubic-bezier(.25,.25,.75,.75) infinite;
	animation:pc-loading-anime 1s cubic-bezier(.25,.25,.75,.75) infinite
}
.pc-loading img{
	width:106px;
	height:106px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-53px;
	margin-left:-53px;
	pointer-events:none;
	-webkit-animation:pc-loading-img-animation 1s linear infinite both;
	animation:pc-loading-img-animation 1s linear infinite both
}
.pc-loading-hide{
	opacity:0;
	pointer-events:none
}
.pc-loading-hide div,.pc-loading-hide img{
	visibility:hidden
}
@-webkit-keyframes pc-loading-anime{
	0%{
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}
@keyframes pc-loading-anime{
	0%{
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}
@-webkit-keyframes pc-loading-img-animation{
	0%{
		-webkit-transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1)
	}
	4.3%{
		-webkit-transform:matrix3d(.757,0,0,0,0,.757,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.757,0,0,0,0,.757,0,0,0,0,1,0,0,0,0,1)
	}
	8.61%{
		-webkit-transform:matrix3d(.939,0,0,0,0,.939,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.939,0,0,0,0,.939,0,0,0,0,1,0,0,0,0,1)
	}
	12.91%{
		-webkit-transform:matrix3d(1.026,0,0,0,0,1.026,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.026,0,0,0,0,1.026,0,0,0,0,1,0,0,0,0,1)
	}
	17.22%{
		-webkit-transform:matrix3d(1.047,0,0,0,0,1.047,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.047,0,0,0,0,1.047,0,0,0,0,1,0,0,0,0,1)
	}
	28.33%{
		-webkit-transform:matrix3d(1.01,0,0,0,0,1.01,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.01,0,0,0,0,1.01,0,0,0,0,1,0,0,0,0,1)
	}
	39.44%{
		-webkit-transform:matrix3d(.997,0,0,0,0,.997,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.997,0,0,0,0,.997,0,0,0,0,1,0,0,0,0,1)
	}
	61.66%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}
	83.98%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}
	100%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}

}
@keyframes pc-loading-img-animation{
	0%{
		-webkit-transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1)
	}
	4.3%{
		-webkit-transform:matrix3d(.757,0,0,0,0,.757,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.757,0,0,0,0,.757,0,0,0,0,1,0,0,0,0,1)
	}
	8.61%{
		-webkit-transform:matrix3d(.939,0,0,0,0,.939,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.939,0,0,0,0,.939,0,0,0,0,1,0,0,0,0,1)
	}
	12.91%{
		-webkit-transform:matrix3d(1.026,0,0,0,0,1.026,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.026,0,0,0,0,1.026,0,0,0,0,1,0,0,0,0,1)
	}
	17.22%{
		-webkit-transform:matrix3d(1.047,0,0,0,0,1.047,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.047,0,0,0,0,1.047,0,0,0,0,1,0,0,0,0,1)
	}
	28.33%{
		-webkit-transform:matrix3d(1.01,0,0,0,0,1.01,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.01,0,0,0,0,1.01,0,0,0,0,1,0,0,0,0,1)
	}
	39.44%{
		-webkit-transform:matrix3d(.997,0,0,0,0,.997,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.997,0,0,0,0,.997,0,0,0,0,1,0,0,0,0,1)
	}
	61.66%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}
	83.98%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}
	100%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}

}
.pc-mousestoker{
	position:fixed;
	z-index:1000000;
	top:0;
	left:0;
	width:100vw;
	height:100vw;
	overflow:visible;
	pointer-events:none
}
.pc-mousestoker p{
	position:absolute;
	display:inline-block;
	background:url(kirakira.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:48px;
	height:48px;
	margin-left:-24px;
	margin-top:-24px;
	opacity:1;
	transition:opacity 2s linear,-webkit-transform 2s cubic-bezier(.215,.61,.355,1);
	transition:transform 2s cubic-bezier(.215,.61,.355,1),opacity 2s linear;
	transition:transform 2s cubic-bezier(.215,.61,.355,1),opacity 2s linear,-webkit-transform 2s cubic-bezier(.215,.61,.355,1)
}
.pc-content-foot{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
	height:61px
}
.pc-content-foot-fixed{
	position:fixed;
	z-index:10
}
.pc-content-foot-backtotop{
	display:inline-block;
	position:absolute;
	bottom:-19px;
	z-index:10;
	left:50%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	width:92px;
	height:61px;
	background-image:url(back_to_top.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:bottom .5s,opacity .5s;
	opacity:1
}
.pc-content-foot-backtotop:hover{
	bottom:0
}
body.pc{
	box-sizing:border-box;
	position:relative
}
.delighter-init,.pc-content-introduction-inner p,.pc-content-news,.pc-content-spec-inner img,.pc-content-story-inner p,.pc-content-twitter,.pc-content-xmas2019 img,body.xmas2019 .alert-box,body.xmas2019 .foot-snow img,body.xmas2019 p.alert-title,body.xmas2019 p.oubo,body.xmas2019 p.present{
	opacity:0;
	-webkit-transform:translateY(30px);
	transform:translateY(30px);
	transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,transform 1s;
	transition:opacity 1s,transform 1s,-webkit-transform 1s
}
.delighter{
	opacity:0;
	-webkit-transform:translateY(30px);
	transform:translateY(30px)
}
.delighter.started{
	opacity:1!important;
	-webkit-transform:translateY(0)!important;
	transform:translateY(0)!important
}
.pc-content-main{
	position:relative;
	width:100%;
	height:550px;
	overflow:hidden;
	pointer-events:none;
	-webkit-transform-origin:center top;
	transform-origin:center top;
	top:0;
	margin-top:15px
}
.pc-content-main-layer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.pc-content-main-layer img{
	position:absolute;
	left:50%;
	transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,transform 1s;
	transition:opacity 1s,transform 1s,-webkit-transform 1s;
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	height:auto;
}
.pc-content-main-layer img.on{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.pc-content-main-layer1 img.img-manastone{
	top:52px;
	margin-left:-302px;
	width:592.5px
}
.pc-content-main-layer2 img.img-flamingo{
	top:0;
	margin-left:-397px;
	-webkit-transform:translateY(0)!important;
	transform:translateY(0)!important;
	transition:opacity 2s,-webkit-transform 2s;
	transition:opacity 2s,transform 2s;
	transition:opacity 2s,transform 2s,-webkit-transform 2s;
	width:797px
}
.pc-content-main-layer2 img.img-fairy{
	-webkit-transform:translateY(0)!important;
	transform:translateY(0)!important;
	transition:opacity 2s,-webkit-transform 2s;
	transition:opacity 2s,transform 2s;
	transition:opacity 2s,transform 2s,-webkit-transform 2s;
}
.pc-content-main-layer2 img.img-title{
	width:563px;
	height:auto;
	top:104px;
	margin-left:-279px;
	-webkit-transform:translateY(0)!important;
	transform:translateY(0)!important;
	transition:opacity 2s,-webkit-transform 2s;
	transition:opacity 2s,transform 2s;
	transition:opacity 2s,transform 2s,-webkit-transform 2s
}
.pc-content-main-layer2 img.img-copy{
	width:72px;
	height:auto;
	top:80px;
	margin-left:388px;
	-webkit-transform:translateY(0)!important;
	transform:translateY(0)!important;
	transition:opacity 2s,-webkit-transform 2s;
	transition:opacity 2s,transform 2s;
	transition:opacity 2s,transform 2s,-webkit-transform 2s
}
.pc-content-main-layer3 img.img-lease{
	top:204px;
	margin-left:-420px;
	width:293px
}
.pc-content-main-layer3 img.img-kevin{
	top:324px;
	margin-left:101px;
	width:256px
}
.pc-content-main-layer4 img.img-hawkeye{
	top:436px;
	margin-left:-328px;
	width:313px
}
.pc-content-main-layer4 img.img-charlotte{
	top:433px;
	margin-left:88px;
	width:202px
}
.pc-content-main-layer5 img.img-angela{
	top:346px;
	margin-left:-177px;
	width:238px
}
.pc-content-main-layer5 img.img-duran{
	top:288px;
	margin-left:-44px;
	width:223px
}
.pc-content-news{
	position:relative;
	width:100%;
	height:auto;
}
.pc-content-news-inner{
position: absolute;
width: 830px;
height: auto;
background-image: url();
background-size: 100% 100%;
background-repeat: no-repeat;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #3b3b3b;
font-size: 1.45vw;
font-weight: 900;
line-height: 1.7;
position: relative;
z-index: 4;
text-align: left;
}
.pc-content-news-inner-scroll{
	font-family: 'Microsoft JhengHei', sans-serif;
	color:#fff;
	position:absolute;
	top:81px;
	left:0;
	width:100%;
	height:110px;
	box-sizing:border-box
}
.pc-content-news-inner-scroll a{
	color:#fff;
	text-decoration:underline
}
.pc-content-news-inner-scroll dl{
	width:405px;
	height:auto;
	display:table;
	position:relative;
	margin:0 auto;
	font-size:14px;
	line-height:20px;
	font-weight:400
}
.pc-content-news-inner-scroll dl:first-of-type{
	padding-top:10px
}
.pc-content-news-inner-scroll dl:last-of-type{
	padding-bottom:10px
}
.pc-content-news-inner-scroll dl dt{
	width:105px;
	height:auto;
	display:table-cell;
	vertical-align:top;
	text-align:left;
	padding-bottom:1em;
	font-weight:400
}
.pc-content-news-inner-scroll dl dd{
	width:300px;
	height:auto;
	display:table-cell;
	vertical-align:top;
	text-align:left;
	padding-bottom:1em
}
.pc-content-twitter{
	position:relative;
	margin-top:104px;
	width:100%;
	height:454px
}
.pc-content-twitter-btn{
	display:inline-block;
	width:116px;
	height:14px;
	background-image:url(../imgs/top/twitter_btn.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:132px
}
.pc-content-twitter-inner{
	position:absolute;
	width:830px;
	height:auto;
	background-image:url();
	background-size:100% 100%;
	background-repeat:no-repeat;
	top:0;
	left:53%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}

.pc-content-twitter-inner img {
	width: 800px;
	
}
.pc-content-twitter-inner-wrapper{
	position:absolute;
	top:63px!important;
	left:14px!important;
	width:500px;
	height:360px;
	overflow:hidden
}
.pc-content-twitter-inner-wrapper-in{
	position:absolute;
	top:0;
	left:0;
	width:calc(100% + 20px);
	height:100%;
	overflow-y:scroll
}
.pc-content-twitter-inner iframe{
	position:absolute;
	width:100%;
	top:0;
	left:0
}
.pc-content-spec{
	position:relative;
	margin-top:117px;
	width:100%;
	height:auto;
	text-align:center
}
.pc-content-spec-inner{
	width:608px;
	margin:0 auto;
	position:relative;
	height:auto
}
.pc-content-spec-inner img{
	position:relative;
	width:100%;
	height:auto
}
@-webkit-keyframes verticalTokuten{
	0%{
		-webkit-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

}
@keyframes verticalTokuten{
	0%{
		-webkit-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

}
.pc-content-tokuten-banner{
	position:fixed;
	bottom:30px;
	right:30px
}
.pc-content-tokuten-banner img{
	width:215px;
	height:auto;
	-webkit-animation:verticalTokuten 2s ease-in-out infinite alternate;
	animation:verticalTokuten 2s ease-in-out infinite alternate;
	opacity:0;
	transition:opacity 1s
}
.pc-content-tokuten-banner img.on{
	opacity:1!important
}
.pc-content-tokuten-banner a{
	position:relative
}
.pc-content-banners{
	position:relative;
	margin-top:117px;
	width:100%;
	height:calc(406px + 175px)
}
.pc-content-banners a{
	position:absolute;
	top:0;
	left:50%;
	display:inline-block
}
.pc-content-banners a:nth-of-type(1){
	margin-left:-413px
}
.pc-content-banners a:nth-of-type(2){
	top:13px;
	margin-left:-135px
}
.pc-content-banners a:nth-of-type(3){
	top:13px;
	margin-left:152px
}
.pc-content-banners a:nth-of-type(4){
	top:159px;
	margin-left:13px
}
.pc-content-banners a:nth-of-type(5){
	top:169px;
	margin-left:-326px
}
.pc-content-xmas2019{
	position:relative;
	width:100%;
	height:0;
	background-color:red;
	overflow:visible
}
.pc-content-xmas2019 img{
	width:215px;
	height:auto
}
.pc-content-xmas2019 a{
	position:absolute;
	top:30px;
	left:50%;
	margin-left:298px;
	display:inline-block;
	z-index:10
}
.pc-content-foot-trailer{
	display:flex;
	align-items:center; 
	justify-content:center;
	transition:opacity 2sposition:absolute;

}

.pc-content-foot-trailer img {
	width: 1000px;
}

.mo-flow-chart img{
	padding: 0 0 0 0;

}

.pc-content-foot-trailer-on{
	visibility:visible;
	opacity:1
}
.pc-content-foot-trailer div{
	position:absolute
}
.pc-content-foot-trailer-img{
	width:100%;
	height:100%;
	background-image:url(trailer2.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	top:0;
	left:0
}
.pc-content-foot-trailer-youtube{
	top:36px;
	left:11px;
	width:240px;
	height:135px
}
.pc-content-foot-trailer-youtube iframe{
	position:absolute;
	width:100%;
	height:100%
}
.pc-content-foot-trailer-link{
	position:absolute;
	display:block;
	top:36px;
	left:11px;
	width:240px;
	height:135px;
	cursor:pointer;
	background-color:#fff;
	opacity:0;
	transition:opacity .5s
}
.pc-content-foot-trailer-link:hover{
	opacity:.3
}
.ytPlayer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.7);
	z-index:100000;
	visibility:hidden
}
.ytPlayer iframe{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-225px;
	margin-left:-400px;
	width:800px;
	height:450px
}
.ytPlayerWrapper{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.ytPlayerClose{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-290px;
	margin-left:348px;
	width:52px;
	height:52px;
	z-index:5001;
	background:url(close.png) no-repeat;
	cursor:pointer
}
.pc-loading{
	position:fixed;
	z-index:10000000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	transition:opacity 5s linear;
	transition:opacity 1s;
	opacity:1
}
.pc-loading-off{
	pointer-events:none;
	opacity:0
}
.pc-loading div{
	width:154px;
	height:154px;
	box-sizing:border-box;
	border:7px solid #fff799;
	border-bottom:7px solid #fed351;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-77px;
	margin-top:-77px;
	pointer-events:none;
	-webkit-animation:pc-loading-anime 1s cubic-bezier(.25,.25,.75,.75) infinite;
	animation:pc-loading-anime 1s cubic-bezier(.25,.25,.75,.75) infinite
}
.pc-loading img{
	width:106px;
	height:106px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-53px;
	margin-left:-53px;
	pointer-events:none;
	-webkit-animation:pc-loading-img-animation 1s linear infinite both;
	animation:pc-loading-img-animation 1s linear infinite both
}
.pc-loading-hide{
	opacity:0;
	pointer-events:none
}
.pc-loading-hide div,.pc-loading-hide img{
	visibility:hidden
}
@keyframes pc-loading-anime{
	0%{
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}
@keyframes pc-loading-img-animation{
	0%{
		-webkit-transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1)
	}
	4.3%{
		-webkit-transform:matrix3d(.757,0,0,0,0,.757,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.757,0,0,0,0,.757,0,0,0,0,1,0,0,0,0,1)
	}
	8.61%{
		-webkit-transform:matrix3d(.939,0,0,0,0,.939,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.939,0,0,0,0,.939,0,0,0,0,1,0,0,0,0,1)
	}
	12.91%{
		-webkit-transform:matrix3d(1.026,0,0,0,0,1.026,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.026,0,0,0,0,1.026,0,0,0,0,1,0,0,0,0,1)
	}
	17.22%{
		-webkit-transform:matrix3d(1.047,0,0,0,0,1.047,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.047,0,0,0,0,1.047,0,0,0,0,1,0,0,0,0,1)
	}
	28.33%{
		-webkit-transform:matrix3d(1.01,0,0,0,0,1.01,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1.01,0,0,0,0,1.01,0,0,0,0,1,0,0,0,0,1)
	}
	39.44%{
		-webkit-transform:matrix3d(.997,0,0,0,0,.997,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(.997,0,0,0,0,.997,0,0,0,0,1,0,0,0,0,1)
	}
	61.66%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}
	83.98%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}
	100%{
		-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
		transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
	}

}
.pc-mousestoker{
	position:fixed;
	z-index:1000000;
	top:0;
	left:0;
	width:100vw;
	height:100vw;
	overflow:visible;
	pointer-events:none
}
.pc-mousestoker p{
	position:absolute;
	display:inline-block;
	background:url(kirakira.png?20210204);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:48px;
	height:48px;
	margin-left:-24px;
	margin-top:-24px;
	opacity:1;
	transition:opacity 2s linear,-webkit-transform 2s cubic-bezier(.215,.61,.355,1);
	transition:transform 2s cubic-bezier(.215,.61,.355,1),opacity 2s linear;
	transition:transform 2s cubic-bezier(.215,.61,.355,1),opacity 2s linear,-webkit-transform 2s cubic-bezier(.215,.61,.355,1)
}
.pc-content-nowplay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	overflow-y:auto;
	opacity:0;
	pointer-events:none;
	transition:opacity .5s
}
.pc-content-nowplay-on{
	opacity:1;
	pointer-events:auto!important
}
.pc-content-nowplay-inner{
	position:relative;
	width:100%;
	height:100%;
	min-height:960px
}
.pc-content-nowplay-content div{
	position:absolute;
	cursor:pointer;
	width:52px;
	height:52px;
	top:0;
	right:10px
}
.pc-content-nowplay-content a{
	position:absolute;
	display:inline-block;
	transition:opacity .5s;
	opacity:1
}
.pc-content-nowplay-content a:hover{
	opacity:.7
}
.pc-content-nowplay-content a:nth-of-type(1){
	top:528px;
	left:77px
}
.pc-content-nowplay-content a:nth-of-type(2){
	top:528px;
	left:352px
}
.pc-content-nowplay-content a:nth-of-type(3){
	top:528px;
	left:624px
}
.pc-content-nowplay-content a:nth-of-type(4){
	top:710px;
	left:260px
}
.pc-content-story{
	position:relative;
	padding-top:117px;
	width:100%;
	height:945px
}
.pc-content-story-inner{
	position:relative;
	width:545px;
	height:945px;
	margin:0 auto
}
.pc-content-story-inner p{
	transition:opacity 2s,-webkit-transform 2s!important;
	transition:opacity 2s,transform 2s!important;
	transition:opacity 2s,transform 2s,-webkit-transform 2s!important
}
.pc-content-story-inner img{
	width:100%;
	height:auto
}
.pc-content-introduction{
	position:relative;
	padding-top:117px;
	width:100%;
	height:1628px
}
.pc-content-introduction-inner{
	position:relative;
	width:1007px;
	height:100%;
	margin:0 auto
}
.pc-content-introduction-inner p{
	transition:opacity 2s,-webkit-transform 2s!important;
	transition:opacity 2s,transform 2s!important;
	transition:opacity 2s,transform 2s,-webkit-transform 2s!important
}
.pc-content-introduction-inner p:nth-of-type(7),.pc-content-introduction-inner p:nth-of-type(9){
	margin-top:-30px
}
.pc-content-introduction-inner p:nth-of-type(8){
	margin-top:50px
}
.pc-content-introduction-inner img{
	width:100%;
	height:auto
}
.pc-content-video{
	position:relative;
	padding-top:117px;
	width:100%;
	height:945px
}
.pc-content-video-inner{
	position:relative;
	width:750px;
	height:945px;
	margin:0 auto
}
.pc-content-video-inner-title{
	width:525px;
	margin:0 auto
}
.pc-content-video-inner-title img{
	width:100%;
	height:auto
}
.pc-content-video-inner .pc-content-video-slick-imgs{
	width:629px;
	height:418px;
	margin:0 auto;
	margin-top:30px;
	position:relative;
	overflow:hidden
}
.pc-content-video-inner .pc-content-video-slick-imgs div.slick-list,.pc-content-video-inner .pc-content-video-slick-imgs div.slick-track{
	height:100%!important
}
.pc-content-video-inner .pc-content-video-slick-imgs-item{
	width:629px;
	height:418px;
	position:relative;
	top:0;
	left:0
}
.pc-content-video-inner .pc-content-video-slick-imgs-item img{
	width:629px;
	height:auto;
	position:relative
}
.pc-content-video-inner .pc-content-video-slick-thumbs{
	width:650px;
	height:111px;
	margin:0 auto;
	margin-top:30px;
	position:relative;
	overflow:hidden
}
.pc-content-video-inner .pc-content-video-slick-thumbs div.slick-list,.pc-content-video-inner .pc-content-video-slick-thumbs div.slick-track{
	height:100%!important
}
.pc-content-video-inner .pc-content-video-slick-thumbs-item{
	width:auto;
	display:inline-block;
	text-align:center
}
.pc-content-video-inner .pc-content-video-slick-thumbs-item img{
	width:auto;
	height:111px
}
.pc-content-video-inner .pc-content-video-slick-arrows-l{
	position:absolute;
	left:50%;
	bottom:290px;
	margin-left:-374px
}
.pc-content-video-inner .pc-content-video-slick-arrows-l img{
	width:26px;
	height:auto
}
.pc-content-video-inner .pc-content-video-slick-arrows-r{
	position:absolute;
	left:50%;
	bottom:290px;
	margin-left:348px
}
.pc-content-video-inner .pc-content-video-slick-arrows-r img{
	width:26px;
	height:auto
}
.pc-content-character{
	position:relative;
	padding-top:117px;
	width:100%;
	height:945px
}
.pc-content-character-inner{
	position:relative;
	width:100%;
	height:945px;
	margin:0 auto
}
.pc-content-character-inner-title{
	width:525px;
	margin:0 auto
}
.pc-content-character-inner-title img{
	width:100%;
	height:auto
}
.pc-content-character-inner-select{
	margin:0 auto;
	margin-top:63px;
	width:100%;
	height:445px;
	position:relative;
	text-align:center;
	opacity:1;
	pointer-events:auto;
	transition:opacity .5s
}
.pc-content-character-inner-select-off{
	opacity:0;
	pointer-events:none
}
.pc-content-character-inner-select div{
	position:relative;
	display:inline-block;
	width:83px;
	height:445px;
	margin-right:1px;
	margin-left:1px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	cursor:pointer;
	transition:-webkit-transform .5s;
	transition:transform .5s;
	transition:transform .5s,-webkit-transform .5s
}
.pc-content-character-inner-select div img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:opacity .5s
}
.pc-content-character-inner-select div img.img-normal{
	opacity:1
}
.pc-content-character-inner-select div img.img-hover{
	opacity:0
}
.pc-content-character-inner-select div:hover{
	-webkit-transform:translateY(-16px);
	transform:translateY(-16px)
}
.pc-content-character-inner-select div:hover .img-normal{
	opacity:0
}
.pc-content-character-inner-select div:hover .img-hover{
	opacity:1
}
.pc-content-character-detail{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(18,41,79,.65);
	z-index:100000;
	visibility:hidden;
	opacity:0
}
.pc-content-character-detail-inner{
	width:728px;
	height:494px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	pointer-events:none;
	opacity:0;
	transition:opacity .5s
}
.pc-content-character-detail-inner-on{
	pointer-events:auto!important;
	opacity:1
}
.pc-content-character-detail .detail-name img{
	vertical-align:middle
}
.pc-content-character-detail .detail-name .detail-img-name{
	height:34px;
	width:auto;
	margin-right:18px
}
.pc-content-character-detail .detail-name .detail-img-voice{
	height:41px;
	width:41px
}
.pc-content-character-detail .detail-tab{
	margin-top:15px
}
.pc-content-character-detail .detail-tab-basic,.pc-content-character-detail .detail-tab-class{
	position:relative;
	width:102px;
	height:22px;
	margin-right:5px;
	display:inline-block
}
.pc-content-character-detail .detail-tab-basic img,.pc-content-character-detail .detail-tab-class img{
	position:absolute;
	width:100%;
	height:100%
}
.pc-content-character-detail .detail-tab-basic img.detail-tab-basic-on,.pc-content-character-detail .detail-tab-class img.detail-tab-basic-on{
	opacity:1
}
.pc-content-character-detail .detail-tab-basic img.detail-tab-basic-off,.pc-content-character-detail .detail-tab-class img.detail-tab-basic-off{
	opacity:0
}
.pc-content-character-detail .detail-tab-basic img.detail-tab-class-on,.pc-content-character-detail .detail-tab-class img.detail-tab-class-on{
	opacity:0
}
.pc-content-character-detail .detail-tab-basic img.detail-tab-class-off,.pc-content-character-detail .detail-tab-class img.detail-tab-class-off{
	opacity:1
}
.pc-content-character-detail .detail-text{
	margin-top:26px;
	opacity:1;
	transition:opacity .5s
}
.pc-content-character-detail .detail-text img{
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:scale(.5,.5);
	transform:scale(.5,.5)
}
.pc-content-character-detail .detail-chart{
	position:absolute;
	top:123px;
	left:-7px;
	width:376px;
	height:182px;
	opacity:0;
	transition:opacity .5s;
	pointer-events:none
}
.pc-content-character-detail .detail-chart-on{
	pointer-events:auto;
	opacity:1
}
.pc-content-character-detail .detail-chart img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity .5s;
	z-index:0
}
.pc-content-character-detail .detail-chart div{
	position:absolute;
	cursor:pointer;
	z-index:1
}
.pc-content-character-detail .detail-chart .detail-chart-btn-class2{
	top:10px;
	left:107px;
	width:172px;
	height:33px
}
.pc-content-character-detail .detail-chart .detail-chart-btn-class3-1{
	bottom:70px;
	left:5px;
	width:164px;
	height:33px
}
.pc-content-character-detail .detail-chart .detail-chart-btn-class3-2{
	bottom:70px;
	right:0;
	width:164px;
	height:33px
}
.pc-content-character-detail .detail-chart .detail-chart-btn-class4{
	bottom:0;
	left:107px;
	width:172px;
	height:33px
}
.pc-content-character-detail .detail-mode-changer{
	height:70px;
	width:74px;
	position:absolute;
	left:297px;
	top:104px;
	-webkit-animation:vertical 1s ease-in-out infinite alternate;
	animation:vertical 1s ease-in-out infinite alternate;
	cursor:pointer;
	opacity:0;
	transition:opacity .5s;
	pointer-events:none
}
.pc-content-character-detail .detail-mode-changer-on{
	opacity:1;
	pointer-events:auto
}
.pc-content-character-detail .detail-mode-changer img{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0
}
.pc-content-character-detail .detail-mode-changer .detail-mode-changer-omote{
	opacity:1;
	-webkit-transform:rotateX(0);
	transform:rotateX(0);
	transition:opacity .1s 150ms,-webkit-transform .3s 150ms;
	transition:opacity .1s 150ms,transform .3s 150ms;
	transition:opacity .1s 150ms,transform .3s 150ms,-webkit-transform .3s 150ms
}
.pc-content-character-detail .detail-mode-changer .detail-mode-changer-ura{
	opacity:0;
	-webkit-transform:rotateX(90deg);
	transform:rotateX(90deg);
	transition:opacity 50ms .2s,-webkit-transform .3s;
	transition:opacity 50ms .2s,transform .3s;
	transition:opacity 50ms .2s,transform .3s,-webkit-transform .3s
}
.pc-content-character-detail .detail-mode-changer-reverse .detail-mode-changer-omote{
	opacity:0;
	-webkit-transform:rotateX(90deg);
	transform:rotateX(90deg);
	transition:opacity 50ms .2s,-webkit-transform .3s;
	transition:opacity 50ms .2s,transform .3s;
	transition:opacity 50ms .2s,transform .3s,-webkit-transform .3s
}
.pc-content-character-detail .detail-mode-changer-reverse .detail-mode-changer-ura{
	opacity:1;
	-webkit-transform:rotateX(0);
	transform:rotateX(0);
	transition:opacity .1s 150ms,-webkit-transform .3s 150ms;
	transition:opacity .1s 150ms,transform .3s 150ms;
	transition:opacity .1s 150ms,transform .3s 150ms,-webkit-transform .3s 150ms
}
@-webkit-keyframes vertical{
	0%{
		-webkit-transform:translateY(-5px);
		transform:translateY(-5px)
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

}
@keyframes vertical{
	0%{
		-webkit-transform:translateY(-5px);
		transform:translateY(-5px)
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

}
img.detail-img-basic,img.detail-img-hikari-class2,img.detail-img-hikari-class3-1,img.detail-img-hikari-class3-2,img.detail-img-hikari-class4,img.detail-img-yami-class2,img.detail-img-yami-class3-1,img.detail-img-yami-class3-2,img.detail-img-yami-class4{
	position:absolute;
	-webkit-transform-origin:right top;
	transform-origin:right top;
	-webkit-transform:scale(.5,.5);
	transform:scale(.5,.5);
	opacity:0;
	transition:opacity .5s;
	pointer-events:none
}
img#duran-img-basic{
	top:11px;
	right:-75px
}
img#duran-img-hikari-class2{
	top:-58px;
	right:41px
}
img#duran-img-hikari-class3-1{
	top:-54px;
	right:22px
}
img#duran-img-hikari-class3-2{
	top:-54px;
	right:22px
}
img#duran-img-hikari-class4{
	top:-63px;
	right:31px
}
img#duran-img-yami-class2{
	top:-58px;
	right:44px
}
img#duran-img-yami-class3-1{
	top:-54px;
	right:22px
}
img#duran-img-yami-class3-2{
	top:-54px;
	right:22px
}
img#duran-img-yami-class4{
	top:-63px;
	right:31px
}
img#angela-img-basic{
	top:-54px;
	right:-11px
}
img#angela-img-hikari-class2{
	top:-57px;
	right:-18px
}
img#angela-img-hikari-class3-1{
	top:-53px;
	right:-18px
}
img#angela-img-hikari-class3-2{
	top:-57px;
	right:-18px
}
img#angela-img-hikari-class4{
	top:-57px;
	right:-18px
}
img#angela-img-yami-class2{
	top:-57px;
	right:-18px
}
img#angela-img-yami-class3-1{
	top:-57px;
	right:-18px
}
img#angela-img-yami-class3-2{
	top:-53px;
	right:-18px
}
img#angela-img-yami-class4{
	top:-70px;
	right:-52px
}
img#kevin-img-basic{
	top:-36px;
	right:-62px
}
img#kevin-img-hikari-class2{
	top:-32px;
	right:20px
}
img#kevin-img-hikari-class3-1{
	top:-32px;
	right:0
}
img#kevin-img-hikari-class3-2{
	top:-32px;
	right:2px
}
img#kevin-img-hikari-class4{
	top:-52px;
	right:-5px
}
img#kevin-img-yami-class2{
	top:-60px;
	right:25px
}
img#kevin-img-yami-class3-1{
	top:-32px;
	right:-5px
}
img#kevin-img-yami-class3-2{
	top:-59px;
	right:14px
}
img#kevin-img-yami-class4{
	top:-57px;
	right:-2px
}
img#charlotte-img-basic{
	top:-8px;
	right:-50px
}
img#charlotte-img-hikari-class2{
	top:15px;
	right:-57px
}
img#charlotte-img-hikari-class3-1{
	top:15px;
	right:-18px
}
img#charlotte-img-hikari-class3-2{
	top:15px;
	right:-4px
}
img#charlotte-img-hikari-class4{
	top:0;
	right:10px
}
img#charlotte-img-yami-class2{
	top:16px;
	right:-49px
}
img#charlotte-img-yami-class3-1{
	top:15px;
	right:-3px
}
img#charlotte-img-yami-class3-2{
	top:15px;
	right:-3px
}
img#charlotte-img-yami-class4{
	top:5px;
	right:10px
}
img#hawkeye-img-basic{
	top:-18px;
	right:-38px
}
img#hawkeye-img-hikari-class2{
	top:-55px;
	right:43px
}
img#hawkeye-img-hikari-class3-1{
	top:-74px;
	right:32px
}
img#hawkeye-img-hikari-class3-2{
	top:-56px;
	right:30px
}
img#hawkeye-img-hikari-class4{
	top:-60px;
	right:57px
}
img#hawkeye-img-yami-class2{
	top:-55px;
	right:45px
}
img#hawkeye-img-yami-class3-1{
	top:-55px;
	right:37px
}
img#hawkeye-img-yami-class3-2{
	top:-55px;
	right:-24px
}
img#hawkeye-img-yami-class4{
	top:-62px;
	right:62px
}
img#ries-img-basic{
	top:-49px;
	right:-69px
}
img#ries-img-hikari-class2{
	top:-69px;
	right:48px
}
img#ries-img-hikari-class3-1{
	top:-68px;
	right:31px
}
img#ries-img-hikari-class3-2{
	top:-74px;
	right:31px
}
img#ries-img-hikari-class4{
	top:-74px;
	right:3px
}
img#ries-img-yami-class2{
	top:-67px;
	right:41px
}
img#ries-img-yami-class3-1{
	top:-45px;
	right:28px
}
img#ries-img-yami-class3-2{
	top:-57px;
	right:28px
}
img#ries-img-yami-class4{
	top:-47px;
	right:46px
}
img#fairy-img-basic{
	top:19px;
	right:-88px
}
img#magician-img-basic{
	top:-70px;
	right:-88px
}
img#man-img-basic{
	top:-60px;
	right:-99px
}
img#man-img-basic{
	top:-60px;
	right:-99px
}
img#izabella-img-basic{
	top:-78px;
	right:-85px
}
img#flammie-img-basic{
	top:3px;
	right:-66px
}
img#booskaboo-img-basic{
	top:-13px;
	right:-79px
}


.image {
	
	width: 100%;
height: 100%;
}

p {
    text-align: justify;   
    text-justify:inter-ideograph;  
}




.pc-content-main-layer2 img.img-fairy {
    margin-top: 30px;
    margin-left: -80px;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    transition: opacity 2s,-webkit-transform 2s;
    transition: opacity 2s,transform 2s;
    transition: opacity 2s,transform 2s,-webkit-transform 2s;
    width: 480px;
}

.pc-content-main {

    height: 500px;

}

a {
    color: #634722;
}

/*! CSS Used from: https://www.enlighten.org.tw/buddha/reset.css ; media=all */
@media all{
div{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
}
/*! CSS Used from: https://www.enlighten.org.tw/buddha/common.css?20200503 */
div{margin:0;padding:0;border:0;font-weight:normal;}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
@media screen and (min-width: 751px){
div::-webkit-scrollbar{width:12px;}
div::-webkit-scrollbar-track{border:none;box-shadow:inset 0 0 2px #777;background:#fff;}
div::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:none;background:#aaa;}
}
/*! CSS Used from: https://www.enlighten.org.tw/buddha/pages.css?202000503 */
.about-intro-text{color:#3b3b3b;text-align:center;font-size:1.65vw;font-weight:900;line-height:2;position:relative;z-index:4;width:65vw;margin:5% auto 5%;text-align:left;}
.about-intro-tex{color:#3b3b3b;text-align:center;font-size:1.45vw;font-weight:900;line-height:2;position:relative;z-index:4;width:65vw;margin:0% auto 10%;text-align:left;}


.intro-enlighten {
	margin-top:0;
	margin-bottom:0;
}
 
.intro-enlighten img{
    padding:5%;
    display: block;
    margin: auto;
}

 
@media only screen and (max-width: 960px){
 .about-intro-text, .about-intro-tex{font-size:2.55vw;width:96%;margin:0 auto 20%;}
.intro-enlighten img{
	padding:5%;
}
.intro-enlighten{
	margin-bottom:0;
}
}

 .content-text{color:#3b3b3b;font-size:1.65vw;font-weight:900;line-height:2;position:relative;z-index:4;width:auto;margin:0% 17% 5%;text-align: justify:}
 .main-content-text {
     font-size:1.65vw;
 }
@media only screen and (max-width: 600px){
 .about-intro-text, .about-intro-tex{font-size:20px;}
 .content-text{color:#3b3b3b;font-size:1.65vw;font-weight:900;line-height:2;position:relative;z-index:4;width:auto;margin:0% 10% 5%;text-align: justify:}
 .main-content-text {
     font-size: 5vw;
 }
}
*{margin:0;padding:0;word-break:normal;-webkit-font-smoothing:subpixel-antialiased;}
@media screen and (-webkit-min-device-pixel-ratio:0){
*{-webkit-font-smoothing:antialiased;}
}
*:not(*:root){font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;}
div{outline:none;}
div:focus{outline:none;}
div::-webkit-scrollbar{width:12px;}
div::-webkit-scrollbar-track{border:none;box-shadow:inset 0 0 2px #777;background:#fff;}
div::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:none;background:#aaa;}






.bg-one,
      .bg-one ~ .content span{
      background-color:#e5ce93;

      }

      .bg-two,
      .bg-two ~ .content span{
      background-color:#FE6860;

      }

      .bg-three,
      .bg-three ~ .content span{
      background-color:#23B684;

      }

      .bg-four,
      .bg-four ~ .content span{
      background-color:#603838;

      }
      .bg-five,
      .bg-five ~ .content span{
      background-color:#F9BF3B;

      }
      .bg-six,
      .bg-six ~ .content span{
      background-color:#C25396;

      }

.tabs-box{
  background-color: #f5f2eb;
  color:#232323;
  width:100%;
  margin:0px auto;
  box-shadow:0 0 10px rgba(0,0,0,.3)
}
.tabs-box .acord{
 position:relative;
 overflow:hidden;


}
.tabs-box .acord label{
  position:relative;
  z-index: 1000;
  display:block;
  padding:0 0px 0 0;
}
.tabs-box .acord label i{
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:40px;
  text-align: center;
}
.tabs-box .acord label,
.tabs-box .acord label i,
.tabs-box .acord i.fa-chevron-circle-down{
    height:40px;text-align: center;font-size: 24px;
    line-height: 40px;cursor: pointer;
}
.tabs-box .acord i.fa-chevron-circle-down{
  position:absolute;
  z-index: 1111;
  top:0;
  left:0;
  width: 40px;
  text-align: center;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  transition:all .2s linear 0s;
}

.tabs-box .acord input{
  display:none;
}

.tabs-box .content{
  position:relative;
  overflow:hidden;
  -moz-transition:height 1s linear 0s;
  -webkit-transition: height 1s linear 0s;
  transition: height 1s linear 0s;
  height:0;
  font-size:20px;
  line-height:30px;
  color:#414141;
  text-align:center;
}

.tabs-box .content span.square{
  display: block;
  position: absolute;
  left: 10px;
  top: -17px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}
.tabs-box input[type="checkbox"]:checked ~ div.content{
  height:auto;
  padding:10%;
  padding-top:50px;
}
.tabs-box input[type="checkbox"]:checked ~ i.fa-chevron-circle-down{
transform:rotate(180deg);
}


/*慣用RDW影片語法＋iframe  */



.video-containe {

position: relative;

padding-bottom: 56.25%;

padding-top: 5px;

height: 0;

overflow: hidden;

}

.video-containe iframe, .video-containe object, .video-containe embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;}

video {
    width: 100%;
    height: auto;cursor: pointer;
}
 

.fbpr img {
	width: 29%;
}
.fbpr {
		text-align: center;

	
}
.fbpr a{
margin-left: 4px;}

.click-message p {
   text-align: center;
   font-size: 45px;
}


/* ↓↓↓↓ 手機豎屏時, 頁面顯示尺寸 150 < x <960 時,顯示效果 ↓↓↓↓  */
@media (max-width: 960px) and (min-width: 150px) {
	
.click-message p {
   text-align: center;
   font-size: 15px;
}
	
.fbpr {
    text-align: center;
    margin-top: 10vw;
}

.pc-content-main {
    height: 600px;

}

.pc-content-main-layer2 img.img-fairy {
    top: 150px !important;
  
}
	
.pc-content-main-layer2 img.img-fairy{
	top:223px;
	margin-left: -130px;
	
	width:280px
}
.pc-content-main-layer2 img.img-title{
    width: 320px;
    margin-left: -180px;
}
.fbpr img {
	width: 60%;
}

.sqex-footer-logos img {
	height: auto

}

.pc-content-particle {
    display: none;
}

}