@charset "utf-8";

/* リセット用CSS */

/*-----------------------------------------------------
RESET
-------------------------------------------------------*/
*, *:before, *:after {
	box-sizing: border-box;
}

body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

::selection {
	background: #1d2087;
	color: #FFF;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ 
	display:block;
}

ul,ol,li,dl,dt,dd{
	list-style-type:none;
	list-style-position:outside;
}

a{
	color: inherit;
	margin: 0;
	padding: 0;
	background: transparent;
	display: block;
}

blockquote,q{
	quotes:none;
}

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

mark{
	background-color:#ff9;
	color:#000; 
	font-style:normal;
	font-weight:bold;
}

ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

abbr[title],dfn[title]{
	border-bottom:1px dotted;
	cursor:help;
}

table,th,td{
	vertical-align: middle;
	border-collapse:collapse;
	border-spacing:0;
}

fieldset{
	border:none;
}

img{
	border:0;
	vertical-align:top;
}

hr{
	display:none;
	clear:both;
}

br{
	letter-spacing:0;
}

/* form */
button,fieldset,form,input,label,legend,select,textarea{
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	font-size:1rem;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

select{
	padding:2px;
}

input,select{
	vertical-align:middle;
}



/* ---------------------------------------------------------------- EFFECT -- */
.effectPom{
	-webkit-animation: title3 400ms;
	animation: title3 400ms
}

@-webkit-keyframes title3 {
	50% { -webkit-transform: scale(1.25); }
}

@keyframes title3 {
	50% { transform: scale(1.25); }
}


.effectTon{
	opacity: 1 !important;
	-webkit-animation: effectTon 2000ms infinite;
					animation: effectTon 2000ms infinite;
	position: relative;
}

@-webkit-keyframes effectTon {
		0% { bottom:	0px; }
	 80% { bottom:	5px; }
	100% { bottom:	0px; }
}

@keyframes effectTon {
	 0% { bottom:	0px; }
	 80% { bottom:	5px; }
	100% { bottom:	0px; }
}


.effectSlideInLeft{
	opacity: 1 !important;
	-webkit-animation: SlideInLeft 600ms;
					animation: SlideInLeft 600ms;
	position: relative;
	transition: all 0.5s linear;
}

@-webkit-keyframes SlideInLeft {
	0% { left: -56px; }
	100% { left: 0; }
}

@keyframes SlideInLeft {
	0% { left: -56px; }
	100% { left: 0; }
}


.effectSlideInRight{
	opacity: 1 !important;
	-webkit-animation: SlideInRight 600ms;
					animation: SlideInRight 600ms;
	position: relative;
	transition: all 0.5s linear;
}

@-webkit-keyframes SlideInRight {
	0% { right: -56px; }
	100% { right: 0; }
}

@keyframes SlideInRight {
	0% { right: -56px; }
	100% { right: 0; }
}


.effectSlideInBottom{
	opacity: 1 !important;
	-webkit-animation: SlideInBottom 600ms;
					animation: SlideInBottom 600ms;
	position: relative;
	transition: all 0.5s linear;
}

@-webkit-keyframes SlideInBottom {
	0% { bottom: -20px; }
	100% { bottom: 0; }
}

@keyframes SlideInBottom {
	0% { bottom: -20px; }
	100% { bottom: 0; }
}

.SlideInBottomChild .effectSlideInBottom:nth-of-type(1){ transition-delay: 0.1s; animation-delay: 0.1s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(2){ transition-delay: 0.3s; animation-delay: 0.3s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(3){ transition-delay: 0.5s; animation-delay: 0.5s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(4){ transition-delay: 0.7s; animation-delay: 0.7s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(5){ transition-delay: 0.9s; animation-delay: 0.9s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(6){ transition-delay: 1.1s; animation-delay: 1.1s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(7){ transition-delay: 1.3s; animation-delay: 1.3s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(8){ transition-delay: 1.5s; animation-delay: 1.5s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(9){ transition-delay: 1.7s; animation-delay: 1.7s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(10){ transition-delay: 1.9s; animation-delay: 1.9s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(11){ transition-delay: 2.1s; animation-delay: 2.1s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(12){ transition-delay: 2.3s; animation-delay: 2.3s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(13){ transition-delay: 2.5s; animation-delay: 2.5s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(14){ transition-delay: 2.7s; animation-delay: 2.7s; }
.SlideInBottomChild .effectSlideInBottom:nth-of-type(15){ transition-delay: 2.9s; animation-delay: 2.9s; }


.effectfadeIn{
	opacity: 1 !important;
	transition: all 0.5s linear;
}

@keyframes fade-in {
	  0% { opacity: 0; }
	  1% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fade-out {
	  0% { opacity: 1; }
	  1% { opacity: 1; }
	100% { opacity: 0; }
}





.effectRotate{
	animation: effectRotate 10s linear infinite;
}

@-webkit-keyframes effectRotate {
	100% { transform: rotate(360deg); }
}

@keyframes effectRotate {
	100% { transform: rotate(360deg); }
}



.effectFadeZoomChild span{
	display: inline-block;
	transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
	opacity: 0;
	transform: scale(1.2);
}

.effectFadeZoomChild span:nth-child( 1){ transition-delay: 0s; }
.effectFadeZoomChild span:nth-child( 2){ transition-delay: 0.05s; }
.effectFadeZoomChild span:nth-child( 3){ transition-delay: 0.1s; }
.effectFadeZoomChild span:nth-child( 4){ transition-delay: 0.15s; }
.effectFadeZoomChild span:nth-child( 5){ transition-delay: 0.2s; }
.effectFadeZoomChild span:nth-child( 6){ transition-delay: 0.25s; }
.effectFadeZoomChild span:nth-child( 7){ transition-delay: 0.3s; }
.effectFadeZoomChild span:nth-child( 8){ transition-delay: 0.35s; }
.effectFadeZoomChild span:nth-child( 9){ transition-delay: 0.4s; }
.effectFadeZoomChild span:nth-child(10){ transition-delay: 0.45s; }
.effectFadeZoomChild span:nth-child(11){ transition-delay: 0.5s; }
.effectFadeZoomChild span:nth-child(12){ transition-delay: 0.55s; }
.effectFadeZoomChild span:nth-child(13){ transition-delay: 0.6s; }
.effectFadeZoomChild span:nth-child(14){ transition-delay: 0.65s; }
.effectFadeZoomChild span:nth-child(15){ transition-delay: 0.7s; }
.effectFadeZoomChild span:nth-child(16){ transition-delay: 0.75s; }
.effectFadeZoomChild span:nth-child(17){ transition-delay: 0.8s; }
.effectFadeZoomChild span:nth-child(18){ transition-delay: 0.85s; }
.effectFadeZoomChild span:nth-child(19){ transition-delay: 0.9s; }
.effectFadeZoomChild span:nth-child(20){ transition-delay: 0.95s; }
.effectFadeZoomChild span:nth-child(21){ transition-delay: 1.0s; }
.effectFadeZoomChild span:nth-child(22){ transition-delay: 1.05s; }


.effectFadeZoomChild p.effect span{
	opacity: 1;
	transform: scale(1);
}




@-webkit-keyframes flipInX {
from {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0;
}

40% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

60% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	opacity: 1;
}

80% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}

@keyframes flipInX {
from {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0;
}

40% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

60% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	opacity: 1;
}

80% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}