@charset "UTF-8";

body#index {
	background: none;
}

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

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


/* ========================================
	main
======================================== */
/* #bnr-area */
#bnr-area {
	padding: 0 3.125%;
	background: #FFF url(../images/bnr_area_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}

.mainbnr li.first {
	margin-top: 15px;
	padding: 0 3.2%;
	box-sizing: border-box;
}
.mainbnr li.first img {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.mainbnr li {
	width: 100%;
}

#top-gnavi {
	width: 100%;
}
#top-gnavi li {
	float: left;
	width: 50%;
}

/* #start */
#start {
	background-color: #FFF;
}

.start-block1,
.start-block2,
.start-block3 {
	width: 87.5%;
	margin: 0 auto;
}

/* .start-block2 */
.spec {
	padding: 0 3.75%;
	background: #FFF url(../images/start_block2_spec_bg.gif) repeat-y center top;
	background-size: 100% auto;
}

.spec-inner {
	float: right;
	width: 61%;
}
.spec-package {
	width: 39%;
}
.spec-icon {
	font-size: 0;
}
.spec-icon li {
	display: inline-block;
}
.spec-ico,
.spec-amiibo {
	width: 13.3%;
}
.spec-cero {
	width: 12.03%;
}
.spec-detail {
	width: 61.37%;
}

/* .start-block3 */
.spec2 {
	padding: 0 3.75%;
	background: #FFF url(../images/start_block3_spec_bg.gif) repeat-y center top;
	background-size: 100% auto;
}

.spec2-inner {
	float: right;
	width: 69.49806949%;
}
.spec2-package {
	width: 28.95752895%;
}
.spec2-btn {
	font-size: 0;
}
.spec2-btn li {
	display: inline-block;
}
.spec2-format {
	width: 65%;
}
.spec2-datail {
	width: 35%;
}


/* #link-area */
#link-area {
	box-sizing: border-box;
	background: #FFF url(../images/link_area_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}

.link-txt2 {
	width: 100%;
	font-size: 0;
}
.link-txt2 li {
	display: inline-block;
	width: 55%;
}

.link-txt2 li:nth-child(odd) {
	width: 45%;
}

/* ========================================
	footer
======================================== */
footer {
	margin-top: 0;
}

#sns {
	width: 31.25%;
	margin: 0 auto;
	padding-bottom: 14px;
	font-size: 0;
}

#sns li {
	display: inline-block;
	width: 50%;
}



/* ========================================
	letter.html
======================================== */
#close-btn {
	margin-bottom: 0;
	padding: 20px 18.28125%;
	background: #FFF url(../images/letter/letter_btn_bg.jpg) no-repeat center top;
	background-size: cover;
}