﻿/*------------------------------------------
 *	Page
------------------------------------------*/
/*
 *	/
------------------------------------------*/
#page-home {}
#page-home #header-global {position:absolute;}
#page-home #header-global.header-global-fixed {
	position:fixed;
	top:0 !important;
}

/* #js-area-mv */
#page-home #js-area-mv {
	position:static;
	overflow:hidden;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	
}
#page-home #js-area-mv .list-mv {
	position:relative;
	top:0;
	width:100%;
	height:100%;
}
#page-home #js-area-mv .list-mv .img-mv {
	position:fixed;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	-webkit-transition:opacity 3s ease,
		transform 11s linear;
	-moz-transition:opacity 3s ease,
		transform 11s linear;
	transition:opacity 3s ease,
		transform 11s linear;
}
#page-home #js-area-mv .list-mv .img-mv {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#page-home #js-area-mv .list-mv .img-mv-current {
	opacity:1;
}
#page-home #js-area-mv .list-mv .img-mv-scale {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
#page-home #js-area-mv .img-logo {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:20;
	text-align:center;
}
#page-home #js-area-mv .list-copy {
	overflow: hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	width:100%;
	height:100%;
	text-align:center;
}
#page-home #js-area-mv .list-copy .copy-mv {
	opacity:0;
	position:absolute;
	top:52%;
	left:50%;	
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	-webkit-transition:opacity 1s ease;
	-moz-transition:opacity 1s ease;
	transition:opacity 1s ease;
}
#page-home #js-area-mv .list-copy .copy-mv img {
	max-height:80%;
}
#page-home #js-area-mv .list-copy .copy-mv-current {
	opacity:1;
	-webkit-transition:opacity 3s ease 1s;
	-moz-transition:opacity 3s ease 1s;
	transition:opacity 3s ease 1s;
}
#page-home #js-area-mv .ico-scroll {
	position:absolute;
	bottom:80px;
	left:50%;
	z-index:200;
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	color:#fff;
	font-size:18px;
	text-align:center;
	cursor: pointer;
	transition: margin 0.3s ease;
	
}
#page-home #js-area-mv .ico-scroll:hover {
	margin: 0 0 -5px 0;
}
#page-home #js-area-mv .ico-scroll img {
	display:block;
	margin:8px auto 0 auto;
	position: relative;	
}
/*
@keyframes -webkit-baloon {
	0% {top: 0;}
	50% {top: 5px;}
	100% {top: 0;}
}
@keyframes -moz-baloon {
	0% {top: 0;}
	50% {top: 5px;}
	100% {top: 0;}
}
*/

/* #main */
#page-home #main {padding:0;}
