@charset "UTF-8";


.page_ttl {
   background-image: url("../books/img/pagettl-books.png");
}
.h_gold {
   background-image: url("../img/common/h_gold.png");
   -webkit-background-size: 250px 35px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   background-repeat: no-repeat;
   background-position: center 0;
   text-indent: 0;
   font-weight: bold;
   color: #fff;
   margin-bottom: 20px;
   position: absolute;
   top: -20px;
   left: 0;
   width: 100%;
}

.comics {
   margin-bottom: 40px;
}
.img_area {
   text-align: center;
}
.img_area img {
   width: 90%;
}
.books_name {
   color: #ed3370;
   font-size: 1.1em;
   margin-bottom: 10px;
}
.bg_pink {
   background: url("../img/common/bg_pink.gif");
   border: #fdceda 4px solid;
   border-radius: 10px;
   text-align: center;
   padding: 30px 10px 10px;
   position: relative;
}
.img_area img {
   width: 45%;
}
.novel1 {
   margin-bottom: 40px;
}

.comics .img_area img {
   margin: 0 2%;
}


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

   .h_gold {
      -webkit-background-size: 300px 50px;
      height: 50px;
      line-height: 50px;
      font-size: 1.3em;
   }
   .bg_pink {
      padding: 40px;
   }


   .books_name {
      font-size: 1.3em;
   }

   .comics .img_area img {
      width: 35%;
      margin: 0 15px;
   }
   .novel {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }
   .novel .h_gold {
      width: 100%;
   }
   .novel1,.novel2 {
      width: 50%;
   }
   .novel .img_area img {
      width: 65%;
   }
}