@charset "UTF-8";

html {
  font-size: 62.5%;
}
body {
  font-size: 1.4rem;
	margin: 0;
	background-color: #a7bede;
	color: #333;
}
*, *::before, *::after {
  box-sizing: border-box;
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.promotion_text {
	display: inline-block;
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.promotion_text span {
	background: linear-gradient(transparent 65%, rgb(95 173 219 / 60%) 70%);
}
.main {
	width: 800px;
	margin: 20px auto;
	padding: 50px 0;
	background-color: #fff;
	border-radius: 20px
}
.wrapper {
	text-align: center;
}
.left_wrapper, .right_wrapper{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.right_wrapper{
	width: 40%;
}
.book_image {
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
}
.book_image img {
	width: 100%;
	box-shadow: 0 0 15px #eee;
}
.content_text_wrapper {
	text-align: left;
}
.content_text_wrapper p {
	line-height: 2.5;
	letter-spacing: 1.5px;
	font-size: 1.1em;
}
.content_text_wrapper h2 {
	letter-spacing: 1.5px;
	text-shadow: 2px 2px 3px rgb(51 51 51 / 30%);
}
.book_info {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	width: 80%;
	margin: auto;
	text-align: left;
}
.book_info p {
	margin: 0;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.book_info p:nth-child(odd) {
	width: 30%;
}
.book_info p:nth-child(even) {
	width: 70%;
}
.stores {
	display: flex;
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
}
.stores a {
	flex: 0 1 33%;
}
.to_top, .to_top hr {
	text-align: center;
	margin: 30px;
}