@media print, screen and (min-width: 1000px){

.contentsBox{
	margin-top:70px;
	padding:0 40px 0 40px;
}

.contentsBox h2.books_page_title{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:28px;
	color:#333;
	font-weight:700;
	line-height:1.5em;
	letter-spacing:0.16em;
	font-feature-settings : "palt";
	margin-bottom:22px;
}

.contentsBox p.books_message{
	font-size:14px;
	font-weight:500;
	line-height:1.7em;
	color:#666;
	letter-spacing:0.06em;
	font-feature-settings : "palt";
}

.contentsBox nav.tags{
	margin-top:15px;
}

.contentsBox nav.tags a{
	margin-right:8px;
	font-size:14px;
	font-weight:500;
	line-height:1.7em;
	color:#666;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
}

.contentsBox ul#book_list{
	margin-top:60px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentsBox ul#book_list li{
	width:14.5%;
	max-width:400px;
	margin:0 0 4.5vw;
}

.contentsBox ul#book_list li img{
	width: 11vw;
	transition: all  0.2s ease;
}

.contentsBox ul#book_list li a:hover img{
	opacity: 0.7;
}

.contentsBox ul#book_list li .book_name{
	margin-top:14px;
	font-size:14px;
	font-weight:500;
	line-height:1.5em;
	color:#666;
	letter-spacing:0.06em;
}

  /* フェード制御 */
  .fade { opacity:1; transition:opacity .2s ease; }
  .fade.is-fading-out { opacity:0; }
  .item[hidden] { display:none; }

}

@media screen and (min-width:640px) and (max-width:1000px){

.contentsBox{
	margin-top:50px;
	padding:0 20px;
}

.contentsBox h2.books_page_title{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:22px;
	color:#333;
	font-weight:700;
	line-height:1.5em;
	letter-spacing:0.16em;
	font-feature-settings : "palt";
	margin-bottom:20px;
}

.contentsBox p.books_message{
	font-size:13px;
	font-weight:500;
	line-height:1.7em;
	color:#666;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
}

.contentsBox nav.tags{
	margin-top:15px;
}

.contentsBox nav.tags a{
	margin-right:8px;
	font-size:13px;
	font-weight:500;
	line-height:1.7em;
	color:#666;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
}

.contentsBox ul#book_list{
	margin-top:40px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentsBox ul#book_list li{
	width:18.0%;
	max-width:400px;
	margin:0 0 4.5vw;
}

.contentsBox ul#book_list li img{
	width: 13.5vw;
	transition: all  0.2s ease;
}

.contentsBox ul#book_list li a:hover img{
	opacity: 0.7;
}

.contentsBox ul#book_list li .book_name{
	margin-top:15px;
	font-size:12px;
	font-weight:500;
	line-height:1.4em;
	color:#666;
	letter-spacing:0.05em;
}

  /* フェード制御 */
  .fade { opacity:1; transition:opacity .2s ease; }
  .fade.is-fading-out { opacity:0; }
  .item[hidden] { display:none; }

}

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

.contentsBox{
	margin-top:50px;
	padding:0 20px;
}

.contentsBox h2.books_page_title{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:19px;
	color:#333;
	font-weight:700;
	line-height:1.5em;
	letter-spacing:0.16em;
	font-feature-settings : "palt";
	margin-bottom:20px;
}

.contentsBox p.books_message{
	font-size:13px;
	font-weight:500;
	line-height:1.7em;
	color:#666;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
}

.contentsBox nav.tags{
	margin-top:15px;
}

.contentsBox nav.tags a{
	margin-right:8px;
	font-size:13px;
	font-weight:500;
	line-height:1.7em;
	color:#666;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
}

.contentsBox ul#book_list{
	margin-top:40px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentsBox ul#book_list li{
	width:47.5%;
	margin:0 0 50px 0;
	border:none;
	text-align:center;
}

.contentsBox ul#book_list li img{
	border:none;
	max-height:190px;
	transition: all  0.2s ease;
}

.contentsBox ul#book_list li a:hover img{
	opacity: 0.7;
}

.contentsBox ul#book_list li .book_name{
	margin-top:12px;
	font-size:12px;
	font-weight:500;
	line-height:1.4em;
	color:#666;
	letter-spacing:0.04em;
}

  /* フェード制御 */
  .fade { opacity:1; transition:opacity .2s ease; }
  .fade.is-fading-out { opacity:0; }
  .item[hidden] { display:none; }

}