@charset "utf-8";

/* 共通 */
body {
  background: #fff;
  color: #222;
  font: 16px/2 "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;
}

.wrapper {
  margin: 0 auto;
  width: 1000px;
}

.logo a img:hover,
.shop li:hover,
.book-image:hover,
.totop:hover {
	opacity: .6;
}

/* ヘッダー */
.header {
	margin-bottom: 77px;
	position: relative;
}

.logo {
	font-size: 11px;
	left: 24px; 
	line-height: 1.6;
	position: absolute;
	top: 30px;
}

.logo a {
	display: inline-block;
	margin-top: 8px;
}

/* キャッチコピー */
.copy {
	background: url(../images/copy-bg.jpg) no-repeat left bottom;
}

.sub-copy {
	margin-left: 63px;
}

.main-copy {
	margin-left: 113px;
	padding-bottom: 186px;
}

/* 特長1 */
.feature1 {
	background: url(../images/feature1-bg.jpg) no-repeat;
	padding-bottom: 149px;
}

.section-title {
	margin-left: 84px;
}

.feature-text1 {
	margin: 40px 0 70px 356px;
}

/* 特長2 */
.feature2 {
	background: url(../images/feature2-bg.jpg) no-repeat;
}

.feature-text2 {
	margin: 32px 0 0 97px;
	padding-bottom: 127px;
}

/* クイズ */
.quiz {
	background: #f5d7df url(../images/quiz-bg.jpg) no-repeat;
}

.quiz .section-title {
	margin-left: 56px;
}

.quiz-text {
	margin-left: 173px;
	padding-bottom: 48px; 
}

.quiz1,
.quiz2 {
	margin: 42px 0 42px 48px;
}

.quiz3 {
	margin: 42px 0 12px 0;
}

.answer img {
	margin: 0 auto;
	padding-bottom: 22px;
}

/* 本の紹介 */
.info {
	background: url(../images/info-bg.jpg) no-repeat;
}

.info .section-title {
	margin: 0 0 28px 64px;
	padding-top: 80px;
}

.info-detail {
	margin: 0 64px;
	overflow: hidden;
}

.book-image {
	float: left;
	margin-right: 42px;
}

.info-box {
	float: left;
	width: 436px;
}

.book-title {
	border-bottom: 1px solid #222;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 36px;
	padding: 0 0 10px 8px;
}

.book-author {
	font-size: 28px;
	display: inline-block;
	margin-bottom: 8px;
}

.book-detail {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 24px;
	margin-left: 10px;
	overflow: hidden;
}

.book-detail dt {
	float: left;
	width: 6.5em;
}

.book-detail dd {
	overflow: hidden;
}

.shop {
	align-items: center;
	display: flex;
	margin-left: 14px;
	justify-content: space-between;
}

/* フッター */
.footer {
	height: 140px;
	position: relative;
}

.totop {
	cursor: pointer;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.sns {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 56px;
}

.sns li + li {
	margin-left: 16px;
	margin-top: 4px;
}