@charset "utf-8";
#main_head_ttl{width:100%;height:85px;position:relative}
#main_head_ttl img{position:absolute;display:block;top:0;right:0;bottom:0;left:0;margin:auto}
#main_head_ttl2{width:100%;height:85px;position:relative}
#main_head_ttl2 img{position:absolute;display:block;top:0;right:0;bottom:0;left:0;margin:auto}
#pageInlist{margin:20px 80px}
#pageInlist ul li{display:inline-block;margin:5px 10px;font-size:1.4rem;border-right:1px solid #bfbeb9;padding-right:20px}
#pageInlist ul li a:hover{color:#ef8d18;text-decoration:underline}
.genretop{margin:12px 0}
.main_dtlInno{text-align:left;font-size:1.5rem}
.main_dtlInul{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.genretop_left{width:25%;list-style:none}
.bookImglink:hover{text-decoration:none;opacity:.5}
.genretoplabel{margin-top:15px}
.genretop_right{width:72%;padding-right:30px;text-align:left}
.genretoptokki{font-size:1.5rem;font-weight:700;color:#ed8d2d}
.genretopttl{margin-top:10px;font-size:2rem;font-weight:700}
.genretopchosha{margin:20px 0;font-size:1.5rem}
.genretopdtl{font-size:1.5rem}
.genretopmore{text-align:right;margin-top:10px}
.genrelist{margin-top:20px}
.genre_dtlIn{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:0 auto}
.genre_dtlInlist{width:250px;box-sizing:border-box;border-right:1px solid #e5e5e5;padding-bottom:33px;position:relative}
.genre_dtlInlist:nth-child(4n){border-right:0}
.genre_dtlInlist:nth-child(n + 5){box-sizing:border-box;border-top:1px solid #e5e5e5}
.genre_dtlInlist2{width:250px;box-sizing:border-box;border-top:1px solid #e5e5e5;padding-bottom:33px;position:relative}
.genre_dtlInlistIn1{height:100%}
.genre_dtlInlistIn1 a{display:block;padding:20px 10px 16px;height:100%}
.genre_dtlInlistIn1 a:hover{text-decoration:none;opacity:.5}
.genre_dtlInlist_tokki{color:#ff7e02}
.genre_dtlInlistIn2{width:100%;position:absolute;bottom:0;padding-bottom:10px}
.genre_hr{width:100%;height:1px;background:#bfbeb9;border:none;color:#bfbeb9}
.genrebook{max-width:149px;height:auto;vertical-align:middle;display:block;margin-left:auto;margin-right:auto}
.main_ttl{background:url(../common/imgs/h3_ttlbg_pc.png),#f4f4f3;background-repeat:no-repeat;background-position:left center;padding:10px 0 10px 20px;text-align:left;font-size:1.8rem;font-weight:700}
.main_dtl{margin:20px 0}
@media screen and (max-width: 768px) {
#main_head_ttl{width:100%;height:60px;position:relative}
#main_head_ttl img{position:absolute;display:block;top:0;right:0;bottom:0;left:0;margin:auto;max-width:72.5px}
#main_head_ttl2{width:100%;height:60px;position:relative}
#main_head_ttl2 img{position:absolute;display:block;top:0;right:0;bottom:0;left:0;margin:auto;max-width:92px}
#pageInlist{width:90%;margin:10px auto;text-align:right}
#pageInlist ul li{display:inline-block;margin:5px;font-size:1rem;border-right:1px solid #bfbeb9;padding-right:10px}
#pageInlist ul li a:hover{color:#ef8d18;text-decoration:underline}
.genretop{width:90%;margin:30px auto}
.main_dtlInno{text-align:left;font-size:1.3rem}
.main_dtlInul{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.genretop_left{width:100%;list-style:none}
.bookImglink a:hover{text-decoration:none;opacity:1}
.genretoplabel{margin-top:0;margin-bottom:10px}
.genretoplabel img{margin-top:15px;max-width:85px}
.genretop_right{width:100%;padding-right:0;text-align:left}
.genretoptokki{font-size:1.4rem;margin-top: 10px;font-weight:700;color:#ed8d2d}
.genretopttl{margin-top:10px;font-size:1.8rem;font-weight:700}
.genretopchosha{margin:10px 0;font-size:1.4rem}
.genretopdtl{font-size:1.4rem}
.genretopmore{text-align:right;margin-top:10px}
.genretopmore img{max-height:11.5px;margin-top:20px}
.genrelist{width:90%;margin:0 auto;margin-top:10px}
.genre_dtlIn{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:0 auto}
.genre_dtlInlist{width:50%;box-sizing:border-box;border-right:1px solid #e5e5e5;padding-bottom:33px;position:relative}
.genre_dtlInlist:nth-child(4n){border-right:1px solid #e5e5e5}
.genre_dtlInlist:nth-child(n + 5){box-sizing:border-box;border-top:1px solid #e5e5e5}
.genre_dtlInlistIn1{height:100%}
.genre_dtlInlist:nth-child(2n){border-right:0}
.genre_dtlInlist:nth-child(n + 3){box-sizing:border-box;border-top:1px solid #e5e5e5}
.genre_dtlInlist2{width:50%;box-sizing:border-box;border-top:1px solid #e5e5e5;padding-bottom:33px;position:relative}
.genre_dtlInlistIn1 a{display:block;padding:20px 10px 16px;height:100%}
.genre_dtlInlistIn1 a:hover{text-decoration:none;opacity:1}
.genre_dtlInlist_tokki{color:#ff7e02}
.genre_dtlInlistIn2{width:100%;position:absolute;bottom:0;padding-bottom:10px}
.genre_dtlInlistIn2 img{max-width:85px}
#pager_smt{width:90%;margin:0 auto}
.genre_hr{width:100%;height:1px;background:#bfbeb9;border:none;color:#bfbeb9}
.genrebook{max-width:110px;height:auto;vertical-align:middle}
.main_ttl{background:url(../common/imgs/h3_ttlbg_sp.png),#f4f4f3;background-size:12.5px 9px;background-repeat:no-repeat;background-position:left center;padding:5px 0 5px 18px;text-align:left;font-size:1.5rem;font-weight:700}
.main_dtl{margin:20px 0}
}