@charset "UTF-8";

/* ========================================
	common
======================================== */
header img,
main img,
footer img,
#wrap img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

body {
	background-image: url(../common/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
}

#close-btn {
	padding: 0 18.28125%;
	margin-bottom: 30px;
}

/* ========================================
	Footer
======================================== */
footer {
	height: 100%;
	margin-top: -25px;
}

#gnavi {
	width: 100%;
	background-color: #a36a22;
}
#gnavi li {
	float: left;
	width: 50%;
}

.foot-nav {
	display: table;
	width: 100%;
	background-color: #6e3c32;
}
.foot-nav li {
	display: table-cell;
	width: 40.625%;
}
.foot-nav li:last-child {
	width: 59.375%;
}

.pagetop {
	margin-top: -2.5%;
	background-color:
}

.pagetop-img img {
	width: 100%;
}

.back-btn {
	margin-bottom: 30px;
}

/* ========================================
	Movie
======================================== */
body#movie {
	margin: 0;
	padding: 0;
	text-align: center;
}
#movie .wrap {
	position: relative;
    width: 87.5%;
	margin: 20px auto 0 auto;
	text-align: center;
}
#close {
	width: 63.4375%;
	margin: 20px auto;
}

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

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

/* ========================================
	#popup
======================================== */
#coverLayer {
	display: none;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 9000;
	height: auto;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}


/* ========================================
	popWrap
======================================== */
#modal {
	width: 100%;
	display: none;
	position: absolute;
		z-index: 9200;
}

#modal iframe {
	width: 100%;
}