/*********************************************
books.css
*********************************************/

.o-sec-pt{
	padding-top: 60px;
}

.o-h1-ob{
	margin-top: 50px;
}

.o-books-out-ul{
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: center;
}

.o-books-out-ul li{
	width: 100%;
	max-width: 370px;
	box-sizing: border-box;
	box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.2);
	padding: 45px 20px;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.o-books-b{
	margin: 0 0 15px 0;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.o-l-img{
	width: 37%;
	max-width: 106px;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}

.o-r-txtb{
	width: 100%;
}

.o-book-h2{
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	margin-bottom: 5px;
}

.o-books-dl{
	margin: 0 auto;
	max-width: 285px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.o-books-dl dt,.o-books-dl dd{
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	margin: 0;
	font-weight: 400;
}

.o-com-btn{
	width: 100%;
	max-width: 242px;
	margin-left: auto;
	margin-right: auto;
}
.o-not-link{
	opacity: .4!important;
}

.o-out-lkb{
	margin: 0 auto;
	width: 100%;
}

/*.pagination-3{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
	margin-top: 20px;
}

.pagination-3 li{
	width: 2em;
}

.pagination-3 a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 2em;
    border-bottom: 3px solid #f2f2f2;
    color: #717071;
    text-decoration: none;
    font-size: 20px;
    transition: .3s;
}

.pagination-3 .current a,
.pagination-3 li:hover a,
.pagination-3 li:active a{
    border-bottom: 3px solid #c30d22;
	color: #000;
	font-weight: bold;
}

.pagination-3 .current a{
	pointer-events: none;
}*/



.Pagination{
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 0;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
.Pagination-Item-Link {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  background: #fff;
  border: solid 2px #c30d22;
  font-size: 14px;
  color: #c30d22;
  font-weight: bold;
  transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon {
  width: 20px;
}
.Pagination-Item-Link.isActive {
  background: #c30d22;
  color: #fff;
  pointer-events: none;
}
.Pagination-Item-Link:not(.isActive):hover {
  background: #c30d22;
  color: #fff;
}
.Pagination > * + * {
  margin-left: 8px;
}








.o-txt-center{
	text-align: center;
}







@media (min-width: 576px){
.o-sec-pt {
    padding-top: 71px;
}
}



@media (min-width: 768px){
.o-books-out-ul{
    justify-content: space-between;
}

.o-books-out-ul li{
    width: 48%;
    padding: 45px 20px;
    margin-bottom: 4%;
    max-width: 490px;
}

.o-books-b{
    margin: 0 0 10px 0;
    width: 100%;
}

.o-books-dl{
	margin-bottom: 15px;
	/* margin-left: auto; */
}

.o-h1-ob{
    margin-top: 80px;
}

.o-adj-mt1{
	margin-top: 16px;
}

.o-adj-mt2{
	margin-top: 19px;
}
.o-adj-my-pc1{
	margin-top: 70px;
	margin-bottom: 104px;
}

.o-adj-my-pc3{
	margin-top: 70px;
	margin-bottom: 104px;
}
}



@media (orientation: landscape) and (max-width: 767px){

}

@media (orientation: landscape) and (max-width: 991px){

}


@media (min-width: 992px){
.o-books-out-ul li{
    padding: 30px 25px;
    margin-bottom: 4%;
}

.o-books-dl{
	margin: 0;
	justify-content: flex-start;
}

.o-books-dl dt,.o-books-dl dd{
	width: auto;
}

.o-books-b {
    margin: 0 0 40px 0;
	 justify-content: space-between;
    align-items: center;
}

.o-r-txtb{
    width: 67%;
}

.o-l-img{
    width: 27%;
    max-width: 106px;
	margin: 0;
}

.o-book-h2{
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 15px;
}

.o-sec-pt{
    padding-top: 111px;
}

.o-adj-mt1,.o-adj-mt2{
	margin-top: 0;
}

.o-adj-my-pc1{
	margin-top: 30px;
	margin-bottom: 28px;
}

.o-adj-my-pc2{
	margin-top: 30px;
	margin-bottom: 15px;
}

.o-adj-my-pc3{
	margin-top: 30px;
	margin-bottom: 15px;
}

.o-adj-mt-pc1{
	margin-top: 25px;
}

.o-adj-mt-pc2{
	margin-top: 30px;
}
}



@media (min-width: 1025px){
.o-books-out-ul li{
    padding: 30px 35px;
}
}

@media (min-width: 1100px){

}



@media (min-width: 1200px){

}

@media (min-width: 1450px){

}