@import url(../../2017/lineup/css/lineup.css);
.archiveshop-index .lead {
	width: 96em;
	height: 40.5em;
	margin: 2.5em auto 6em;
	padding-top: 10em;
	padding-left: 42em;
	position: relative;
	background-color: #D4D3CA;
	text-align: left;
	color: #0C3F66;
}

.archiveshop-index .lead h2 {
	font-size: 360%;
	line-height: 1.4;
}

.archiveshop-index .lead p {
	margin-top: 20px;
	font-size: 200%;
}

.archiveshop-index .lead .archive-logo {
	width: 23.5em;
	position: absolute;
	top: 120px;
	left: 90px;
}

.archiveshop-index .lead .archive-logo > img {
	width: 100%;
}

.archiveshop-index .lead .archive-logo + p {
	margin: 20px 0;
	font-size: 160%;
}

.archiveshop-index nav[role='lineup'] > div ul {
	border-radius: 0 0 1em 1em;
}

.archiveshop-index nav[role='lineup'] > div ul li {
	float: none;
	display: inline-block;
}

.archiveshop-index main {
	border-top: 1px solid #e5e5e5;
}

.archiveshop-index main section {
	margin-top: -9em;
}

.archiveshop-index main section > p {
	margin-bottom: 3.5em;
}

.archiveshop-index main #toolstoys {
	margin-bottom: 4em;
}

.archiveshop-index main #toolstoys + a {
	margin-bottom: 9em;
	padding: 0 8em 0 5em;
	line-height: 6em;
	height: 5.6em;
}

.archiveshop-index main #toolstoys + a > span {
	font-size: 200%;
}

.archiveshop-index main #toolstoys + a:before {
	right: 2.4em;
}

.archiveshop-index a.btn-slide dl dt {
	text-align: center;
}

.archiveshop-index a.btn-slide dl dt > img {
	width: auto;
	height: auto;
	max-width: 17.6em;
	max-height: 17.6em;
	position: static;
}
