@charset "utf-8";

/* 共通 */
body {
  background: #fff8da url("../img/main-bg.jpg");
  color: #724c3d;
  font: 16px/1.6 "Helvetica Neue", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic, sans-serif;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 0;
}

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

.d-flex img {
	margin: 0 auto;
	min-height: 0.01px;
}

/* ナビ */
.nav {
	background: #f88431;
}

.top-page {
	font-size: 20px;
	font-weight: bold;
	margin: 0.5rem 0;
}

.top-page a {
	color: #fff;
}

.share ul {
	margin-bottom: 0;
}


.share li {
	height: 20px;
	margin-left: 10px;
}

.share li #twitter-widget-0,
.share li .fb_iframe_widget {
	font-size: 0;
	display: block;
}

/* ヘッダー */
.header .wrapper {
	margin: 24px auto 32px;
}


/* メイン */
.book-detail {
	background: url("../img/info-bg-middle.png") repeat-y;
	margin: 76px auto 110px;
	width: 308px;
	min-height: 100px;
	padding: 0 24px;
	position: relative;
}

.book-detail:before,
.book-detail:after {
	content: '';
	display: block;
	left: 0;
	position: absolute;
	width: 100%;
}

.book-detail:before {
	background: url("../img/info-bg-top.png") no-repeat;
	height: 68px;
	top: -68px;
}

.book-detail:after {
	background: url("../img/info-bg-bottom.png") no-repeat;
	bottom: -46px;
	height: 46px;
}

.book-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.detail-link {
	color: #724c3d;
	text-decoration: underline;
	font-size: 14px;
}

a.detail-link:hover {
	color: #724c3d;
}

.download-title {
	background: #d70c45;
	border-radius: 30px 30px 0 0;
	margin-top: 8px;
	padding: 18px 24px 22px;
}

.download-title img {
	margin: 0 auto;
}

.download-box {
	background: #fff;
	border-radius: 0 0 30px 30px;
	box-shadow: 0 0 8px rgba(40,40,40,.1);
	margin-bottom: 56px;
	padding: 48px 64px 16px;
}

.setting-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.setting-list {
	margin-bottom: 40px;
}

.setting-order {
	font-weight: bold;
}

.download-btn {
	background: #d70c45;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 24px auto 64px;
	padding: 0.5em 0;
	text-align: center;
	width: 210px;
}



/* フッター */
.footer {
	background: #f88431;
	color: #fff;
	font-size: 14px;
	padding: 0.5rem;
	text-align: center;
}


/* -------------- 1000px以下　タブレット・スマホ -------------- */
@media screen and (max-width: 1000px){
  /* メイン */
	.download-title {
		margin: 0 10px;
	}
	
	.download-box {
		margin: 0 10px 56px;
		padding: 32px 24px 8px;
	}
}

@media (min-width: 768px){
	.download-box .col-md {
		flex-basis: 50%;
		max-width: 50%;
	}
}


/* -------------- 480px以下　スマホ -------------- */
@media screen and (max-width: 480px){ 
  .top-page {
    font-size: 14px;
	}
	
	/* メイン */
	.book-detail {
		margin: 64px auto 90px;
	}
	
	.download-btn {
		margin: 24px auto 56px;
	}
	
	.d-flex img {
		max-width: 150px;
    height: auto;
	}
	
	.d-flex img.vertical {
		max-width: 266px;
		width: 100%;
	}
	
	.download-box {
		margin: 0 10px 32px;
		padding: 24px 24px 8px;
	}
  
}