@charset "utf-8";
/* ==================================================
		
		書籍一覧 PC

================================================== */

@media screen and (min-width:781px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/wordpress-content/pub/books/common/img/common-bg-vi01.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.books
-------------------------------------------------- */
.main .books {
	padding-top: 50px;
}
.main .books h3 {
	font-size: 35px;
	text-align: center;
	color: #007db7;
}
.main .books .books-txt01 {
	font-size: 14px;
	text-align: center;
	color: #555555;
	margin-top: 15px;
}
.main .books .books-inner {
	margin-top: 40px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.main .books ul {
	width: 1086px;
	margin-top: -50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.main .books ul li {
	text-align: center;
	width: 267px;
	margin-top: 50px;
	display: flex;
	justify-content: center;
}
.main .books ul li:nth-child(4n+2):last-child {
 margin-right: 546px;
}
.main .books ul li:nth-child(4n+3):last-child {
 margin-right: 273px;
}
.main .books dl dt img {
	width: 147px;
	height: 208px;
	border: 1px solid #e6e6e8;
}
.main .books dl dd {
	font-size: 12px;
	color: #333333;
	margin-top: 14px;
	width: 267px;

}
.main .books dl dd a:link, .main .books dl dd a:visited {
	text-decoration: none;
	color: #333333;
}
.main .books dl dd a:hover {
	text-decoration: underline;
	color: #333333;
}
.main .books .purchase {
	margin-top: 5px;
	display: flex;
	justify-content: center;
}
.main .books .purchase .purchase-inner {
	width: 250px;
	display: flex;
	justify-content: center;
 flex-wrap: wrap;
}
.main .books .purchase .amazon {
	text-align: left;
 padding: 0 8px;
}
.main .books .purchase .rakuten {
 text-align: right;
 padding: 0 8px;
}
.main .books .purchase img {
	width: 100%;
}
.main .books .purchase .amazon img {
	width: 91px;
}
.main .books .purchase .rakuten img {
	width: 40px;
}
.main .books .others {
 font-size: 12px;
 color: #333333;
 width: 90%;
 margin: 5px auto 0;
}
.main .books .others a:link, 
.main .books .others a:visited {
 text-decoration: none;
	color: #333333;
}
.main .books .others a:hover {
	text-decoration: underline;
	color: #333333;
}
 
 
 
 
 
 
}

/* ==================================================
		
		書籍一覧 SP

================================================== */

@media screen and (max-width:780px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/wordpress-content/pub/books/common/img/common-bg-vi01.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.books
-------------------------------------------------- */
.main .books {
	padding-top: 25px;
}
.main .books h3 {
	font-size: 18px;
	text-align: center;
	color: #007db7;
	padding: 0 12px;
}
.main .books .books-txt01 {
	font-size: 12px;
	text-align: left;
	color: #555555;
	padding: 0 12px;
	margin-top: 5px;
}
.main .books .books-inner {
	margin: 20px 12px 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.main .books ul {
	margin-top: -30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.main .books ul li {
	width: 47%;
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.main .books .books-area {
	width: 100%;
}
.main .books dl dt {
	text-align: center;
}
.main .books dt img {
	width: 65%;
	border: 1px solid #e6e6e8;
}
.main .books dl dd {
	font-size: 12px;
	color: #333333;
	margin-top: 14px;
	margin-top: 10px;
}
.main .books dl dd a:link, .main .books dl dd a:visited {
	text-decoration: none;
	color: #333333;
}
.main .books dl dd a:hover {
	text-decoration: underline;
	color: #333333;
}
.main .books .purchase {
	padding: 0 5px;
	margin-top: 5px;
	display: flex;
	justify-content: center;
 width: 100%;
}
.main .books .purchase .purchase-inner {
	width: 100%;
	display: flex;
	justify-content: center;
 flex-wrap: wrap;
}
.main .books .purchase .amazon {
	text-align: center;
 width: 55%;
}
.main .books .purchase .rakuten {
	text-align: center;
 width: 25%;
}
.main .books .purchase .purchase-inner > p img {
 width: 76%;
}
.main .books .others {
 font-size: 12px;
 color: #333333;
 width: 95%;
 margin: 5px auto 0;
}
.main .books .others a:link, 
.main .books .others a:visited {
 text-decoration: none;
	color: #333333;
}
.main .books .others a:hover {
	text-decoration: underline;
	color: #333333;
}
}