@charset "UTF-8";


.books-top-news__list-item .blank-img{
	border-bottom: 1px solid #ddd;
}
.books-top__list-item figure img{
	border: 1px solid #eee;
}



@media screen and (min-width: 768px) {

	#books-kv{
		width: 100%;
		background: #F6F6F6;

	}
	#books-kv .books-slide-wrap{
		transform-origin: top left;
		margin: auto;
		width: 1300px;
		padding: 0 10px;
		padding: 30px 10px 52px;

	}



/* books-sec
================================================*/

	.books-main-slide img{
		width: 100%;
		height: auto;
	}
	.books-slide-wrap{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.books-main-slide__wrap{
		position: relative;
		display: flex;
		align-items: center;
		width: calc(100% - 280px);
		height: 525px;
	}
	.books-slide-wrap .books-main-slide{
		height: 100%;
		overflow: hidden;
		aspect-ratio: 1000/525;
		height: auto;
		width: 100%;
	}
	.books-slide-wrap .books-main-slide figure{
		overflow: hidden;
	}
	.books-thumb-slide__wrap{
		position: relative;
		padding: 50px 0;
		width: 260px;
		height: 525px;
	}
	.books-slide-wrap .books-thumb-slide{
		height: 100%;
		overflow: hidden;
		background: #eee;
	}
	.books-slide-wrap .books-thumb-slide figure{
		position: relative;
		overflow: hidden;
	}
	.books-slide-wrap .books-thumb-slide figure.swiper-slide-thumb-active:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 3px solid #D7000F;
	}




	.books-thumb-slide .swiper-wrapper{
		display: block;
	}

	.books-thumb-slide__next,
	.books-thumb-slide__prev{
		position: absolute;
		left: 0;
		width: 100%;
		height: 38px;
		background: #fff;
		border: 1px solid #ddd;
		text-indent: -9999px;
		cursor: pointer;
		transition: background 500ms ease;
	}
	.books-thumb-slide__next[aria-disabled="false"]:hover,
	.books-thumb-slide__prev[aria-disabled="false"]:hover{
		background: #D7000F;
	}
	.books-thumb-slide__next:after,
	.books-thumb-slide__prev:after,
	.books-thumb-slide__next:before,
	.books-thumb-slide__prev:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 13px;
		height: 11px;
		transition: opacity 500ms ease;
	}
	.books-thumb-slide__next{
		top: 0;
	}
	.books-thumb-slide__prev{
		bottom: 0;
	}
	.books-thumb-slide__next:after{
		background: url(../img/arrow_t_rd.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.books-thumb-slide__prev:after{
		background: url(../img/arrow_b_rd.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.books-thumb-slide__next:before{
		opacity: 0;
		background: url(../img/arrow_t_wh.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.books-thumb-slide__prev:before{
		opacity: 0;
		background: url(../img/arrow_b_wh.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.books-thumb-slide__next[aria-disabled="false"]:hover:after,
	.books-thumb-slide__prev[aria-disabled="false"]:hover:after{
		opacity: 0;
	}
	.books-thumb-slide__next[aria-disabled="false"]:hover:before,
	.books-thumb-slide__prev[aria-disabled="false"]:hover:before{
		opacity: 1;
	}
	.books-thumb-slide__next.swiper-button-disabled,
	.books-thumb-slide__prev.swiper-button-disabled{
		opacity: 0.2;
		cursor: default;
	}


	#books-kv .books-thumb-slide__pagination{
		position: absolute;
		display: flex;
		right: inherit;
		top: inherit;
		left: 0;
		bottom: -50px;
		width: 100%;
		align-items: center;
		justify-content: center;
		height: 50px;
		transform: translate3d(0,0,0) !important;
	}
	#books-kv .books-thumb-slide__pagination span{
		margin: 0;
		display: block;
		width: 12px;
		height: 12px;
		background: #fff;
		border: 1px solid #ddd;
		opacity: 1;
		transition: border 500ms ease, background 500ms ease;
	}
	#books-kv .books-thumb-slide__pagination span + span{
		margin-left: 15px;
	}
	#books-kv .books-thumb-slide__pagination span:hover,
	#books-kv .books-thumb-slide__pagination span.swiper-pagination-bullet-active{
		background: #DB100E;
		border: 1px solid #DB100E;
	}
	


/* books-sec
================================================*/

	.books-sec{
		padding: 50px 0;
	}
	.books-sec:nth-child(even){
		background: #F6F6F6;
	}


/* books-sec-header
================================================*/

	.books-sec-header{
		position: relative;
		margin: 0 0 35px;
		text-align: center;
	}
	.books-sec-header h2{
		font-size: 36px;
		font-weight: 600;
	}
	.books-sec-header_link{
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.books-sec-header_link a{
		position: relative;
		padding: 0 20px 0 0;
		font-size: 18px;
		color: #D7000F;
		font-weight: 500;
	}
	.books-sec-header_link a:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 11px;
		height: 13px;
		background: url(../img/arrow_r_rd.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 500ms ease;
	}
	.books-sec-header_link a:hover:after{
		transform: translateX(8px);
	}

/* books-top__list
================================================*/

	.books-top__list{
		display: flex;
		margin: 0 -10px;
		flex-wrap: wrap;
	}
	.books-top__list-item{
		padding: 0 10px;
		width: 33.3333%;
	}
	.books-top__list-item-inner{
		display: flex;
		padding: 30px;
		height: 100%;
		border: 1px solid #ddd;
		flex-direction: column;
		background: #fff;
	}
	.books-top__list-item-blank .books-top__list-item-inner{
		padding: 0;
	}
	.books-top__list-item-blank .books-top__list-item-inner figure{
		max-width: 100%;
	}
	.books-top__list-item:nth-child(n+4){
		margin-top: 20px;
	}
	.books-top__list-item figure{
		display: flex;
		align-items: center;
		height: 100%;
		margin: auto;
		max-width: 230px;
	}
	.books-top__list-item figure img{
		transition: opacity 500ms ease;
	}
	.books-top__list-item a:hover img{
		opacity: 0.7;
	}

	.books-top__list .books-list-item__txt{
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	.books-top__list .books-list-item__txt h2{
		margin: 30px 0 0;
		text-align: center;
		flex-grow: 1;
	}
	.books-top__list .books-list-item__txt h2 .sub-title{
		display: block;
		line-height: 1.4;
	}
	.books-top__list .books-list-item__txt h2 strong{
		display: block;
		font-size: 22px;
		line-height: 1.3;
		font-weight: 500;
	}
	.books-top__list .books-list-item__txt h2 .sub-title + strong,
	.books-top__list .books-list-item__txt h2 strong + .sub-title{
		margin-top: 5px;
	}
	.books-top__list .books-list-item__txt-author{
		margin: 15px 0 0;
		text-align: center;
	}
	.books-top__list .books-list-item__txt-author p{
		line-height: 1.5;
	}
	.books-top__list .books-list-item__txt-author p + p{
		margin-top: 5px;
	}
	.books-top__list .books-list-item__txt-author p a{
		color: #D7000F;
		text-decoration: underline;
		line-height: 1.5;
	}
	.books-top__list .books-list-item__txt-author p a:hover{
		text-decoration: none;
	}


/* books-top-news__list
================================================*/

	.books-top-news__list{
		display: flex;
		margin: 0 -10px;
		flex-wrap: wrap;
	}
	.books-top-news__list-item{
		padding: 0 10px;
		width: 33.3333%;
	}
	.books-top-news__list-item-inner{
		display: flex;
		height: 100%;
		border: 1px solid #ddd;
		flex-direction: column;
		background: #fff;
	}
	.books-top-news__list-item:nth-child(n+4){
		margin-top: 20px;
	}
	.books-top-news__list-item a{
		display: block;
		transition: opacity 500ms ease;
	}
	.books-top-news__list-item a:hover{
		opacity: 0.7;
	}

	.books-top-news__list-item .news-list-item__txt {
		padding: 30px;
	}
	.books-top-news__list-item .news-list-item__txt h2{
		margin: 15px 0 0;
		font-size: 18px;
		line-height:  1.5;
	}
	.news-list-item__date{
		color: #999;
		font-size: 18px;
	}

}



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

	#books-kv{
		padding: 16px;
		width: 100%;
		background: #F6F6F6;
		overflow: hidden;

	}

/* books-sec
================================================*/

	.books-main-slide img{
		width: 100%;
		height: auto;
	}
	.books-slide-wrap .books-main-slide{
		overflow: hidden;
	}
	.books-slide-wrap .books-main-slide figure{
		overflow: hidden;
	}
	.books-slide-wrap .books-thumb-slide figure{
		position: relative;
		overflow: hidden;
	}
	.books-slide-wrap .books-thumb-slide figure.swiper-slide-thumb-active:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 2px solid #D7000F;
	}

	.books-thumb-slide__next{
		display: none;
	}
	.books-thumb-slide__prev{
		display: none;
	}
	#books-kv .books-thumb-slide__pagination{
		display: flex;
		right: inherit;
		top: inherit;
		left: inherit;
		bottom: inherit;
		width: 100%;
		align-items: center;
		justify-content: center;
		height: 36px;
		transform: translate3d(0,0,0) !important;
	}
	#books-kv .books-thumb-slide__pagination span{
		margin: 0;
		display: block;
		width: 12px;
		height: 12px;
		background: #fff;
		border: 1px solid #ddd;
		opacity: 1;
		transition: border 500ms ease, background 500ms ease;
	}
	#books-kv .books-thumb-slide__pagination span + span{
		margin-left: 15px;
	}
	#books-kv .books-thumb-slide__pagination span.swiper-pagination-bullet-active{
		background: #DB100E;
		border: 1px solid #DB100E;
	}
	


/* books-sec
================================================*/

	.books-sec{
		padding: 30px 0 35px;
	}
	.books-sec:nth-child(even){
		background: #F6F6F6;
	}


/* books-sec-header
================================================*/

	.books-sec-header{
		position: relative;
		margin: 0 0 25px;
	}
	.books-sec-header h2{
		font-size: 28px;
		font-weight: 600;
	}
	.books-sec-header_link{
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.books-sec-header_link a{
		position: relative;
		padding: 0 18px 0 0;
		font-size: 16px;
		color: #D7000F;
		font-weight: 500;
	}
	.books-sec-header_link a:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 11px;
		height: 13px;
		background: url(../img/arrow_r_rd.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.books-sec-header_link a:hover{
		opacity: 0.7;
	}

/* books-top__list
================================================*/

	.books-top__list-item-inner{
		display: flex;
		padding: 30px;
		height: 100%;
		border: 1px solid #ddd;
		flex-direction: column;
		background: #fff;
	}
	.books-top__list-item-blank{
		display: none;
	}
	.books-top__list-item + .books-top__list-item{
		margin-top: 16px;
	}
	.books-top__list-item figure{
		margin: auto;
		max-width: 146px;
	}

	.books-top__list .books-list-item__txt{
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	.books-top__list .books-list-item__txt h2{
		margin: 30px 0 0;
		text-align: center;
		flex-grow: 1;
	}
	.books-top__list .books-list-item__txt h2 .sub-title{
		display: block;
	}
	.books-top__list .books-list-item__txt h2 .sub-title + strong,
	.books-top__list .books-list-item__txt h2 strong + .sub-title{
		margin-top: 5px;
	}
	.books-top__list .books-list-item__txt h2 strong{
		display: block;
		font-size: 18px;
		line-height: 1.3;
		font-weight: 500;
	}
	.books-top__list .books-list-item__txt-author{
		margin: 15px 0 0;
		text-align: center;
	}
	.books-top__list .books-list-item__txt-author p{
		line-height: 1.5;
	}
	.books-top__list .books-list-item__txt-author p + p{
		margin-top: 5px;
	}
	.books-top__list .books-list-item__txt-author p a{
		color: #D7000F;
		text-decoration: underline;
		line-height: 1.5;
	}


/* books-top-news__list
================================================*/

	.books-top-news__list-item-inner{
		display: flex;
		height: 100%;
		border: 1px solid #ddd;
		flex-direction: column;
		background: #fff;
	}
	.books-top-news__list-item + .books-top-news__list-item{
		margin-top: 16px;
	}
	.books-top-news__list-item a{
		display: block;
	}
	.books-top-news__list-item .news-list-item__txt {
		padding: 15px;
	}
	.books-top-news__list-item .news-list-item__txt h2{
		margin: 15px 0 0;
		font-size: 16px;
		line-height:  1.5;
	}
	.news-list-item__date{
		color: #999;
		font-size: 16px;
	}



}


@media screen  and (max-width: 374px){


}