@charset "UTF-8";


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

	.books-author-nav ul{
		display: flex;
		margin: 0 -5px;
	}
	.books-author-nav ul li{
		padding: 0 5px;
		width: calc(100% / 12);
	}
	.books-author-nav ul li a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 50px;
		text-align: center;
		border: 1px solid #ddd;
		color: #D7000F;
		font-weight: 500;
		transition: all 500ms ease;
	}
	.books-author-nav ul li a:hover,
	.books-author-nav ul li a.active{
		background: #D7000F;
		border: 1px solid #D7000F;
		color: #fff;
	}

	.books-author-list-box{
		margin: 50px 0 0;
	}
	.books-author-list__header{
		overflow: hidden;
	}
	.books-author-list__header h2{
		font-size: 30px;
		font-weight: 500;
	}
	.books-author-list__header h2 span{
		position: relative;
		padding: 0 20px 0 0;
	}
	.books-author-list__header h2 span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 100%;
		bottom: 0;
		display: block;
		width: 100vw;
		height: 1px;
		background: #ddd;
	}
	.books-author-list{
		margin: 50px 0 0;
		padding: 0 10px;
	}
	.books-author-list ul{
		display: flex;
		flex-wrap: wrap;
	}
	.books-author-list ul li{
		padding: 0 20px;
		width: 33.333%;
	}
	.books-author-list ul li:nth-child(n+4){
		margin-top: 50px;
	}
	.books-author-list ul li a{
		color: #D7000F;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.5;
	}
	.books-author-list ul li a:hover{
		text-decoration: underline;
	}
	.books-author-list ul li span{
		margin: 8px 0 0;
		display: block;
		font-size: 14px;
		line-height: 1.6;
	}


	.books-author-profile__txt{
		max-width: 800px;
		margin: auto;
		padding: 40px 0;
	}
	.books-author-profile__txt p{
		line-height: 1.8;
	}
	.books-author-profile__txt p a{
		color: #D7000F;
		text-decoration: underline;
	}
	.books-author-profile__txt p a:hover{
		text-decoration: none;
	}


}



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

	.books-author-nav ul{
		display: flex;
		margin: 0 -3px;
		flex-wrap: wrap;
	}
	.books-author-nav ul li{
		padding: 0 3px;
		width: calc(100% / 6);
	}
	.books-author-nav ul li:nth-child(n+7){
		margin-top: 6px;
	}

	.books-author-nav ul li a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 45px;
		text-align: center;
		border: 1px solid #ddd;
		color: #D7000F;
		font-weight: 500;
		transition: color 500ms ease,background 500ms ease;
	}
	.books-author-nav ul li a.active{
		background: #D7000F;
		border: 1px solid #D7000F;
		color: #fff;
	}

	.books-author-list-box{
		margin: 50px 0 0;
	}
	.books-author-list__header{
		overflow: hidden;
	}
	.books-author-list__header h2{
		font-size: 24px;
		font-weight: 500;
	}
	.books-author-list__header h2 span{
		position: relative;
		padding: 0 16px 0 0;
	}
	.books-author-list__header h2 span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 100%;
		bottom: 0;
		display: block;
		width: 100vw;
		height: 1px;
		background: #ddd;
	}
	.books-author-list{
		margin: 25px 0 0;
		padding: 0 20px;
	}
	.books-author-list ul li + li{
		margin-top: 30px;
	}
	.books-author-list ul li a{
		color: #D7000F;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.5;
	}
	.books-author-list ul li span{
		margin: 8px 0 0;
		display: block;
		font-size: 14px;
		line-height: 1.6;
	}

	.books-author-profile__txt{
		max-width: 800px;
		margin: auto;
		padding: 25px 0;
	}
	.books-author-profile__txt p{
		line-height: 1.8;
	}
	.books-author-profile__txt p a{
		color: #D7000F;
		text-decoration: underline;
	}



}


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


}