@charset "UTF-8";

/* ========================================
	common
======================================== */
body {
	background-image: url(../common/content_bg.png);
	background-repeat: repeat;
	background-position: center top;
	background-size: 25% auto;
}

#wrap img,
#bgm-attention img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* ========================================
	bgm
======================================== */
#bgm {
	display: none;
}
#bgm-attention {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 100px;
	background: url(../common/content_bg.png) repeat center top;
	background-size: 25% auto;
}

#bgm-attention #bgm-attention-btn {
	display: table;
	width: 100%;
}

#bgm-attention #bgm-attention-btn li {
	display: table-cell;
	width: 50%;
}

#bgm-attention #bgm-attention-btn li img {
	cursor: pointer;
}


/* ========================================
	header
======================================== */
#header {
	position: relative;
}

.logo-hard {
	position: absolute;
	top: 0;
	left: 0;
}

/* ========================================
	footer
======================================== */
footer {
	background-image: url(../common/footer_bg.png);
	background-repeat: repeat;
	background-position: left top;
	background-size: 20% auto;
}

footer .foot-nav {
	display: table;
	width: 100%;
	padding: 12px 0;
}

footer .foot-nav li {
	display: table-cell;
	width: 40.625%;
}

footer .foot-nav li:last-child {
	width: 59.375%;
}

/* sns */
#sns {
	display: table;
	width: 35%;
	margin: 0 auto;
	font-size: 0;
}

#sns li {
	display: table-cell;
	width: 50%;
}


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

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

#modal iframe {
	width: 100%;
}

body#modal-body {
	background: none;
}

#modal-body {
	position: relative;
	background-color: transparent;
}

#modal-wrapper img {
	width: 100%;
	height: auto;
}

#close-btn {
	padding-top: 20px;
	width: 37.5%;
	margin: 0 auto;
}

/* ========================================
	print
======================================== */
@media print {
    img { display: none !important; }
}