@charset "utf-8";

/*---------------------------------
  loader
-----------------------------------*/
#loader {
	width: 200px;
	height: 200px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -100px; /* heightの半分のマイナス値 */
	margin-left: -100px; /* widthの半分のマイナス値 */
	z-index: 9999;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9998;
}

/* header */
header {
	background: url(../../img/base/sp_bg_index.jpg) no-repeat center top;
	background-size: 130%;
}

/* logo */
.logo {
	text-align: center;
	padding: 10% 0;
}

/* btn_area */
.btn_area {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 0 5%;
}

.btn_area p {
	width: 49.5%;
}

.btn_area p#enter {
	margin-right: 1%;
}

.btn_area p a {
	display: block;
	text-align: center;
	padding: 5%;
	font-size: 16px;
}

/* index_txt */
.index_txt {
	text-align: center;
	font-size: 10px;
}

/* banner_area */
.banner_area ul {
	margin: 5%;
	text-align: center;
}

.banner_area li {
	display: inline-block;
	margin: 4px 1px;
}

/* footer */
footer {
	margin-bottom: 0;
}

.ban {
	font-size: 10px;
	text-align: center;
}

.dt {
	margin: 0 auto 5%;
	width: 60%;
}

.dt img {
	margin: 0 auto;
	width: 100%;
}