@charset "utf-8";

ul.book {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:0; padding:0; list-style-type:none;}
ul.book li {width:25%; margin:1em 0 0 0; padding:0;}
ul.book li:nth-child(3n) {width:43%;}
ul.book li img {width:100%; height:auto;}

/*********************************
 *
 * PAGE STYLES
 *
 *********************************/
.area1 {margin-top:1.5em;}
#contents h3 {color:#2c9ec5; font-size:14px; font-weight:bold;}

/* profile */
table.profile,
table.profile2 {width:100%; margin:0 auto;}
table.profile th, table.profile td,
table.profile2 th, table.profile2 td {padding:1em 0; border-bottom:1px solid #d6d6d1;}
table.profile th,
table.profile2 th {width:12em; font-weight:700; color:#999;}

/* list2 */
ul.list2 {margin:0.5em 0 0 1.3em; list-style-type:disc;}

.gm {margin-top:10px;}

@media screen and (max-width: 767px) {
  .area1 img {width: 100%; height: auto;}
}