@charset "UTF-8";

/* ========================================
	common
======================================== */
header img,
main img,
footer img,
#wrap img {

	width: 100%;
	height: auto;
}

#wrap {
	background-image: url(../common/bg5.png), url(../common/bg4.png), url(../common/bg3.png), url(../common/bg2.png), url(../common/bg1.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y, repeat-y, repeat-y;
	background-position: center bottom, center top, center top, center 7px, center top;
	background-size: contain;
}

/* ========================================
	Footer
======================================== */
footer {
	margin-top: -10px;
}

#gnavi {
	width: 100%;
	background-color: #FD94C7;
}
#gnavi ul {
	/*width: 98.4375%;*/
	margin: 0 1.25% 0 2.1875%;
}
#gnavi li {
	float: left;
	width: 33.3%;
}

.foot-nav {
	display: table;
	width: 100%;
	background-color: #d15491;
}
.foot-nav li {
	display: table-cell;
}
.foot-nav li:first-child {
	width: 40.9375%;
}
.foot-nav li:last-child {
	width: 59.0625%;
}

.pagetop {
	position: relative;
}

.pagetop-img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 16%;
}
.pagetop-img img {
	width: 100%;
}

/* ========================================
	Movie
======================================== */
body#movie {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: none;
	background-color: #000;
	background-image: url(../common/bg_movie.png);
	background-position: 0 0;
	background-repeat: repeat;
	background-size: 1px 3px;
}
#movie .wrap {
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}
#close {
	margin: 10px 23%;
}

.movie-wrap {
	position: relative;
    width: 100%;
}

.movie-inner iframe,
.movie-inner img {
    position: absolute;
    top: 0;
    left: 5.9375%;
    width: 87.5%;
    height: 87.5%;
}