h1,h2,h3,h4 {
	font-size:1px;
	text-indent:-999999px;
}
.fit {width:100%;height:100%;}
.fitW {width:100%;}
.fitH {height:100%;}


/*------------------------------------------------------------------------------
								KIHON
------------------------------------------------------------------------------*/
body {
	width:100%;
	height:100%;
	-webkit-font-smoothing: antialiased;
}
.bodyOut {
	background:#f5efe5;
}
.bodyIn {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	background:#f5efe5;
}
img{
-webkit-backface-visibility: hidden;
}

@media screen and (min-width: 1500px) {/*80パーセント*/

/*------------------------------------------------------------------------------
								MAIN WRAPPER
------------------------------------------------------------------------------*/

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
	min-width:1500px;
	max-width:1860px;
	margin:0 auto;
	background:#f5efe5;
}
#mainWrapper {
	width:100%;
	height:100%;
	min-height:1190px;
	max-height:1190px;
	position:relative;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom:120px;
}
#mainImgArea {
	overflow:hidden;
	width:100%;
	height:100%;
	min-height:1190px;
	position:absolute;
	top: 0px;
	left: 0px;
}
#mainImgArea .mainImg {
	width:1860px;
	height:1190px;
	position:absolute;
}
#mainImgArea .mainImg #mainImgBox {
	width:1860px;
	height:1190px;
}
#mainImgArea #mainImg1 {
	background:url(../img/main_img_new1.jpg) no-repeat center center;
	top: 50%;
	left: 50%;
	margin:-595px 0 0 -930px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg2 {
	background:url(../img/main_img_new2.jpg) no-repeat center center;
	top: 50%;
	left: 50%;
	margin:-595px 0 0 -930px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg3 {
	background:url(../img/main_img_new3.jpg) no-repeat center center;
	top: 50%;
	left: 50%;
	margin:-595px 0 0 -930px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg4 {
	background:url(../img/main_img_new4.jpg) no-repeat center top;
	top: 0px;
	left: 50%;
	margin:0px 0 0 -930px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg5 {
	background:url(../img/main_img_new5.jpg) no-repeat center top;
	top: 0px;
	left: 50%;
	margin:0px 0 0 -930px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #triming1 {
	width:1860px;
	height:130px;
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:url(../img/trimming1.png) no-repeat center center;
	background-size:cover;
	z-index:100;
}
#mainImgArea #triming2 {
	width:1860px;
	height:130px;
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:url(../img/trimming2.png) no-repeat center center;
	background-size:cover;
	z-index:100;
}
#mainImgArea .triming1Out {
	top:-130px;
}
#mainImgArea .triming2Out {
	bottom:-130px;
}

#mainImgArea .triming1In {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	top:-1px;
}
#mainImgArea .triming2In {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	bottom:-1px;
}
#mainImgArea .triming1In2 {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	top:-1px;
}
#mainImgArea .triming2In2 {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	bottom:-1px;
}
#wrapper #logo {
	width:1220px;
	height:220px;
	position:absolute;
	left:50%;
	margin-left:-610px;
	background:url(../img/logo_new2.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	top:50%;
	margin-top:460px;
	z-index:100;
}
#wrapper #logoStart {
	width:1000px;
	height:180px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	background:url(../img/logo_new2.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	top:30px;
}
#wrapper #copy1 {
	width:170px;
	height:480px;
	position:absolute;
	top:50%;
	margin-top:-500px;
	right:0px;
	background:url(../img/copy1.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy2 {
	width:170px;
	height:640px;
	position:absolute;
	top:50%;
	margin-top:-400px;
	left:0px;
	background:url(../img/copy2.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy1b {
	width:180px;
	height:800px;
	position:absolute;
	top:50%;
	margin-top:-500px;
	right:0px;
	background:url(../img/copy1b.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy2b {
	width:180px;
	height:800px;
	position:absolute;
	top:50%;
	margin-top:-400px;
	left:0px;
	background:url(../img/copy2b.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy3 {
	width:110px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:230px;
	margin-top:-180px;
	background:url(../img/copy_new.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}

#wrapper #menuIcon {
	width:200px;
	height:36px;
	position:absolute;
	top:38px;
	left:38px;
	z-index:100;
}
}

/*@media screen and (max-width: 1499px) , screen and (max-height: 1080px) {*//*80パーセント*/
@media screen and (max-width: 1499px) {/*80パーセント*/

/*------------------------------------------------------------------------------
								MAIN WRAPPER
------------------------------------------------------------------------------*/

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
	min-width:1200px;
	max-width:1488px;
	margin:0 auto;
}
#mainWrapper {
	width:100%;
	height:100%;
	min-height:952px;
	max-height:952px;
	position:relative;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom:96px;
}
#mainImgArea {
	overflow:hidden;
	width:100%;
	height:100%;
	min-height:952px;
	position:absolute;
	top: 0px;
	left: 0px;
}
#mainImgArea .mainImg {
	width:1488px;
	height:952px;
	position:absolute;
	background-size:cover;
}
#mainImgArea .mainImg #mainImgBox {
	width:1488px;
	height:952px;
}
#mainImgArea #mainImg1 {
	background:url(../img/main_img_new1.jpg) no-repeat center center;
	top: 50%;
	left: 50%;
	margin:-476px 0 0 -744px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg2 {
	background:url(../img/main_img_new2.jpg) no-repeat center center;
	top: 50%;
	left: 50%;
	margin:-476px 0 0 -744px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg3 {
	background:url(../img/main_img_new3.jpg) no-repeat center center;
	top: 50%;
	left: 50%;
	margin:-476px 0 0 -744px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg4 {
	background:url(../img/main_img_new4.jpg) no-repeat center top;
	top: 0px;
	left: 50%;
	margin:0 0 0 -744px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #mainImg5 {
	background:url(../img/main_img_new5.jpg) no-repeat center top;
	top: 0px;
	left: 50%;
	margin:0 0 0 -744px;
	background-size:cover;
	z-index:1;
}
#mainImgArea #triming1 {
	width:1488px;
	height:104px;
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:url(../img/trimming1.png) no-repeat center center;
	background-size:cover;
	z-index:100;
}
#mainImgArea #triming2 {
	width:1488px;
	height:104px;
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:url(../img/trimming2.png) no-repeat center center;
	background-size:cover;
	z-index:100;
}
#mainImgArea .triming1Out {
	top:-104px;
}
#mainImgArea .triming2Out {
	bottom:-104px;
}

#mainImgArea .triming1In {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	top:-1px;
}
#mainImgArea .triming2In {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	bottom:-1px;
}
#mainImgArea .triming1In2 {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	top:-1px;
}
#mainImgArea .triming2In2 {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	bottom:-1px;
}
#wrapper #logo {
	width:976px;
	height:176px;
	position:absolute;
	left:50%;
	margin-left:-488px;
	background:url(../img/logo_new2.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	top:50%;
	margin-top:368px;
	z-index:100;
}
#wrapper #logoStart {
	width:800px;
	height:144px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	background:url(../img/logo_new2.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	top:24px;
}
#wrapper #copy1 {
	width:136px;
	height:384px;
	position:absolute;
	top:50%;
	margin-top:-400px;
	right:0px;
	background:url(../img/copy1.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy2 {
	width:136px;
	height:512px;
	position:absolute;
	top:50%;
	margin-top:-320px;
	left:0px;
	background:url(../img/copy2.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy1b {
	width:144px;
	height:640px;
	position:absolute;
	top:50%;
	margin-top:-400px;
	right:0px;
	background:url(../img/copy1b.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy2b {
	width:144px;
	height:640px;
	position:absolute;
	top:50%;
	margin-top:-320px;
	left:0px;
	background:url(../img/copy2b.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}
#wrapper #copy3 {
	width:88px;
	height:320px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:184px;
	margin-top:-144px;
	background:url(../img/copy_new.png) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
	z-index:100;
}

#wrapper #menuIcon {
	width:160px;
	height:28.8px;
	position:absolute;
	top:30.4px;
	left:30.4px;
	z-index:100;
}

}

/*------------------------------------------------------------------------------
								MENU AREA
------------------------------------------------------------------------------*/
#menuArea {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000 url(../img/menu_back.jpg) no-repeat center center;
	background-size:cover;
	min-height:880px;
	z-index:200;
	display:none;
}
.menu {
	overflow:hidden;
	zoom:1;
	box-sizing:border-box;
}
#menu1 {
	width:900px;
	position:absolute;
	top:50%;
	margin-top:-160px;
	left:50%;
	margin-left:-442px;
}
#menu2a {
	width:900px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	left:50%;
	margin-left:-442px;
}
#menu2 {
	width:900px;
	position:absolute;
	top:50%;
	margin-top:-110px;
	left:50%;
	margin-left:-442px;
}
#menu3 {
	width:900px;
	position:absolute;
	top:50%;
	margin-top:-60px;
	left:50%;
	margin-left:-442px;
}
.menu li {
	box-sizing:border-box;
	border-left:1px solid #bcae75;
	margin-bottom:30px;
	float:left;
	width:220px;
	position:relative;
}
.menu li:first-child a img {
	width:220px;
	height:24px;
	position:absolute;
	top:0px;
	left:0px;
}
.menu li:first-child a .overOn {
	display:none;
}
.menu li:first-child {
	width:220px;
	position:relative;
	height:24px;
}
.menu li:last-child {
	box-sizing:border-box;
	border-right:1px solid #bcae75;
}


#menu2 li {
	box-sizing:border-box;
	border-left:1px solid #bcae75;
	margin-bottom:30px;
	float:left;
	width:166px;
	position:relative;
}
#menu2 li:first-child a img {
	width:166px;
	height:24px;
	position:absolute;
	top:0px;
	left:0px;
}
#menu2 li:first-child a .overOn {
	display:none;
}
#menu2 li:nth-child(4) {
	width:206px;
}
#menu2 li:last-child {
	width:176px;
}
#menu2 li:last-child {
	box-sizing:border-box;
	border-right:1px solid #bcae75;
}


#menuArea #logo3 {
	width:480px;
	height:88px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -240px;
    margin-top: -300px;
	background:url(../img/logo3.png) no-repeat center center;
	background-size:contain;
	opacity:0.7;
}
#closeIcon {
	width:160px;
	height:28.8px;
	position:absolute;
	top:30.4px;
	left:30.4px;
}
/*------------------------------------------------------------------------------
								MIDDLE AREA
------------------------------------------------------------------------------*/
#middleArea {
	width:1120px;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:10px 0 0 0;
}
/*--- 4つ ---*/
.su4 {
	width:1120px;
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0px auto 30px;
	padding-left:10px;
}
.su4 li {
	width:270px;
	box-sizing:border-box;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #cfc2a1;
	float:left;
}
.otherBnr11 li:nth-child(9) {
	margin-left:140px;
}
.otherBnr10 li:nth-child(9) {
	margin-left:280px;
}
/*--- 2つ ---*/
.su2 {
	width:740px;
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0px auto 30px;
	padding-left:10px;
}
.su2 li {
	width:360px;
	box-sizing:border-box;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #cfc2a1;
	float:left;
}
.su2 li:nth-child(4) {
	margin-left:155px;
}
/*--- 3つ ---*/
.su3 {
	width:1110px;
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0px auto 30px;
	padding-left:10px;
}
.su3 li {
	width:360px;
	box-sizing:border-box;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #cfc2a1;
	float:left;
}
.su3 li:nth-child(4) {
	margin-left:155px;
}
/*--- 3つB ---*/
.su3b {
	width:930px;
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0px auto 30px;
	padding-left:10px;
}
.su3b li {
	width:300px;
	box-sizing:border-box;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #cfc2a1;
	float:left;
}
.su3b li:nth-child(1) {
	margin-left:0px;
}
#middleArea #billing {
	width:800px;
	height:450px;
	background:url(../img/billing_new3.gif) no-repeat center top;
	background-size:contain;
	margin:0 auto;
}
#wrapper #billing p {
	text-indent:-999999px;
}
#wrapper #day {
	width:280px;
	height:160px;
	position:absolute;
	left:50%;
	top:140px;
	margin-left:300px;
	background:url(../img/day_new2.gif) no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
}

/*------------------------------------------------------------------------------
								OTHER BNR
------------------------------------------------------------------------------*/
#otherBnrArea {
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0px auto 20px;
	padding-left:10px;
}
#otherBnrArea li {
	box-sizing:border-box;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	border:1px solid #cfc2a1;
}
.otherBnrArea3 {
	width:930px;
}
.otherBnrArea3 li {
	width:300px;
}
.otherBnrArea3 li:nth-child(10) {
	margin-left:155px;
}
.otherBnrArea4 {
	width:1120px;
}
.otherBnrArea4 li {
	width:270px;
}
/*.otherBnrArea4 li:nth-child(5) {
	margin-left:155px;
}*/

/*------------------------------------------------------------------------------
								SNS
------------------------------------------------------------------------------*/
#wrapper #snsArea {
	position:relative;
	width:560px;
	height:60px;
	overflow:hidden;
	margin:20px auto;
	padding-left:10px;
}
#wrapper #snsArea li {
	float:left;
	margin:0 10px 0 0;
	width:50px;
}
#wrapper #snsArea #instaOfficialBtn {
	width:200px;
	margin:0 20px 0 0;
	padding:7px 0 0 0;
}
#wrapper #snsArea #twOfficialBtn {
	width:200px;
	margin:0 20px 0 0;
	padding:7px 0 0 0;
}
/*------------------------------------------------------------------------------
								BANNER
------------------------------------------------------------------------------*/
#bnrArea {
	width:400px;
	overflow:hidden;
	position:relative;
	margin:0 auto 30px;
}
#bnrArea li {
	width:49%;
	margin-right:2%;
	float:left;
}
#bnrArea li:last-child {
	margin-right:0px;
}
/*------------------------------------------------------------------------------
								FOOTER
------------------------------------------------------------------------------*/
#footer {
	width:100%;
	height:40px;
}
#copyright {
	margin:0 auto;
	text-indent:-999999px;
	background:url(../img/copyright_new.gif) no-repeat center center;
	width:300px;
	height:14px;
	background-size:contain;
}
/*------------------------------------------------------------------------------
								LOADING
------------------------------------------------------------------------------*/
.loadingWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index:999998;
}
.loadingWrapWaku{
    width: 100%;
    height: 100%;
	background:#ebe9e6;
    position: relative;
	margin:0;
}
.loadingWrap .loadingWrapWaku img{
	width:66px;
	height:66px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
}
.loadingWrap .loadingWrapWaku #logo2 {
	width:660px;
	height:120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -330px;
    margin-top: -60px;
	background:url(../img/logo2.gif) no-repeat center center;
}
.logo2Out {
	transform: scale(0.8,0.8);
	opacity:0;
}
.logo2In {
	-webkit-transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1.0,1.0);
	opacity:1;
}
.logo2In2 {
	-webkit-transition: all 1.2s cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transition: all 1.2s cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transform: scale(1.5,1.5);
	opacity:0;
}
/*------------------------------------------------------------------------------
								ANIMATE
------------------------------------------------------------------------------*/
.logoOut {
	transform: translate(0px, 0px) scale(1.25);
	opacity:0;
}
.logoIn {
	transform: translate(0px, 0px) scale(1.0);
	-webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity:1;
}
.logoIn2 {
	transform: translate(0px, -240px) scale(1.0);
	-webkit-transition: all 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
	transition: all 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
	opacity:1;
}

.topScaleDownOut {
	transform: scale(1.25,1.25);
	opacity: 1.0;
}
.topScaleDownIn {
	-webkit-transition: all 4.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 4.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.topScaleDownIn2 {
	-webkit-transition: all 1.0 cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 1.0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: scale(1.1,1.1);
	opacity: 0.0;
}

.scaleUpOut3 {
	transform: scale(0.5,0.5) rotate(20deg);
	opacity: 0.0;
}
.scaleUpIn3 {
	-webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: scale(1.0,1.0) rotate(0deg);
	opacity: 1.0;
}
.scaleUpOut2 {
	transform: scale(0.5,0.5);
	opacity: 1.0;
}
.scaleUpOut {
	transform: scale(0.75,0.75);
	opacity: 1.0;
}
.scaleUpIn {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleUpOut4 {
	transform: scale(0.5,0.5);
	opacity: 0.0;
}
.scaleUpIn4 {
	-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: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownOut {
	transform: scale(2.0,2.0);
	opacity: 1.0;
}
.scaleDownIn {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.alphaOut {
	-webkit-transition: all 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 0.0;
}
.alphaIn {
	-webkit-transition: all 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1.0;
}
/*fromダウン*/
.fromDownOut {
	transform: translate(0px, 60px) rotate(0deg) scale(1.0);
	opacity: 0.0;
}
.fromDownIn {
	-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(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}

.fix {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	
	transform: translate(0,0);
	opacity: 1.0;
}