@charset "utf-8";
.book_item{background-color: #fff; box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.10); padding: 20px 15px; position: relative;}
.pub_btn{padding: 20px 0rem; text-align: center; display: block; font-size: 20px; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; width: 95%;}
.book_item .item_img{margin-bottom: 15px;}
.book_item h3{font-size: 20px; font-weight: 700; margin-bottom: 15px; color: #203e58;}
.book_item .box{display: flex;}
.book_item .box .name{background: #f6f6f6; padding: 5px 10px; width: 30%; max-width: 80px; min-width: 80px; text-align: center;}
.book_item .box .text{width: 70%; padding: 5px 10px; border-top: solid 1px #f6f6f6; border-right: solid 1px #f6f6f6;}
.book_item .box:last-of-type{margin-bottom: 100px; border-bottom: solid 1px #f6f6f6;}

/*------PC4------*/
@media only screen and (max-width: 1580px) {

}

/*------PC3------*/
@media only screen and (max-width: 1400px) {

}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {

}

/*---PC3---*/
@media only screen and (max-width: 1200px) {

  .book_item h3{font-size: 18px;}
  .book_item .box .name{font-size: 14px; min-width: 65px;}
  .book_item .box .text{font-size: 14px;}
  .pub_btn{font-size: 18px;}
  
}

/*---PAD pro---*/
@media only screen and (max-width: 1050px) {

  .grid-4{grid-template-columns: 1fr 1fr 1fr;}
  
}
  
/*---PAD---*/
@media only screen and (max-width: 880px) {

  .grid-4{grid-template-columns: 1fr 1fr;}

}
  
/*---Sm---*/
@media only screen and (max-width: 767px) {

  .book_item{display: flex; flex-wrap: wrap;}
  .book_item h3{font-size: 16px;}
  .grid-4{grid-template-columns: 1fr;}
  .book_item .item_img{width: 40%; margin-bottom: 0;}
  .book_item .wrp_write{width: 59%; margin-left: 1%;}
  .pub_btn{position: relative; bottom: auto; left: auto; font-size: 16px; width: 100%; padding: 15px 0; margin-top: 20px;}
  .book_item .box:last-of-type{margin-bottom: 0;}
  .book_item .box .name{padding: 5px 5px; min-width: 60px;}

}
  
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}