@charset "utf-8";

/**  default.css Menu *********************************************

  ・基本設定

*******************************************************************/
iframe {
	height:0px;
	position:absolute;
	bottom:0px;
}

/*-------------------------------------- リセット--------------------------------------*/
body, div, td, p, ul, ol, dl, dd, img, form, h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
}

/* --------------------------------------基本--------------------------------------*/
*{
	outline: none;
}
html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

body {
	*font: x-small;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background:#1d1d1e;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8em;
	-webkit-font-smoothing: antialiased;
}

table {
border-collapse: collapse;
font-size: inherit;
font: 100%;
}

h1, h2, h3, h4, h5 {
font:100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*font:x-small;
font-weight:bold;
}

th, td {
	border-collapse: collapse;
	text-indent: 1em;
}
th  {
	padding: 2px 0;
	text-align: left;
}
td  {
	padding: 2px 0;
	text-align: left;
}

ul, ol { list-style-type: none; }

img { vertical-align: bottom; }


/*-------------------------------------- リンク色--------------------------------------*/
a:link {
text-decoration:none;
color:#e60012;
}

a:visited {
text-decoration:none;
color:#e60012;
}

a:hover {
color:#ff0014;
}

a:active {
text-decoration:none;
color:#e60012;
}

/*-------------------------------------- 回り込み--------------------------------------*/
.floatright {
display: block;
float: right;
}

.floatleft {
display: block;
float: left;
}

/*-------------------------------------- 回り込み解除--------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-block; }

/*\*/
* html .clearfix { height:1%; }

.clearfix { display:block; }

/**/

/*-------------------------------------- ボールド--------------------------------------*/
.txtbold { font-weight: bold; }

/*-------------------------------------- 行揃え--------------------------------------*/
.alignleft { text-align: left; }

.alignright { text-align: right; }

.aligncenter { text-align: center; }
#qLpercentage{
	font: 10px 'Electrolize', sans-serif;
}


/*---------------------------------- LOADING ----------------------------------*/
.loadingWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index:999998;
}
.loadingWrapWaku{
    width: 100%;
    height: 100%;
	background:#000;
    position: relative;
	margin:0;
}
.loadingWrap .loadingWrapWaku img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
}

#contents #logo {
	width:360px;
	height:360px;
	position:absolute;
	top:0px;
	left:0px;
}
#contents #btnTop {
	margin:50px 30px 0 0;
	position:absolute;
	right:0px;
	top:0px;
}


/*--------------------------------------	ANIMATION	--------------------------------------*/

/**
 * Animations
 */

.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-20px);
	opacity: 0.0;
}

.fromBottomIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,20px);
	opacity: 0.0;
}

.fromLeftIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(-20px,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(20px, 0);
	opacity: 0.0;
}

.scaleUpIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.1,1.1);
	opacity: 0.0;
}


.scaleUpOut2
{	
	transform: scale(0.5,0.5);
	opacity: 1.0;
}
.scaleUpIn2
{
	-webkit-transition: all 1.0s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 1.0s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut3
{	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleUpIn3
{
	-webkit-transition: all 0.6s cubic-bezier(0.32, 0, 0.67, 0);
	transition: all 0.6s cubic-bezier(0.32, 0, 0.67, 0);
	transform: scale(1.15,1.15);
	opacity: 0.0;
}


.scaleDownIn
{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transform: scale(0.9,0.9);
	opacity: 0.0;
}

.scaleDownOut2
{
	transform: scale(1.1,1.1);
	opacity: 1.0;
}
.scaleDownIn2
{
	-webkit-transition: all 3s cubic-bezier(0.61, 1, 0.88, 1);
	transition: all 3s cubic-bezier(0.61, 1, 0.88, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}


.mainImgUpOut {
	transform: scale(1.8,1.8);
}
.mainImgUpIn {
	-webkit-transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	transform: scale(1.0,1.0);
}
.logoDownOut {
	transform: scale(0.8,0.8);
	opacity: 1.0;
}
.logoDownIn {
	-webkit-transition: all 1.0s cubic-bezier(0.83, 0, 0.17, 1);
	transition: all 1.0s cubic-bezier(0.83, 0, 0.17, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.mizuDownOut {
	transform: scale(0.0,1.0);
	opacity: 1.0;
}
.mizuDownIn {
	-webkit-transition: all 1.0s cubic-bezier(0.83, 0, 0.17, 1);
	transition: all 1.0s cubic-bezier(0.83, 0, 0.17, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.nameBottomOut {
	transform: translate(0,30px);
	opacity: 1.0;
}
.nameBottomIn {
	-webkit-transition: all 1.0s cubic-bezier(0.65, 0, 0.35, 1);
	transition: all 1.0s cubic-bezier(0.65, 0, 0.35, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
.midashiBottomOut
{
	transform: translate(0,20px);
	opacity: 0.0;
}
.midashiBottomIn
{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}

.imgBottomOut
{
	transform: translate(0,20px);
	opacity: 0.0;
}
.imgBottomIn
{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}

.imgRightOut
{
	transform: translate(20px,0px);
	opacity: 0.0;
}
.imgRightIn
{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
.imgLeftOut
{
	transform: translate(-20px,0px);
	opacity: 0.0;
}
.imgLeftIn
{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}

.imgTopOut
{
	transform: translate(0,-40px);
	opacity: 0.0;
}
.imgTopIn
{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
.alphaOut
{
	opacity: 0.0;
}
.alphaIn
{
	-webkit-transition: all 0.6s cubic-bezier(0.11, 0, 0.5, 0);
	transition: all 0.6s cubic-bezier(0.11, 0, 0.5, 0);
	opacity: 1.0;
}

.bnrDownOut {
	transform: scale(0.7,0.7);
	opacity: 0.0;
}
.bnrDownIn {
	transition: all 0.5s ease;
	transform: scale(1.0,1.0) ;
	opacity: 1.0;
}
.illFromLeftIn
{
	transition: transform 0.5s ease, opacity 1.0s ease;
	transform: translate(0,0) rotate(0deg);
	opacity: 1.0;
}

.illFromLeftOut
{	
	transform: translate(-180px, -40px) rotate(-60deg);
	opacity: 0.0;
}

.illFromRightIn
{
	transition: transform 0.5s ease, opacity 1.0s ease;
	transform: translate(0,0) rotate(0deg);
	opacity: 1.0;
}

.illFromRightOut
{
	transform: translate(180px, -40px) rotate(60deg);
	opacity: 0.0;
}
.fukiUpOut
{	
	transform: scale(0.25,0.25);
	opacity: 0.0;
}
.fukiUpIn
{
	-webkit-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}