@charset "utf-8";
img {
    image-rendering: -webkit-optimize-contrast;
}
.fitW {
	width:100%;
}
@media screen and (min-width: 768px)  {
.over {
	-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	opacity:1.0;
}
.over:hover {
	-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	opacity:0.8;
}
}
.mt1 {
	margin-top: 10px!important;
}
.mt2 {
	margin-top: 20px!important;
}
.mt3 {
	margin-top: 30px!important;
}
.mt3b {
	margin-top: 30px!important;
}
.mt4 {
	margin-top: 40px!important;
}
.mt4b {
	margin-top: 40px!important;
}
.mt5 {
	margin-top: 50px!important;
}
.mt6 {
	margin-top: 60px!important;
}
.mt6b {
	margin-top: 60px!important;
}
.mt6c {
	margin-top: 0px!important;
}
.mt8 {
	margin-top: 60px!important;
}
.mt10 {
	margin-top: 100px!important;
}
.mb1 {
	margin-bottom: 10px!important;
}
.mb2 {
	margin-bottom: 20px!important;
}
.mb3 {
	margin-bottom: 30px!important;
}
.mb4 {
	margin-bottom: 40px!important;
}
.mb5 {
	margin-bottom: 50px!important;
}
.mb6 {
	margin-bottom: 60px!important;
}
.mb10 {
	margin-bottom: 100px!important;
}
.pt1 {
	padding-top: 10px!important;
}
.pt2 {
	padding-top: 20px!important;
}
.pt3 {
	padding-top: 30px!important;
}
.pt4 {
	padding-top: 40px!important;
}
.pt5 {
	padding-top: 50px!important;
}
.pt6 {
	padding-top: 60px!important;
}
.pt7 {
	padding-top: 70px!important;
}
.pt8 {
	padding-top: 80px!important;
}
.pt9 {
	padding-top: 90px!important;
}
.pt10 {
	padding-top: 100px!important;
}
.pt20 {
	padding-top: 200px!important;
}
.pb1 {
	padding-bottom: 10px!important;
}
.pb2 {
	padding-bottom: 20px!important;
}
.pb3 {
	padding-bottom: 30px!important;
}
.pb4 {
	padding-bottom: 40px!important;
}
.pb5 {
	padding-bottom: 50px!important;
}
.pb6 {
	padding-bottom: 60px!important;
}
.pb7 {
	padding-bottom: 70px!important;
}
.pb8 {
	padding-bottom: 80px!important;
}
.pb9 {
	padding-bottom: 90px!important;
}
.pb10 {
	padding-bottom: 100px!important;
}
.pb20 {
	padding-bottom: 200px!important;
}
.mr0 {
	
}

/*------------------------------------------------------------------------------
								ANIMATION
------------------------------------------------------------------------------*/
/*スケールダウン*/
.fromBottomOut {
	transform: translate(0,20px);
	opacity: 0.0;
}
.fromBottomIn {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomSplashOut {
	transform: translate(0,20px);
	opacity: 0.0;
}
.fromBottomSplashIn {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
/*スケールダウン*/
.scaleDownOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.5);
	opacity: 0.0;
}
.bg1Out {
	transform-origin: top right;
	transform: translate(0px, 0px) rotate(0deg) scaleX(0.5);
	opacity: 0.0;
}
.bg1In {
	transform-origin: top right;
	-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(0px, 0px) rotate(0deg) scaleX(1.0);
	opacity: 1.0;
}
.bg2Out {
	transform-origin: top left;
	transform: translate(0px, 0px) rotate(0deg) scaleX(0.5);
	opacity: 0.0;
}
.bg2In {
	transform-origin: top left;
	-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(0px, 0px) rotate(0deg) scaleX(1.0);
	opacity: 1.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: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
/*スケールアップ*/
.scaleUpOut {
	transform: translate(0px, 0px) rotate(0deg) scale(0.8);
	opacity: 0.0;
}
.scaleUpIn {
	-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(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}

.scaleUpLogoOut {
	transform: translate(0px, 0px) rotate(0deg) scale(0.6);
	opacity: 0.0;
}
.scaleUpLogoIn {
	-webkit-transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpLogoOut2 {
	transform: translate(0px, 0px) rotate(0deg) scale(1.25);
	opacity: 0.0;
}
.scaleUpLogoIn2 {
	-webkit-transition: all 2s cubic-bezier(0.7, 0, 0.84, 0);
	transition: all 2s cubic-bezier(0.7, 0, 0.84, 0);
	transform: translate(0px, 0px) rotate(0deg) scale(1.25);
	opacity: 0.0;
}

.scaleUpLogoOut3 {
	transform: translate(0px, 0px) rotate(0deg) scale(0.6);
	opacity: 0.0;
}
.scaleUpLogoIn3 {
	-webkit-transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.alphaOut {
	opacity: 0.0;
}
.alphaIn {
	-webkit-transition: all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 1.0;
}
.fix {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	-webkit-transition: all 0.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 1.0;
}
/*-------------------------------------- リセット--------------------------------------*/
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;
	margin: 0;
	padding: 0;
}
html{
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}

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

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; }

li { list-style-type: none; }

img { vertical-align: bottom; }


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

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

a:hover {
text-decoration:none;
color:#5e7074;
}

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


/*-------------------------------------- 回り込み--------------------------------------*/
.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;
}

body {
	-webkit-text-size-adjust: 100%;
}

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

@media screen and (max-width: 767px) {
.loadingWrap .loadingWrapWaku img{
	width:60px;
	height:60px;
    margin-top: -30px;
    margin-left: -30px;
}

.mt1 {
	margin-top: 2vw!important;
}
.mt2 {
	margin-top: 4vw!important;
}
.mt3 {
	margin-top: 6vw!important;
}
.mt3b {
	margin-top: 3vw!important;
}
.mt4 {
	margin-top: 8vw!important;
}
.mt4b {
	margin-top: 4vw!important;
}
.mt5 {
	margin-top: 10vw!important;
}
.mt6 {
	margin-top: 4vw!important;
}
.mt6b {
	margin-top: 6vw!important;
}
.mt6c {
	margin-top: 6vw!important;
}
.mt8 {
	margin-top: 10vw!important;
}
.mt10 {
	margin-top: 20vw!important;
}
.mb1 {
	margin-bottom: 2vw!important;
}
.mb2 {
	margin-bottom: 4vw!important;
}
.mb3 {
	margin-bottom: 6vw!important;
}
.mb4 {
	margin-bottom: 8vw!important;
}
.mb5 {
	margin-bottom: 10vw!important;
}
.mb6 {
	margin-bottom: 12vw!important;
}
.mb10 {
	margin-bottom: 20vw!important;
}
.pt1 {
	padding-top: 2vw!important;
}
.pt2 {
	padding-top: 4vw!important;
}
.pt3 {
	padding-top: 6vw!important;
}
.pt4 {
	padding-top: 8vw!important;
}
.pt5 {
	padding-top: 10vw!important;
}
.pt6 {
	padding-top: 12vw!important;
}
.pt7 {
	padding-top: 14vw!important;
}
.pt8 {
	padding-top: 16vw!important;
}
.pt9 {
	padding-top: 18vw!important;
}
.pt10 {
	padding-top: 20vw!important;
}
.pt20 {
	padding-top: 40vw!important;
}
.pb1 {
	padding-bottom: 2vw!important;
}
.pb2 {
	padding-bottom: 4vw!important;
}
.pb3 {
	padding-bottom: 6vw!important;
}
.pb4 {
	padding-bottom: 8vw!important;
}
.pb5 {
	padding-bottom: 10vw!important;
}
.pb6 {
	padding-bottom: 12vw!important;
}
.pb7 {
	padding-bottom: 14vw!important;
}
.pb8 {
	padding-bottom: 16vw!important;
}
.pb9 {
	padding-bottom: 18vw!important;
}
.pb10 {
	padding-bottom: 20vw!important;
}
.pb20 {
	padding-bottom: 40vw!important;
}
.mr0 {
	margin-right: 0px!important;
}
}