/**
 * #main-visual-upper
 */

/**
 * #main-visual
 */
#main-visual {
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 1;
	margin: 0;
	overflow: hidden;
}
#main-visual .inner {
	width: 1130px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -565px;
}
#slideshow-images {
	width: 1130px;
	height: 425px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
}
#slideshow-images li {
	width: 1130px;
	height: 400px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}
.no-js #slideshow-images li {
	display: block;
}
#slideshow-images li img {
	position: absolute;
	left: 0;
	top: 0;
}
#slideshow-images li canvas {
	width: 1130px;
	height: 400px;
	position: absolute;
	left: 0;
	top: 0;
}
#slideshow-images li canvas.animation-fadein-canvas {
	-webkit-animation-name: animationFadeInCanvas;
	-moz-animation-name: animationFadeInCanvas;
	-ms-animation-name: animationFadeInCanvas;
	animation-name: animationFadeInCanvas;
	-webkit-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes animationFadeInCanvas {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
@-moz-keyframes animationFadeInCanvas {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
@-ms-keyframes animationFadeInCanvas {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
@keyframes animationFadeInCanvas {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
#slideshow-images li.animation-fadein {
	-webkit-animation-name: animationFadeIn;
	-moz-animation-name: animationFadeIn;
	-ms-animation-name: animationFadeIn;
	animation-name: animationFadeIn;
	-webkit-animation-duration: 2.8s;
	-moz-animation-duration: 2.8s;
	-ms-animation-duration: 2.8s;
	animation-duration: 2.8s;
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-ms-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes animationFadeIn {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
@-moz-keyframes animationFadeIn {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
@-ms-keyframes animationFadeIn {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
@keyframes animationFadeIn {
	0% {	opacity: 0;	}
	100% {	opacity: 1;	}
}
#slideshow-images li.animation-fadeout {
	-webkit-animation-name: animationFadeOut;
	-moz-animation-name: animationFadeOut;
	-ms-animation-name: animationFadeOut;
	animation-name: animationFadeOut;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-ms-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes animationFadeOut {
	0% {	opacity: 1;	}
	100% {	opacity: 0;	}
}
@-moz-keyframes animationFadeOut {
	0% {	opacity: 1;	}
	100% {	opacity: 0;	}
}
@-ms-keyframes animationFadeOut {
	0% {	opacity: 1;	}
	100% {	opacity: 0;	}
}
@keyframes animationFadeOut {
	0% {	opacity: 1;	}
	100% {	opacity: 0;	}
}
#slideshow-images li:first-child {
	z-index: 2;
}
#slideshow-images #fx-fadein {
	width: 500px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	margin: -250px 0 0 -250px;
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 250, from(rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
	background: -moz-radial-gradient(50% 50%, circle, rgba(255,255,255,1) 0, rgba(255,255,255,0.3) 75px, rgba(255,255,255,0) 250px);
}
#lace-left {
	height: 400px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	padding: 0 255px 0 0;
	background: url(../images/bg-lace-left.png) no-repeat right top;
}
#lace-right {
	height: 400px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	padding: 0 0 0 255px;
	background: url(../images/bg-lace-right.png) no-repeat left top;
}
#slideshow-status {
	width: 196px;
	height: 19px;
	position: absolute;
	left: 934px;
	top: 377px;
	z-index: 5;
	margin: 0;
	padding: 0;
}
#slideshow-status li {
	width: 19px;
	height: 19px;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 0;
}
#slideshow-status li a {
	width: 19px;
	height: 19px;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url(../images/button-slideshow-status.png) no-repeat 6px 6px;
}
#slideshow-status li.selected a {
	background: url(../images/button-slideshow-status-selected.png) no-repeat 6px 6px;
}



/**
 * #global-navi
 */
#global-navi {
	position: relative;
	z-index: 2;
	margin-top: 0;
	border-top: 0;
	background: transparent;
	/*add 1202*/
	background: #fff;
}
#logo {
	position: relative;
	z-index: 2;
	margin-top: -65px;
}
#main-menu {
	padding-top: 8px;
}
#social-shortcut-button {
	margin-top: 30px;
}



/**
 * #pagetop
 */
#pagetop {
	display: none;
}

/* add 1201: video css*/
/*.movie-box {
	position: relative;
}*/
video{
	position: absolute;
/* 	right: 0;
	left: 0;
	top: 0;
	bottom: 0; */
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#main-visual iframe{
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	z-index: 10;
}
.video_ie8{
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	z-index: 10;
}
.mov-copy{
	position: absolute;
	background: url(/images/mov/bg.png) repeat;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
}
.mov-image01{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 90px;
	margin: auto;
}
.mov-image02{
	position: absolute;
	height: 46px;
	width: 205px;
	left: 0;
	right: 0;
	top: 310px;
	bottom: 0;
	margin: auto;
}
.main-movie{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.movie-navi{
	position: relative;
	z-index: 11;
}
.movie-navi #global-navi{
	z-index: 11;
	width: 950px;
	margin: 0 auto;
}
header{
	width: 100%;
}
/*html.no_scroll {
	overflow: hidden;
}
body.no_scroll {
	overflow: scroll;
}*/

.wrp-movie {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 100;
}
.inner-movie {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.close-movie {    
	position: absolute;
  right: 0;
  top: -60px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
}
.close-movie:before, 
.close-movie:after { 
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 23px;
  width: 2px;
  height: 50px;
  border-radius: 4px;
  background: #fff;
}
.close-movie:before {  
  transform: rotate(-45deg);
}
.close-movie:after {  
  transform: rotate(45deg);
}