/*
当サイトのテキスト及び画像、それに伴う全ての無断転載は禁止いたします。
発見した場合は法的処置も視野にいれております。絶対に無断転載はお止めください。
*/
/*-----------------------*/
*{
	margin:0px;
	padding:0px;
}
/*--------------------カスタムプロパティ--------------------*/
:root {
	--baseWidth: 100vw;
}
/*----------------------------PC用----------------------------*/
@media screen and (min-width:500px) {
	:root{
		--baseWidth: 500px;
	}
}
/*-------------------------------------------------#splash-------------------------------------------------*/
#splash {
	width: var(--baseWidth);
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	display: none;
}
#splash .splash_r18 {
	position: absolute;
	top: -5px;
	left: 0.6%;
	font-size: 12px;
	color: #000;
}
#splash video {
	height: 100vh;
	width: var(--baseWidth);
	object-fit: cover;
}
#video_screen {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgb(255 0 0 / 0%);
	z-index: 0;
	margin: auto;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
body {
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	background: #CFCFCF;
}
#content{
	max-width: 500px;
	margin: 0 auto;
	opacity: 0;
}
#title{
	margin-bottom: 20px;
}
.bg {
	position: fixed;
	top: 0;
	left: 50%;
	width: var(--baseWidth);
	height: 100vh;
	background-image: url("../../images/dftmp1/bg.jpg");
	z-index: -1;
	transform: translateX(-50%);
}
.date{
	font-size: 12px;
	color: #fff;
	line-height: 1.4em;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	background: #000;
}
.date span:first-child {
	display: block;
	width:27%;
	padding-left:3%;
	z-index: 2;
}
.date span:last-child {
	text-align: right;
    width: 67%;
    padding: 0 3% 0 0;
	display: block;
}



#footer{
	padding:15px 0 30px;
	background: #000;
}
#footer p{
	font-size:12px;
	margin:0;
}
#footer p a{
	color: #fff;
	position: relative;
}
/*content--------------------------------*/
p{
	margin: 0 10px 30px;
}
p span{
	font-weight: bold;
}
/*top_txt--------------------------------*/
.top_txt p{
	margin-bottom: 10px !important;
}
.top_txt .arrow img{
	width: 75%;
	margin: 0 auto;
}
/*dftmp2 top_txt------------------------------*/
.top_txt_area {
	position: relative;
	width: calc(93% - 30px);
    margin: 25px auto 50px;
}
.top_txt_area .top_txt_tit {
	position: absolute;
	top: 0;
	animation: top_txt_anime 2s linear infinite;
}
.top_txt_area .top_txt_mov,
.top_txt_area video {
	position: absolute;
	bottom: 0;
	z-index: -1;
}

@keyframes top_txt_anime {
	0% {transform: scale(1); }
	50% {transform: scale(1.1); }
	100% {transform: scale(1); }
}
/*top-carousel--------------------------------*/
#top-carousel {
	position: relative;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}
#top-carousel .top-carousel-view {
	overflow: hidden;
	position: relative;
	width: calc(93% - 30px);
	margin: 0 auto;
}
#top-carousel .top-carousel-view .top-carousel-contents {
	position: relative;
	top: 0;
}
#top-carousel .top-carousel-view .top-carousel-contents:after {
	clear: both;
	content:"";
	display: table;
}
#top-carousel .top-carousel-view .top-carousel-contents .item {
	float: left;
	display: inline;
}
#top-carousel ul.list-indicator {
	text-align: center;
	margin-bottom: 25px;
}
#top-carousel ul.list-indicator li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
#top-carousel ul.list-indicator li a {
	display: block;
	height: 8px;
	width: 8px;
	border-radius: 20px;
	background: #ccc;
}
#top-carousel ul.list-indicator li.current a {
	background: #757474;
}
/*chara_list--------------------------------*/
.txt_ol p {
	margin-bottom: 0;
}
.chara_list {
	margin-left: calc(var(--baseWidth)* 0.04);
}
.chara_box {
	display: inline-block;
	margin-right: calc(var(--baseWidth)* 0.04);
	margin-bottom: calc(var(--baseWidth)* 0.04);
	width: calc(100% / 2 - calc(var(--baseWidth)* 0.04));
}
.chara_thumb {
	border: 1px solid #353535;
	background: #fffbfc;
	box-sizing: border-box;
	text-align: center;
}
.chara_thumb img {
	margin-bottom: 7px;
	border-bottom: 1px solid #353535
}
.chara_thumb p:first-child {
	text-align: center;
	color: #ff4486;
	margin: 0;
	line-height: 1.2em;
	font-size: calc(var(--baseWidth) * 0.048);
}
/*chara_modal--------------------------------*/
.chara_modal {
	opacity: 0;
	pointer-events: none;
	background-color: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 14;
	overflow: hidden;
}
.chara_modal .modal_box {
	position: fixed;
	width: calc(var(--baseWidth) * 0.75);
	height: calc(var(--baseWidth) * 0.75 * 1.83);
	background: #fffafe;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: calc(var(--baseWidth) * 0.04);
	border: 2px solid #333;
}
.close {
	position: absolute;
	top: -1%;
	right: -1%;
	background-color: #000;
	border: 2px solid #fff;
	font-size: calc(var(--baseWidth) * 0.08);
	cursor: pointer;
	line-height: 1em;
	width: calc(var(--baseWidth)* 0.08);
	height: calc(var(--baseWidth)* 0.08);
	text-align: center;
}
.close:before, .close:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	background-color: #fff;
	transform: translateX(-50%);
}
.close:before {
	transform: translateX(-50%) rotate(45deg);
}

.close:after {
	transform: translateX(-50%) rotate(-45deg);
}
.chara_modal .modal_box .chara_data p:first-child {
	font-size: calc(var(--baseWidth) * 0.069);;
	margin-bottom: 2px;
	line-height: 1em;
}
.chara_modal .modal_box .chara_data p:last-child {
	font-size: calc(var(--baseWidth) * 0.037);
	margin-bottom: 0;
	line-height: 2em;
}
.chara_tag {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0 0 calc(var(--baseWidth)* 0.03);
}
.chara_thumb > div > .chara_tag {
	margin: 5px;
}
.chara_tag .tag {
	background-color: #ff4388;
	color: #fff;
	padding: calc(var(--baseWidth) * 0.013);
	border-radius: calc(var(--baseWidth)* 0.013);
	font-size: calc(var(--baseWidth) * 0.034);
	font-weight: bold;
	line-height: 1em;
}

#carousel2 {
	position: relative;
	font-size: 0;
	line-height: 0;
	width: 90%;
	margin: 0 auto calc(var(--baseWidth) * 0.04);
}
#carousel2 .carousel-view2 {
	overflow: hidden;
	position: relative;
}
#carousel2 .carousel-view2 .carousel-contents2 {
	position: relative;
	top: 0;
}
#carousel2 .carousel-view2 .carousel-contents2:after {
	clear: both;
	content:"";
	display: table;
}
#carousel2 .carousel-view2 .carousel-contents2 .item {
	float: left;
	display: inline;
	position: relative;
}
#carousel2 .carousel-view2 p.prev,
#carousel2 .carousel-view2 p.next {
	width: 25px;
	position: absolute;
	top: 44%;
	left: -2%;
}
#carousel2 .carousel-view2 p.next {
	left: auto;
	right: -2%;
}
#carousel2 .carousel-view2 p.prev a img,
#carousel2 .carousel-view2 p.next a img {
	width: 100%;
}
.carousel-contents2 .blur{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 50%);
}
.carousel-contents2 .blur div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	right: 0;
	left: 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: calc(var(--baseWidth) * 0.043);
	line-height: 1.5em;
}
.carousel-contents2 .blur div p {
	margin-bottom: calc(var(--baseWidth)* 0.1867);
	text-shadow: 0 0 10px black;
}
.thumbnails {
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	text-align: center;
}
.thumbnails .thumbnail-item {
	display: inline-block;
	margin: calc(var(--baseWidth)* 0.01);
	cursor: pointer;
	width: calc(var(--baseWidth)* .146);
	height: calc(var(--baseWidth)* .146);
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #000000;
	box-sizing: border-box;
	box-shadow: 2px 2px #000;
	background: #000;
}
.thumbnails .thumbnail-item.active {
	border: 3px solid #ff4388;
	box-shadow: 3px 3px #fff;
}
.more_btn {
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 82%;
	margin: auto;
	padding: 0.5em 0;
	font-weight: bold;
	border: 2px solid #fff;
	background: #ff4388;
	color: #ffee6b;
	border-radius: calc(var(--baseWidth) * 0.1);
	box-shadow: 0px 0px 10px 0px #333333;
	overflow: hidden;
}
.more_btn:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: 0;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #ffb5d4;
	transition: 300ms;
	animation: btn_shiny 2s ease-in-out infinite;
}
@keyframes btn_shiny {
	0% {transform: scale(0) rotate(45deg); opacity: 0; }
	80% {transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% {transform: scale(2) rotate(45deg); opacity: 1; }
	100% {transform: scale(25) rotate(45deg); opacity: 0; }
}

.more_btn span,
.cv_btn a span {
	font-size: calc(var(--baseWidth) * 0.032);
	line-height: 1.5em;
	color: #fff;
}
.cv_btn {
	border: 2px solid #a440ff;
	border-radius: 10px;
	box-shadow: 0px 4px 0px 0px #490081;
	animation: btn_move 1.4s ease-in 0s infinite alternate forwards;
	margin: calc(var(--baseWidth) * 0.04);
}
.cv_btn a {
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 0.5em 0;
	font-weight: bold;
	border: 2px solid #fff;
	background: #a440ff;
	color: #ffee6b;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: calc(var(--baseWidth) * 0.048);
	line-height: 1.5em;
}
@keyframes btn_move {
	0% {transform: scale(1); }
	50% {transform: scale(1.05);}
	100% {transform: scale(1); }
}

/*banner--------------------------------*/
.banner{
	position: relative;
	margin: calc(var(--baseWidth)* 0.1) calc(var(--baseWidth)* 0.04) calc(var(--baseWidth)* 0.04)
}
.banner a{
	position: absolute;
}


/*info_box--------------------------------*/
#content.info{
	max-width: 500px;
	margin: 0 auto;
	opacity: 1;
	background: #fff;
}
#info_box {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0px auto 100px auto;
	width: 94%;
	font-size: 13px;
}
#info_box th {
	width: 100px;
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
#info_box td {
	width: auto;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*common--------------------------------*/
a,
a.btn_link{
	display: block;
	z-index: 1;
}
img,
video{
	width:100%;
	display: block;
}
.center{
	text-align: center;
}
.blue{
	color: #409cff;
}
.orange{
	color: #ff9140;
}
.green{
	color: #32d95f;
}
.purple{
	color: #a440ff;
}
.txt20{
	font-size:20px;
	line-height: 1.4em;
}

/*comi1spl--------------------------------**/
#spl_content{
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	max-width:600px;
	height: 100%;
	z-index: 11;
	
	animation-name: spl_blur;
	animation-duration: .8s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	
	-webkit-animation-name: spl_blur;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	
	-moz-animation-name: spl_blur;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
}
@keyframes spl_blur {
0% {backdrop-filter: blur(0);}100% {backdrop-filter: blur(5px);}
}
@-webkit-keyframes spl_blur {
0% {-webkit-backdrop-filter: blur(0);}100% {-webkit-backdrop-filter: blur(5px);}
}
@-moz-keyframes spl_blur {
0% {-moz-backdrop-filter: blur(0);}100% {-moz-backdrop-filter: blur(5px);}
}
#spl_content video{
	display: none;
}
#spl_content.spl002 video{
	display: block;
}
.splmain_txt{
	display: none;
	position: absolute;
	z-index: 12;
	width:100%;
}
.spl_alert{
	display: none;
	position: absolute;
	margin-top: 10%;
	z-index: 12;
	width:100%;
}
.splmain_txt.animate1{
	top:30%;
	display:block;
	transform: rotate(0deg) scale(1);
	
	animation-name: spl_txt;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	
	-webkit-animation-name: spl_txt;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	
	-moz-animation-name: spl_txt;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
}

@keyframes spl_txt {
0% {transform: rotate(-30deg) scale(0.2);}
30% {transform: rotate(20deg) scale(1.2);}
32% {transform: rotate(0deg) scale(1.3);}
34% {transform: rotate(15deg) scale(1.4);}
38% {transform: rotate(2deg) scale(1.5);}
42% {transform: rotate(12deg) scale(1.6);}
46% {transform: rotate(5deg) scale(1.7);}
50% {transform: rotate(10deg) scale(1.8);}
54% {transform: rotate(5deg) scale(1.9);}
58% {transform: rotate(10deg) scale(2);}
70% {transform: rotate(5deg) scale(.9);}
72% {transform: rotate(4deg) scale(1.1);}
74% {transform: rotate(3deg) scale(.95);}
76% {transform: rotate(2deg) scale(1.05);}
78% {transform: rotate(1deg) scale(.98);}
80% {transform: rotate(0deg) scale(1);}
100% {transform: rotate(0deg) scale(1);}
}
@-webkit-keyframes spl_txt {
0% {-webkit-transform: rotate(-30deg) scale(0.2);}
30% {-webkit-transform: rotate(20deg) scale(1.2);}
32% {-webkit-transform: rotate(0deg) scale(1.3);}
34% {-webkit-transform: rotate(15deg) scale(1.4);}
38% {-webkit-transform: rotate(2deg) scale(1.5);}
42% {-webkit-transform: rotate(12deg) scale(1.6);}
46% {-webkit-transform: rotate(5deg) scale(1.7);}
50% {-webkit-transform: rotate(10deg) scale(1.8);}
54% {-webkit-transform: rotate(5deg) scale(1.9);}
58% {-webkit-transform: rotate(10deg) scale(2);}
70% {-webkit-transform: rotate(5deg) scale(.9);}
72% {-webkit-transform: rotate(4deg) scale(1.1);}
74% {-webkit-transform: rotate(3deg) scale(.95);}
76% {-webkit-transform: rotate(2deg) scale(1.05);}
78% {-webkit-transform: rotate(1deg) scale(.98);}
80% {-webkit-transform: rotate(0deg) scale(1);}
100% {-webkit-transform: rotate(0deg) scale(1);}
}
@-moz-keyframes spl_txt {
0% {-moz-transform: rotate(-30deg) scale(0.2);}
30% {-moz-transform: rotate(20deg) scale(1.2);}
32% {-moz-transform: rotate(0deg) scale(1.3);}
34% {-moz-transform: rotate(15deg) scale(1.4);}
38% {-moz-transform: rotate(2deg) scale(1.5);}
42% {-moz-transform: rotate(12deg) scale(1.6);}
46% {-moz-transform: rotate(5deg) scale(1.7);}
50% {-moz-transform: rotate(10deg) scale(1.8);}
54% {-moz-transform: rotate(5deg) scale(1.9);}
58% {-moz-transform: rotate(10deg) scale(2);}
70% {-moz-transform: rotate(5deg) scale(.9);}
72% {-moz-transform: rotate(4deg) scale(1.1);}
74% {-moz-transform: rotate(3deg) scale(.95);}
76% {-moz-transform: rotate(2deg) scale(1.05);}
78% {-moz-transform: rotate(1deg) scale(.98);}
80% {-moz-transform: rotate(0deg) scale(1);}
100% {-moz-transform: rotate(0deg) scale(1);}
}

.splmain_txt.animate2{
	top:-15%;
	display:block;
	
	animation-name: spl_txt_up;
	animation-duration: .3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	
	-webkit-animation-name: spl_txt_up;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	
	-moz-animation-name: spl_txt_up;
	-moz-animation-duration: .3s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
}
@keyframes spl_txt_up {
0% {top:0%;}100% {top:-15%;}
}
@-webkit-keyframes spl_txt_up {
0% {top:0%;}100% {top:-15%;}
}
@-moz-keyframes spl_txt_up {
0% {top:0%;}100% {top:-15%;}
}

#spl_content.spl_cont2img video{
	top:35%;
}
.spl_cont2img .splmain_txt.animate2{
	top:10%;
	animation-name: spl_txt_up2;
	-webkit-animation-name: spl_txt_up2;
	-moz-animation-name: spl_txt_up2;
}
@keyframes spl_txt_up2 {
0% {top:30%;}100% {top:10%;}
}
@-webkit-keyframes spl_txt_up2 {
0% {top:30%;}100% {top:10%;}
}
@-moz-keyframes spl_txt_up2 {
0% {top:30%;}100% {top:10%;}
}

.spl_alert.animate1{
	display:block;
	top:73%;
	opacity: 1;
	
	animation-name: spl_alert;
	animation-duration: .5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	
	-webkit-animation-name: spl_alert;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	
	-moz-animation-name: spl_alert;
	-moz-animation-duration: .5s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
}
@keyframes spl_alert {
0% {top:50%;opacity: 0;}100% {top:75%;opacity: 1;}
}
@-webkit-keyframes spl_alert {
0% {top:50%;opacity: 0;}100% {top:75%;opacity: 1;}
}
@-moz-keyframes spl_alert {
0% {top:50%;opacity: 0;}100% {top:75%;opacity: 1;}
}
.spl_alert.animate2{
	display:block;
	top:75%;
	
	animation-name: spl_alert_updpwm;
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	
	-webkit-animation-name: spl_alert_updpwm;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	
	-moz-animation-name: spl_alert_updpwm;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
}
@keyframes spl_alert_updpwm {
0% {top:75%;}100% {top:78%;}
}
@-webkit-keyframes spl_alert_updpwm {
0% {top:75%;}100% {top:78%;}
}
@-moz-keyframes spl_alert_updpwm {
0% {top:75%;}100% {top:78%;}
}

#spl_content video.animate1{
	width:80%;
	margin:0 10%;
	transform: scale(1);
	display: block;
	
	animation-name: spl_video;
	animation-duration: .5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	
	-webkit-animation-name: spl_video;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	
	-moz-animation-name: spl_video;
	-moz-animation-duration: .5s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
}
@keyframes spl_video {
0% {transform: scale(0.05); filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
50% {transform: scale(0.02,0.3);filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
65% {transform: scale(1, 0.05);filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
100% {transform: scale(1); filter: blur(0px) brightness(100%) contrast(100%) opacity(1);}
}
@-webkit-keyframes spl_video {
0% {-webkit-transform: scale(0.05); -webkit-filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
50% {-webkit-transform: scale(0.02,0.3);-webkit-filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
65% {-webkit-transform: scale(1, 0.05);-webkit-filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
100% {-webkit-transform: scale(1); -webkit-filter: blur(0px) brightness(100%) contrast(100%) opacity(1);}
}
@-moz-keyframes spl_video {
0% {-moz-transform: scale(0.05); -moz-filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
50% {-moz-transform: scale(0.02,0.3);-moz-filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
65% {-moz-transform: scale(1, 0.05);-moz-filter: blur(5px) brightness(150%) contrast(150%) opacity(.5);}
100% {-moz-transform: scale(1); -moz-filter: blur(0px) brightness(100%) contrast(100%) opacity(1);}
}

.spl_close{
	position: absolute;
	top:8px;
	right: 8px;
	width:32px;
	line-height: 32px;
	background: #D10003;
	border:2px solid #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	text-align: center;
	font-size:24px;
	border-radius: 8px;
	font-weight: bold;
	z-index: 13;
}

#spl_content_area{
	position:relative;
	top: 25%;
}
.spl002 #spl_content_area{
	top: 0;
}
#spl_content > p{
	font-size:12px;
	font-family: 'M PLUS 1p', sans-serif;
	text-shadow: 1px 1px 0px rgba(0,0,0,.9);
	color: #fff;
	position: absolute;
	top:0;
	left:1%;
}
@media screen and (min-width: 600px) {
#spl_content{
	width: 800px;
	max-width: 800px;
	left:calc(50% - 400px);
}
#spl_content_area{
	width:500px;
	margin:0 auto;
}
#spl_content.spl002{
	width: 800px;
	max-width: 800px;
	left:calc(50% - 400px);
	background-color: rgba(255, 255, 255, 0.5);
}
#spl_content.spl002 > #spl_content_area{
	width:auto;
}
#spl_content video{
	width:600px;
	margin:0 auto;
}
}