@charset "utf-8";
.top-pickup-first{padding-top:64px;}
.top-pickup-first__cover{margin:26px auto 16px;}
.top-pickup-first__img{width:60%;border-radius:4px;border: 1px solid rgba(204,204,204,0.3);}
.top-pickup-first__text{background:#fff;padding:16px;margin:0 0 24px 16px;text-align:left;color:#000;}
.top-pickup-first__catch{font-weight: 600;font-size: 22px;line-height: 33px;margin-bottom:8px;}
.top-pickup-first__title{font-size: 16px;line-height: 22px;font-weight:bold;}
.top-pickup-first__author{font-size: 16px;line-height: 24px;}

.top-pickup{background:#f5f5f5;position:relative;z-index:1;}
.top-pickup__list{display: flex;justify-content: space-between;flex-wrap: wrap;padding:16px 16px 0;}
.top-pickup__img{border-radius:4px;max-width:100%;border:1px solid rgba(204,204,204,0.3);box-sizing: border-box;}
.top-pickup__item{width:50%;box-sizing:border-box;margin-bottom:24px;}
.top-pickup__item:nth-child(odd){padding:0 16px 0 8px;}
.top-pickup__item:nth-child(even){padding:0 8px 0 16px;}
.top-pickup__heading{color:#000;font-weight: 600;font-size: 22px;line-height: 33px;margin-bottom:8px;}
.top-pickup__cover{margin-bottom:8px;}
.top-pickup__title{color:#000;font-size: 12px;line-height: 16px;font-weight:bold;}
.top-pickup__author{color:#000;font-size: 12px;line-height: 18px;}

.top-specia__list{width:100%;height:90px;margin-top:10px;}
.top-specia__image{width:auto;height:90px;}
.top-specia__link{display:block;}

@media screen and (min-width: 1024px) {
  .top-pickup-first__wrap{padding:60px 0 56px;}
  .top-pickup-first__url{display:flex;justify-content:space-around;align-items:center;}
  .top-pickup-first__cover{margin:0;}
  .top-pickup-first__img{width:338px;}
  .top-pickup-first__text{width:494px;box-sizing:border-box;margin:0;padding:32px;}
  .top-pickup-first__catch{font-weight: 600;font-size: 32px;line-height: 48px;}
  .top-pickup-first__summary{font-size: 18px;line-height: 32px;margin:16px 0;}
  
  .top-pickup__list{padding:32px 0 0;}
  .top-pickup__item{width:22%;}
  .top-pickup__title{font-size: 16px;line-height: 22px;}
  .top-pickup__author{font-size: 14px;line-height: 24px;}

  .top-specia__list{width:1000px;height:120px;margin-top:10px;}
  .top-specia__image{width:auto;height:120px;}
}.ranking{padding-top:48px;}
.ranking__heading{padding:14px;display:flex;justify-content:space-between;align-items:baseline;}
.ranking-block{margin-bottom:80px}
.ranking-block__header{padding:8px 14px;display:flex;justify-content:space-between;align-items:center;}
.ranking-block__heading{color:#4E4645;font-size:24px;font-weight:600;}
.ranking-block__more{border:solid 1px #055F96;border-radius:10px;padding:14px 10px 14px 40px;box-sizing:border-box;font-size:14px;font-weight:bold;background:url(/common/images/v2/books/icon-calendar.svg) no-repeat 10px center;}
.ranking-list{display:flex;justify-content:space-between;flex-wrap: wrap;}
.ranking-list__bg{padding:24px 0;}
.ranking-list__bg .ranking-list__img{
  width:60%;
}
.ranking-list__bg-img{
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  z-index: -1;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  object-fit: cover;
  width: 130%;
  height: 120%;
}
.ranking-list__img{
  border-radius: 4px;
  max-width: 100%;
  width: 100%;
  height: auto;
  border:1px solid rgba(204,204,204,0.3);
  box-sizing: border-box;
}
.ranking-list__item{width:50%;box-sizing:border-box;margin-bottom:24px;}
.ranking-list__item:nth-child(odd){padding:0 16px 0 8px;}
.ranking-list__item:nth-child(even){padding:0 8px 0 16px;}
.ranking-list__item:first-child{width:100%;padding:0;}
.ranking-list__item:first-child .ranking-list__text{padding:16px;background-color:#fff;text-align:left;}
.ranking-list__text{color:#000;}
.ranking-list__catch{font-size:22px;line-height:33px;font-weight:600;margin-bottom:4px;}
.ranking-list__summary{font-size:14px;line-height:24px;margin-bottom:4px;}
.ranking-list__title{font-size:14px;font-weight:bold;line-height:20px;}
.ranking-list__author{font-size:12px;line-height:18px;}
.ranking-list__cover{overflow:hidden;position:relative;}
.ranking-list__item:not(:first-child){max-width: 350px;margin: 0 auto;}
.ranking-list__label{position:relative;}
.ranking-list__label::after{content:"";display:block;border-width:36px;border-style:solid;border-color:transparent transparent #66899E transparent;transform: rotate(135deg);position:absolute;bottom:-34px;right:-36px;}
.ranking-list__num{color:#fff;font-weight:bold;font-size:20px;position:absolute;right:11px;bottom:6px;z-index:1;}
.ranking-list__item:first-child .ranking-list__label::after{content:"";display:block;border-width:46px;border-style:solid;border-color:transparent transparent #EBB050 transparent;transform: rotate(135deg);position:absolute;bottom:-70px;right:-46px;}
.ranking-list__item:first-child .ranking-list__num{font-size:36px;position:absolute;right:9px;bottom:-23px;z-index:1;}
.ranking-list__item:nth-child(2) .ranking-list__label::after{border-style:solid;border-color:transparent transparent #818181 transparent;}
.ranking-list__item:nth-child(3) .ranking-list__label::after{border-style:solid;border-color:transparent transparent #A86923 transparent;}

@media screen and (min-width: 1024px) {
   .ranking__heading{padding:14px 0;}
   .ranking-block__header{padding:8px 0;}
   .ranking-list__item{width:22%;}
   .ranking-list__item:first-child .ranking-list__url{display:flex;flex-wrap:wrap;align-items: center;justify-content: center;padding:32px;position:relative;}
   .ranking-list__item:first-child .ranking-list__text{background:transparent;width:362px;padding:32px;}
   .ranking-list__item:first-child .ranking-list__inner{background:#fff;padding:24px;}
   .ranking-list__item:first-child .ranking-list__cover{width:224px;}
   .ranking-list__item:nth-child(odd){padding:0;}
   .ranking-list__item:nth-child(even){padding:0;}
   .ranking-list__bg{padding:0;}
   .ranking-list__bg .ranking-list__img{width:100%;}
   .ranking-list__cover{background-image:none !important;}
   .ranking-list__title{font-size: 16px;line-height: 22px;}
   .ranking-list__author{font-size:14px;line-height:24px;}
   .ranking-list__label.is-pc.--num-first{position:absolute;right:0;bottom:24px;}
   
}.media-info__item{position:relative;}
.media-info__badge{position:absolute;top:0;left:8px;width:60px;height:50px;line-height:50px;text-align:center;font-size:14px;font-weight:bold;color:#fff;z-index:1;}
.media-info__badge::after{content:"";display:block;border-style:solid;border-width:10px 30px;}
.media-info__badge.cinema{background:#2B61BB;}
.media-info__badge.cinema::after{border-color:#2B61BB transparent transparent transparent;}
.media-info__badge.stage{background:#984DC6;}
.media-info__badge.stage::after{border-color:#984DC6 transparent transparent transparent;}
.media-info__badge.tv{background:#BE323C;}
.media-info__badge.tv::after{border-color:#BE323C transparent transparent transparent;}
.media-info__badge.radio{background:#FF8F0C;}
.media-info__badge.radio::after{border-color:#FF8F0C transparent transparent transparent;}
.media-info__badge.game{background:#4189A0;}
.media-info__badge.game::after{border-color:#4189A0 transparent transparent transparent;}
.media-info__badge.other{background:#2C2C2C;}
.media-info__badge.other::after{border-color:#2C2C2C transparent transparent transparent;}
.media-info__cover{padding:24px 0 0;}
.media-info__cover.--pdb{padding:24px 0 8px;}
.media-info__img{width:55%;margin-bottom:8px;border-radius:4px;}
.media-info__item.--page{margin-bottom:60px;}
.media-info__title{color:#fff;font-size:16px;line-height:22px;font-weight:bold;filter:drop-shadow(0px 0px 2px rgba(000, 000, 000, 1));}
.media-info__author{color:#fff;font-size:14px;line-height:16px;filter:drop-shadow(0px 0px 2px rgba(000, 000, 000, 1));font-weight:bold;}
.media-info__text{padding:16px;background:rgba(0,0,0,0.6);color:#fff;text-align:left;margin-top:8px;}
.media-info__catch{font-size:18px;line-height:1.2em;font-weight:bold;margin-bottom:12px;}
.media-info__summary{font-size:14px;line-height:20px;font-weight:bold;}

@media screen and (min-width: 1024px) {
  .media-info__list{display:flex;flex-wrap:wrap;}
  .media-info__list.--page{display:block;}
  .media-info__item{width:33%}
  .media-info__item.--page{width:100%;display: flex;justify-content: space-between;}
  .media-info__img{height:270px;width:auto;}
  .media-info__cover{height:100%;box-sizing:border-box;}
  .media-info__cover.--pdb{width:384px;}
  .media-info__text{min-height:140px;}
}
.other-media__menu{margin:24px 0;background:#f5f5f5;padding:15px 14px;overflow-y:hidden;scrollbar-width:none;}
.other-media__menu-item{font-size: 16px;line-height: 32px;color:#5a5a5a;}
.other-media__menu-item.--current{font-weight:bold;color:#055F96;background:#fff;padding:10px 16px;border-radius:8px;line-height:1;}
.other-media__menu-label{display:flex;flex-wrap:wrap;gap:8px;max-width:940px;width:max-content;}

.other-media__label{background-color:#fff;border:solid 1px #055F96;border-radius:100px;color:#055F96;display:inline-block;font-size:14px;line-height:1;padding:10px 14px;}
.other-media__label.--current{background-color:#055F96;color:#fff;font-weight:700;}
.other-media__label-box {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;}

.other-media__summary{margin:24px 16px;}
.other-media__summary > p{font-size: 16px;line-height: 32px;text-align:center;}

.other-media__cover{position:relative;padding:24px 0;}
.other-media__img{width:60%;border-radius:4px;}

.other-media__text{margin:24px 16px;}
.other-media__title{font-size: 20px;line-height: 22px;font-weight:bold;margin-bottom:4px;}
.other-media__catch{font-size: 14px;line-height: 24px;}

.media-info__form{margin-bottom:16px;}
.media-info__form select{margin-right:16px;border-style:none;font-size: 14px;font-weight: 600;}
.media-info__item-catch{font-size:18px;font-weight:700;line-height:1.5;margin:0 16px 10px;}

.other-media__info{margin:16px 0;}
.other-media__info table{width:100%;border:solid 1px #dde7eb;}
.other-media__info th{background:#F2F7F9;padding: 8px 16px;font-size: 14px;line-height: 20px;color:#5a5a5a;display:block;text-align:left;}
.other-media__info td{display:block;font-size: 14px;line-height: 24px;padding: 16px;}

.hon-link__heading{font-size: 12px;line-height: 16px;color:#fff;background: #D07046;font-weight:bold;border-radius: 4px;padding:2px 8px;margin-bottom:6px;display:inline-block;}
.hon-link__link{display:block;margin-bottom:4px;font-size: 12px;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

@media screen and (min-width: 1024px) {
  .other-media__text{margin:0;width:600px;}
  .other-media__info table{border-style:none;border-collapse: collapse;}
  .other-media__info th{display:revert;border-bottom:solid 1px #DDE7EB;border-left:solid 1px #DDE7EB;width:102px;box-sizing:border-box;}
  .other-media__info td{display:revert;border-right:solid 1px #DDE7EB;border-bottom:solid 1px #DDE7EB;}
  .other-media__info tr:first-child th,
  .other-media__info tr:first-child td{border-top:solid 1px #DDE7EB;}
  
  .other-media__menu{display:flex;justify-content:center;align-items:center;padding:24px 0;}
  .other-media__menu-item.--current{padding:13px 0;}
  .other-media__menu-item{width:240px;padding:13px 0;text-align:center;margin:0 12px;}
  .other-media__menu-label{justify-content:center;gap:14px;max-width:1000px;}
  .other-media__label-box {margin:20px 0;}

  .media-info__item-catch{font-size:22px;font-weight:700;line-height:1.5;margin:0 0 20px;}
}.book-detail__cover{padding: 24px 24px 26px; text-align: center;}
.book-detail__image{
  width: 60%;
  height: auto;
  margin: auto;
  border: 1px solid rgba(204,204,204,0.3);
  border-radius: 4px;
}
.book-detail__reading{margin-top:20px;}
.book-detail__browsing{color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    border: solid 1px #fff;
    border-radius: 6px;
    padding: 10px 12px 10px 42px;
    background: url(/common/images/v2/books/icon-reading-wh.svg) #055F96 no-repeat 36px 5px;
    width: 40%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
/*filter: drop-shadow(0px 0px 1px rgba(000,000,000,0.7));*/}

.book-detail__info {
  margin: 11px 16px 16px;
}
.book-detail__awards{font-weight: bold;color: #7c6f32;font-size: 18px;margin: 20px auto 10px;line-height: 1.4;}
.book-detail__price{font-size: 18px;line-height: 22px;  font-weight: bold; text-align: right;margin-top:16px;}
.book-detail__price > span{font-weight:normal;font-size:12px;line-height:20px;margin-left:1px}
.book-detail__title{font-size: 24px; line-height: 30px;margin-bottom:4px;display: block;}
.book-detail__prefix{margin-bottom: 4px;  line-height: 20px;font-weight:bold;font-size:16px;display: block;}
.book-detail__subtitle{margin-bottom: 10px;line-height: 18px;display: block;}
.book-detail__author{font-style: normal; font-weight: normal;}
.book-detail__author-link{font-size: 16px;line-height:1.6em;margin-right:10px;}

.book-detail-series{margin:16px 0;}
.book-detail-series__list{display:flex;flex-wrap:wrap;}
.book-detail-series__link{width:25%;margin-right:7px;}
.book-detail-series__link:last-child{margin-right:0;}
.book-detail-series__cover{
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.book-detail-series__cover.--current{box-shadow: 0 0 10px #ccc;border:solid 1px #055F96;}
.book-detail-series__title{font-size: 12px;line-height: 16px;font-weight:bold;color: #2C2C2C;}

.book-detail__meta{margin-top:16px;display:flex;justify-content:space-between;}
.book-detail__date-th{font-size:12px;line-height:18px;color:#5a5a5a;width:56px;display:inline-block;}
.book-detail__date-td{font-size:12px;line-height:18px;color:#5a5a5a;display:inline-block;}
.book-detail__issue-th{font-size:12px;line-height:18px;color:#5a5a5a;width:56px;display:inline-block;}
.book-detail__issue-td{font-size:12px;line-height:18px;color:#5a5a5a;display:inline-block;}
.book-detail__genre-th{font-size:12px;line-height:18px;color:#5a5a5a;width:56px;display:inline-block;}
.book-detail__genre-td{font-size:12px;line-height:18px;color:#5a5a5a;display:inline-block;}
.book-detail__num-th{font-size:12px;line-height:18px;color:#5a5a5a;width:56px;display:inline-block;}
.book-detail__num-td{font-size:12px;line-height:18px;color:#5a5a5a;display:inline-block;}
.book-detail__item-info{font-size:12px;line-height:18px;color:#5a5a5a;border:solid 1px #5a5a5a;border-radius:6px;padding:4px 10px;}

.book-detail__list{margin:16px;display:none;}
.book-detail__list table{border-collapse: collapse;width:100%;}
.book-detail__list th,.book-detail__list td{border:solid 1px #5a5a5a;padding:5px;line-height:20px;}
.book-detail__list th{text-align:left;color:#4E4645;font-size:12px;background:#F5F5F5;font-size:12px;width:35%;}
.book-detail__list td{font-size:14px;}


.book-introduction{margin:16px;border-top:solid 1px #F5F5F5;padding:24px 0;}
.book-introduction__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;}
.book-introduction__catch{color:#5A5A5A;font-size:18px;line-height:26px;margin-bottom:16px;}
.book-introduction__main-catch{font-weight: 600;font-size: 22px; line-height: 30px; margin-bottom: 16px;}
.book-introduction__note{font-size:16px;line-height:32px;margin-bottom:24px;}
.book-introduction__section > p{font-size:16px;line-height:32px;margin-bottom:24px;}

.book-introduction__notehtml-area p{font-size:16px;line-height:32px;margin-bottom:24px;}
.book-introduction__notehtml-area li{font-size: 16px;line-height:30px;margin:10px auto;}
.book-introduction__notehtml-area h4{color: #000;font-size:18px;line-height:1.6em;margin-bottom:16px;}
.book-introduction__notehtml-area h3 {color: #000;font-size: 20px;line-height: 1.8em;margin-bottom: 16px;}
.book-introduction__notehtml-area iframe{width:100%;}
.book-introduction__notehtml-area img{
  max-width: 100%;
  height: auto;
}
.book-introduction__notehtml-area.add-space > .figure{ width: auto !important;}
.book-introduction__notehtml-area.add-images .add-images__list{margin:20px auto;text-align:center;}
.book-introduction__notehtml-area.add-images .add-images__list img{border: 1px solid #ddd;}
.figure.sp_banner{text-align:center;}
.music{margin: 0 auto 40px;}
.movie_sq {position: relative;margin: 40px auto;clear: both;max-width: 450px;}
.movie iframe, .movie_sq iframe, .movie_ver iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.movie_sq::before {content: "";width: 100%;display: block;padding-top: 100%;}
.movie::before {content: "";width: 100%;display: block;padding-top: 56.25% !important;}
.movie {position: relative;margin: 40px auto;clear: both;max-width: 750px;}
.movie_ver::before { content: "";display: block; width: 100%;padding-top: 177%;}
.movie_ver { position: relative;margin: 40px auto;clear: both;  max-width: 300px;}

.add-htmls .podcast iframe {margin: 10px auto 20px;border: 1px solid #ddd; border-radius: 8px;}
.add-htmls .podcast p {font-size: 16px; line-height: 1.6em;margin-bottom: 10px;}
.add-htmls .podcast a p.audible{text-align: center; margin: 0 auto 20px;line-height:48px;border: 1px solid #055F96;border-radius: 8px; max-width: 300px; width: 90%;padding:0;}

.book-index{padding:24px 0;}
.book-index__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;}
.book-index__detail{font-size:16px;line-height:1.6rem;}

.book-related-series{padding:24px 0;}
.book-related-series__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;}
.book-related-series__list{margin:8px 0;display:flex;flex-wrap:wrap;height:115px;overflow:hidden;}
.book-related-series__link{margin-right:3%;}
.book-related-series__link:nth-child(4n){margin-right:0;}
.book-related-series__cover{
  border-radius: 4px;
  max-height: 115px;
  width: auto;
  height: 100%;
}

.book-honnohanashi{margin:16px;border-top:solid 1px #F5F5F5;padding:24px 0 48px;}
.book-honnohanashi__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;cursor:pointer;}
.book-honnohanashi__wrap{position:relative;margin-bottom:16px;}
.book-honnohanashi__wrap.--nodisp{display:none;}
.book-honnohanashi__btn{position:relative;}
.book-honnohanashi__more{width:100%;box-sizing:border-box;text-align:center;color:#000;font-weight:bold;font-size:16px;display:block;cursor:pointer;position:relative;padding:0 0 20px 0;}
.book-honnohanashi__more::before{content:"";border-top:solid 2px #000;border-right:solid 2px #000;width:7px;height:7px;transform:rotate(135deg);position:absolute;left:33%;}
.book-honnohanashi__more.js-none{display:none;}
.book-honnohanashi__close{width:100%;box-sizing:border-box;text-align:center;color:#000;font-weight:bold;font-size:16px;display:block;cursor:pointer;position:relative;padding:0 0 20px 0;}
.book-honnohanashi__close::before{content:"";border-bottom:solid 2px #000;border-left:solid 2px #000;width:7px;height:7px;transform:rotate(135deg);position:absolute;left:37%;top:6px;}
.book-honnohanashi__item{margin-bottom:16px;padding-bottom:16px;}
.book-honnohanashi__item:last-child{margin-bottom:0;}
.book-honnohanashi__image{width:auto;height:auto;max-width:100%;max-height:180px;vertical-align:bottom;}
.book-honnohanashi__title{font-weight:700;margin:10px;font-size:18px;line-height:24px;}
.book-honnohanashi__link{font-size:15px;line-height:20px;display:block;color:#000;}
.book-honnohanashi__meta{margin-top:10px;    display: flex;justify-content: space-between;align-items:center;}
.book-honnohanashi__date{color:#5A5A5A;font-size: 12px;line-height: 17px;margin-right:4px;}
.book-honnohanashi__date:before{ content:""; background: url(/common/images/v2/books/icon-calendar-s.svg) no-repeat left; background-size: 13px; font-size: 12px;margin: 0 0.3em 0 0;vertical-align: top;display: inline-block; width: 12px;height:16px;}
.book-honnohanashi__genre{font-size:12px;line-height:17px;font-weight:bold;padding:3px 16px;border-radius:4px;}
.book-honnohanashi__genre.--interview{color: #d19d52;}
.book-honnohanashi__genre.--outset{color: #5cd17f;}
.book-honnohanashi__genre.--columnessay{color: #d1473d;}
.book-honnohanashi__genre.--event{color: #3291d1;}
.book-honnohanashi__genre.--event-sch{color: #2C6BE8;}
.book-honnohanashi__genre.--event-report{color: #2A37DE;}
.book-honnohanashi__genre.--review{color: #3d82ea;}
.book-honnohanashi__genre.--commentary{color: #D7A3A1;}
.book-honnohanashi__genre.--mystery-ch{color: #3d82ea;}
.book-honnohanashi__genre.--tachiyomi{color: #269E4A;}
.book-honnohanashi__genre.--sales{color: #e63331;}
.book-honnohanashi__genre.--koukousei{color: #47c2d1;}
.book-honnohanashi__genre.--media-release{color: #3d82ea;}
.book-honnohanashi__genre.--bunshun-photo{color: #3d82ea;}
.book-honnohanashi__genre.--books-online,
.book-honnohanashi__genre.--bunshun-online{color: #11263e;}
.book-honnohanashi__genre.--sp{color: #000;}
.book-honnohanashi__genre.--news{color: #202F55;}
.book-honnohanashi__genre.--info{color: #5F6527;}
.book-honnohanashi__genre.--feature{color: #A40E4C;}
.book-honnohanashi__genre.--crea-web{color:  #200c0c;}
.book-honnohanashi__genre.--default{color:#333;padding-left:0;}
.book-honnohanashi__notice{text-align:right;font-size:12px;margin-top:20px;}

.book-recommend{margin:16px;border-top:solid 1px #F5F5F5;padding:24px 0 48px;}
.book-recommend__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;cursor:pointer;}
.book-recommend__wrap{position:relative;margin-bottom:16px;}
.book-recommend__wrap.--nodisp{display:none;}
.book-recommend__btn{position:relative;}
.book-recommend__more{width:100%;box-sizing:border-box;text-align:center;color:#000;font-weight:bold;font-size:16px;display:block;cursor:pointer;position:relative;padding:0 0 20px 0;}
.book-recommend__more::before{content:"";border-top:solid 2px #000;border-right:solid 2px #000;width:7px;height:7px;transform:rotate(135deg);position:absolute;left:33%;}
.book-recommend__more.js-none{display:none;}
.book-recommend__close{width:100%;box-sizing:border-box;text-align:center;color:#000;font-weight:bold;font-size:16px;display:block;cursor:pointer;position:relative;padding:0 0 20px 0;}
.book-recommend__close::before{content:"";border-bottom:solid 2px #000;border-left:solid 2px #000;width:7px;height:7px;transform:rotate(135deg);position:absolute;left:37%;top:6px;}
.book-recommend__item{border-bottom:solid 0.5px #BDBDBD;margin-bottom:16px;padding-bottom:16px;}
.book-recommend__item:last-child{margin-bottom:0;}
.book-recommend__link{font-size:15px;line-height:20px;display:block;}
.book-recommend__meta{margin-top:10px;}
.book-recommend__date{color:#5A5A5A;font-size: 12px;line-height: 17px;margin-right:4px;}
.book-recommend__genre{font-size:12px;line-height:17px;font-weight:bold;color:#fff;padding:3px 16px;border-radius:4px;}
.book-recommend__genre.--interview{background-color: #d19d52;}
.book-recommend__genre.--outset{background-color: #5cd17f;}
.book-recommend__genre.--columnessay{background-color: #d1473d;}
.book-recommend__genre.--event{background-color: #3291d1;}
.book-recommend__genre.--event-sch{background-color: #2C6BE8;}
.book-recommend__genre.--event-report{background-color: #2A37DE;}
.book-recommend__genre.--review{background-color: #3d82ea;}
.book-recommend__genre.--commentary{background-color: #D7A3A1;}
.book-recommend__genre.--mystery-ch{background-color: #3d82ea;}
.book-recommend__genre.--tachiyomi{background-color: #269E4A;}
.book-recommend__genre.--sales{background-color: #e63331;}
.book-recommend__genre.--koukousei{background-color: #47c2d1;}
.book-recommend__genre.--media-release{background-color: #3d82ea;}
.book-recommend__genre.--bunshun-photo{background-color: #3d82ea;}
.book-recommend__genre.--books-online,
.book-recommend__genre.--bunshun-online{background-color: #11263e;}
.book-recommend__genre.--sp{background-color: #000;}
.book-recommend__genre.--news{background-color: #202F55;}
.book-recommend__genre.--info{background-color: #5F6527;}
.book-recommend__genre.--feature{background-color: #A40E4C;}
.book-recommend__genre.--crea-web{background-color:  #200c0c;}
.book-recommend__genre.--default{color:#333;padding-left:0;}
.book-recommend__notice{text-align:right;font-size:12px;margin-top:20px;}

.book-editor{margin:16px;padding:0 0 24px 0;}
.book-editor__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;cursor:pointer;}
.book-editor__comment{font-size:16px;line-height:32px;}

.book-author{margin:16px;border-top:solid 1px #F5F5F5;padding:24px 0;}
.book-author__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;}
.book-author__item:not(:last-child){margin-bottom:48px;}
.book-author__name{font-size:18px;line-height:22px;}
p.book-author__profile{line-height: 1.6em;font-size: 16px;margin: 10px auto;}
.book-author__books{margin:16px 0 24px;height:115px;overflow:hidden;display:flex;flex-wrap:wrap;}
.book-author__link:not(last-child){margin-right: 3%;}
.book-author__cover{
  border-radius:4px;
  max-height:115px;
  width: auto;
  height: 100%;
  border:1px solid rgba(204,204,204,0.3);
  box-sizing: border-box;
}

.book-comment{padding:24px 16px;background:#F5F5F5;}
.book-comment__heading{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;}
.book-comment__summary{font-size:16px;line-height:32px;}
.book-comment__form{margin:16px 0;}
.book-comment__index{font-size:14px;line-height:24px;color:#5A5A5A;position:relative;margin:24px 0 5px;}
.book-comment__index.--required::after{content:"必須";color:#BE0123;font-size:10px;line-height:18px;border:solid 1px #BE0123;border-radius:2px;position:absolute;top:2px;margin-left:5px;padding:0 5px;}
.book-comment__radio{margin-top:15px;}
.book-comment__textarea{border:solid 1px #BDBDBD;border-radius:8px;padding:8px 16px;font-size:16px;line-height:32px;width:100%;box-sizing:border-box;}
.book-comment__input{border:solid 1px #BDBDBD;border-radius:8px;padding:8px 16px;font-size:16px;line-height:32px;width:100%;box-sizing:border-box;}
.book-comment__input-age{margin-right:8px;width:64px;border:solid 1px #BDBDBD;border-radius:8px;padding:8px;font-size:16px;line-height:32px;box-sizing:border-box;}
.book-comment__textarea::placeholder,
.book-comment__input::placeholder,
.book-comment__input-age::placeholder{color:#BDBDBD;}
.book-comment__btn{background: #fff;appearance: none;width: 100%;box-sizing: border-box;color: #055F96;margin-top:36px;}

.book-promotion{margin:16px;border-bottom:solid 1px #F5F5F5;padding:24px 0;}
.book-promotion__heading.--center{color:#5A5A5A;font-size:22px;line-height:30px;margin-bottom:16px;text-align:center;}
.book-promotion__btn{margin:16px auto;display:block;color:#fff;background:url(/common/images/v2/books/icon-book-wh.svg) no-repeat 16px 14px #05967C;border-radius:10px;text-align:center;font-size:16px;font-weight:bold;height:48px;line-height:48px;width:70%;padding-left: 20px;box-sizing: border-box;}
.book-promotion__btn.--wide{width:80%;}
.book-promotion__summary{font-size:16px;line-height:32px;}
.book-promotion__mail{margin:16px 0;text-align:center;}
.book-promotion__mail > a{color:#055F96;font-size:22px;line-height:30px;font-weight:bold;}
.book-promotion__notes{background: rgba(5, 95, 150, 0.1);border-radius: 4px;padding:16px;}
.book-promotion__notes > p{font-size:16px;line-height:32px;}

.book-cart{padding:10px 16px 24px;background:#fff;z-index:993;display:flex;justify-content:space-between;position:fixed;bottom:0;right:0;left:0;}
.book-cart__btn{width:48%;display:block;text-align:center;font-size:16px;font-weight:bold;height:48px;line-height:48px;border-radius:10px;box-sizing: border-box;}
.book-cart__stock{border:solid 1px #055F96;background:url(/common/images/v2/books/icon-books.svg) no-repeat 40px 13px #fff;padding-left:30px;color:#055F96;cursor:pointer;}
.book-cart__buy{background:url(/common/images/v2/books/icon-cart.svg) 10px 14px no-repeat #055F96;color:#fff;padding-left:24px;cursor:pointer;}
.book-cart__buy.--wide{width:100%;background:url(/common/images/v2/books/icon-cart.svg) 30% 14px no-repeat #055F96}
.book-cart__stock.--wide{width:100%;background:url(/common/images/v2/books/icon-books.svg) no-repeat 120px 13px #fff;}
.book-cart.isbm9784163919348{
  display: none !important;
}

.book-stock-link{box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.04);border-radius: 10px;background:#fff;padding:16px;box-sizing:border-box;display:none;z-index:999;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
.book-stock-link__heading{text-align:center;font-size:16px;line-height:20px;margin-bottom:4px;}
.book-stock-link__note{font-size:12px;line-height:18px;color:#5A5A5A;text-align:center;}
.book-stock-link__list{margin-top:10px;}
.book-stock-link__link{display:block;line-height:48px;height:48px;text-align:center;border:solid 1px #000;border-radius:10px;font-size:16px;font-weight:bold;margin-bottom:16px;color:#000;}
.book-stock-link__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 15px;
  row-gap: 10px;
  margin-top: 16px;
}
.book-stock-link__items-link{color:#055F96;font-size:14px;line-height:24px;padding:2px 0 2px 20px;}
.book-stock-link__items-link.--ebook{background:url(/common/images/v2/books/icon-tablet.svg) no-repeat left;}
.book-stock-link__items-link.--bunko,
.book-stock-link__items-link.--tankoubon,
.book-stock-link__items-link.--shinsho,
.book-stock-link__items-link.--comic{background:url(/common/images/v2/books/icon-book-label.svg) no-repeat left;}
.book-stock-link__close{width:14px;height:14px;display:block;overflow:hidden;white-space:nowrap;text-indent:200%;font-size:0;background:url(/common/images/v2/books/icon-close.svg) no-repeat center;position: absolute;top: 16px;right: 16px;}


.book-purchase{box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.04);border-radius: 10px;background:#fff;padding:16px;box-sizing:border-box;display:none;z-index:999;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
.book-purchase__heading{text-align:center;font-size:16px;line-height:20px;margin-bottom:4px;}
.book-purchase__note{font-size:12px;line-height:18px;color:#5A5A5A;text-align:center;}
.book-purchase__bunko{margin:8px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.book-purchase__ebook{margin:8px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.book-purchase__link{display:block;width:156px;height:50px;overflow:hidden;white-space:nowrap;text-indent:200%;font-size:0;margin-bottom:16px;background-image:url(/common/images/v1/common/btns2x.png);background-repeat:no-repeat;background-size: 1295px 600px;}
.book-purchase__link.--amazon{background-position:0 -207px;}
.book-purchase__link.--rakuten{background-position:-498px -207px;}
.book-purchase__link.--seven{background-position:-664px -207px;}
.book-purchase__link.--kinokuniya{background-position:-332px -276px;}
.book-purchase__link.--tsutaya{background-position:-166px -345px;}
.book-purchase__link.--ehon{background-position:-830px -207px;}
.book-purchase__link.--honyaclub{background-position:-332px -345px;}
.book-purchase__link.--honto{background-position:0 -276px;}
.book-purchase__link.--ogaki{background-position:-498px -345px;}
.book-purchase__link.--kindle{background-position:-166px -207px;}
.book-purchase__link.--ibooks{background-position:0 -345px;}
.book-purchase__link.--kobo{background-position:-332px -207px;}
.book-purchase__link.--e-seven{background-position:-664px -207px;}
.book-purchase__link.--booklive{background-position:-996px -207px;}
.book-purchase__link.--e-honto{background-position:0 -276px;}
.book-purchase__link.--kinoppy{background-position:-166px -276px;}
.book-purchase__link.--readerstore{background-position:-498px -276px;}
.book-purchase__link.--garapagos{background-position:-996px -276px;}
.book-purchase__link.--hmv{background:url(/common/images/v2/books/store_hmv001.png) no-repeat center;background-size:156px 50px;}
.book-purchase__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 15px;
  row-gap: 10px;
  margin-top: 16px;
}
.book-purchase__items-link{color:#055F96;font-size:14px;line-height:24px;padding:2px 0 2px 20px;}
.book-purchase__items-link.--ebook{background:url(/common/images/v2/books/icon-tablet.svg) no-repeat left;}
.book-purchase__items-link.--bunko,
.book-purchase__items-link.--shinsho,
.book-purchase__items-link.--comic,
.book-purchase__items-link.--tankoubon{background:url(/common/images/v2/books/icon-book-label.svg) no-repeat left;}
.book-purchase__close{width:14px;height:14px;display:block;overflow:hidden;white-space:nowrap;text-indent:200%;font-size:0;background:url(/common/images/v2/books/icon-close.svg) no-repeat center;position: absolute;top: 16px;right: 16px;}

.book-classification {
  --font-size: 12px;
  border-bottom: 1px solid rgb(0 0 0 / 0.2);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.book-classification__list {
  display: flex;
  flex-wrap: wrap;
}
.book-classification__item {
  position: relative;
}
.book-classification__item:not(:first-child) {
  padding-left: 10px;
}
.book-classification__item:not(:last-child) {
  padding-right: 6px;
}
.book-classification__item:not(:first-child)::before {
  content: '/';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: grid;
  place-items: center;
  font-size: var(--font-size);
  margin: auto;
}
.book-classification__text {
  display: inline-block;
  font-size: var(--font-size);
  padding-block: 0.5em;
}

@media screen and (min-width: 1024px) {
  .book-detail__wrap{width:1000px;margin:auto;display:flex;justify-content: space-between;}
  .book-detail__main{width:652px;box-sizing:border-box;order:1;}
  .book-detail__sub{width:324px;box-sizing:border-box;}
  .book-detail__image{width:38%;}
  
  .book-introduction{margin:0;border-top:none;}
  .book-introduction__main-catch{font-weight: 600;font-size: 32px;line-height: 48px;margin-bottom:16px;}
  .book-introduction__section > p{font-size: 18px;line-height: 32px;}
  
  .book-introduction__notehtml-area{margin:40px auto}
  
.book-introduction__notehtml-area p{font-size: 18px;line-height:32px;margin-bottom:24px;}
.book-introduction__notehtml-area li{font-size: 18px;line-height:30px;margin:10px auto;}
/*.book-introduction__notehtml-area h4{font-size:20px;line-height:1.6em;margin-bottom:24px;}*/
.book-introduction__notehtml-area > h3 {font-size: 22px;line-height: 1.6em;margin-bottom:24px;}

  
  .book-honnohanashi{margin:0;border-top:none;}
  .book-honnohanashi__more::before{left:40%;}
  .book-honnohanashi__close::before{left:43%;}
  .book-honnohanashi__list::after{content:"";clear:both;display:block;}
  .book-honnohanashi__item{border-color:#DDE7EB;width: calc((100% - 20px) / 2);float:left;}
  .book-honnohanashi__item:nth-child(odd){clear:both;margin-right:20px;}
  .book-honnohanashi__item:last-child{margin-bottom:16px;}
  .book-honnohanashi__link{font-size: 14px;line-height: 22px;font-weight:bold;}
  .book-honnohanashi__date{padding:1px 0 1px 20px;}
  .book-honnohanashi__genre{font-size:12px;line-height:17px;font-weight:bold;padding:0;}
  .book-honnohanashi__genre.--interview{color: #d19d52;background-color:transparent;}
  .book-honnohanashi__genre.--outset{color: #5cd17f;background-color:transparent;}
  .book-honnohanashi__genre.--columnessay{color: #d1473d;background-color:transparent;}
  .book-honnohanashi__genre.--event{color: #3291d1;background-color:transparent;}
  .book-honnohanashi__genre.--event-sch{color: #2C6BE8;background-color:transparent;}
  .book-honnohanashi__genre.--event-report{color: #2A37DE;background-color:transparent;}
  .book-honnohanashi__genre.--review{color: #3d82ea;background-color:transparent;}
  .book-honnohanashi__genre.--commentary{color: #D7A3A1;background-color:transparent;}
  .book-honnohanashi__genre.--mystery-ch{color: #3d82ea;background-color:transparent;}
  .book-honnohanashi__genre.--tachiyomi{color: #269E4A;background-color:transparent;}
  .book-honnohanashi__genre.--sales{color: #e63331;background-color:transparent;}
  .book-honnohanashi__genre.--koukousei{color: #47c2d1;background-color:transparent;}
  .book-honnohanashi__genre.--media-release{color: #3d82ea;background-color:transparent;}
  .book-honnohanashi__genre.--bunshun-photo{color: #3d82ea;background-color:transparent;}
  .book-honnohanashi__genre.--books-online,
  .book-honnohanashi__genre.--bunshun-online{color: #11263e;background-color:transparent;}
  .book-honnohanashi__genre.--sp{color: #000;background-color:transparent;}
  .book-honnohanashi__genre.--news{color: #202F55;background-color:transparent;}
  .book-honnohanashi__genre.--info{color: #5F6527;background-color:transparent;}
  .book-honnohanashi__genre.--feature{color: #A40E4C;background-color:transparent;}
  .book-honnohanashi__genre.--crea-web{color: #200c0c;background-color:transparent;}
  
  .book-honnohanashi__more,
  .book-honnohanashi__close{clear: both;padding-top: 20px;}
  .book-honnohanashi__close::before{top:26px;}
  
   .book-recommend{margin:0;border-top:none;}
  .book-recommend__more::before{left:40%;}
  .book-recommend__close::before{left:43%;}
  .book-recommend__item{border-color:#DDE7EB;}
  .book-recommend__link{font-size: 14px;line-height: 22px;font-weight:bold;}
  .book-recommend__date{font-weight:bold;background:url(/common/images/v2/books/icon-calendar-s.svg) no-repeat left;padding:1px 0 1px 20px;}
  .book-recommend__genre{font-size:12px;line-height:17px;font-weight:bold;padding:0;}
  .book-recommend__genre.--interview{color: #d19d52;background-color:transparent;}
  .book-recommend__genre.--outset{color: #5cd17f;background-color:transparent;}
  .book-recommend__genre.--columnessay{color: #d1473d;background-color:transparent;}
  .book-recommend__genre.--event{color: #3291d1;background-color:transparent;}
  .book-recommend__genre.--event-sch{color: #2C6BE8;background-color:transparent;}
  .book-recommend__genre.--event-report{color: #2A37DE;background-color:transparent;}
  .book-recommend__genre.--review{color: #3d82ea;background-color:transparent;}
  .book-recommend__genre.--commentary{color: #D7A3A1;background-color:transparent;}
  .book-recommend__genre.--mystery-ch{color: #3d82ea;background-color:transparent;}
  .book-recommend__genre.--tachiyomi{color: #269E4A;background-color:transparent;}
  .book-recommend__genre.--sales{color: #e63331;background-color:transparent;}
  .book-recommend__genre.--koukousei{color: #47c2d1;background-color:transparent;}
  .book-recommend__genre.--media-release{color: #3d82ea;background-color:transparent;}
  .book-recommend__genre.--bunshun-photo{color: #3d82ea;background-color:transparent;}
    .book-recommend__genre.--books-online,
  .book-recommend__genre.--bunshun-online{color: #11263e;background-color:transparent;}
  .book-recommend__genre.--sp{color: #000;background-color:transparent;}
  .book-recommend__genre.--news{color: #202F55;background-color:transparent;}
  .book-recommend__genre.--info{color: #5F6527;background-color:transparent;}
  .book-recommend__genre.--feature{color: #A40E4C;background-color:transparent;}
  .book-recommend__genre.--crea-web{color: #200c0c;background-color:transparent;}
  
  .book-editor{clear:both;}
  
  .book-related-series__list {height:auto;}
  .book-related-series__cover{
    max-height:172px;
    width: 100%;
    height: auto;
  }
  .book-related-series__link{display:block;width:120px;margin:0 5px 20px;}
  .book-related-series__title{color:#2c2c2c;font-size: 12px;line-height: 16px;font-weight:bold;}
  
  .book-author{margin:0 0 48px;border-top:none;border-bottom:solid 1px #DDE7EB;}
  .book-author__books{height:auto;}
  .book-author__cover{
    max-height:172px;
    width: 100%;
    height: auto;
  }
  .book-author__title{color:#2c2c2c;font-size: 12px;line-height: 16px;font-weight:bold;}
  .book-author__link:not(last-child){margin-right:5px;}
  .book-author__link{display:block;width:120px;margin:0 5px 20px;}
  
  .book-comment__btn{width:343px;cursor:pointer;}

  
  .book-editor{margin:0;border-bottom:solid 1px #DDE7EB;}
  .book-promotion__btn{width:240px;}
  .book-subcolumn__inner{padding:16px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);border-radius: 8px;}
  .book-detail__info{margin:0 0 16px;}
  .book-detail__list{margin:0;}
  .book-detail__list.is-sp{display:none !important;}
  .book-detail__item-info{cursor:pointer;}
  
  .book-detail__sub{position:relative;order:2;}
  .book-subcolumn{position:sticky;top:65px;}
  
  .book-purchase{width:640px;}
  .book-purchase__ebook{justify-content:center;}
  .book-purchase__bunko{justify-content:center;}
  .book-purchase__link{margin:0 10px 10px;}
  .book-purchase__close{cursor:pointer;}
  .book-stock-link{width:640px;padding:16px 0 32px;}
  .book-stock-link__link{width:320px;margin:0 auto 16px;}
  .book-stock-link__close{cursor:pointer;}
  
  .book-cart{position:static;flex-wrap: wrap;margin:24px 0;padding:0;}
  .book-cart__btn.--wide{width:100%;}
  .book-cart__buy{margin-top:16px;width:100%;background: url(/common/images/v2/books/icon-cart.svg) 70px 14px no-repeat #055F96;}
  .book-cart__stock{background: url(/common/images/v2/books/icon-books.svg) no-repeat 20px 13px #fff;}
  .book-cart__stock.--wide{background: url(/common/images/v2/books/icon-books.svg) no-repeat 90px 13px #fff;}
  .book-cart__reading{    border: solid 1px #055F96;background: url(/common/images/v2/books/icon-reading.svg) no-repeat 20px 11px #fff;padding-left: 30px;}

  .book-classification {
    border-top: 1px solid rgb(0 0 0 / 0.2);
    border-bottom: none;
    margin-bottom: 0;
    padding-block: 7px;
  }
  .book-classification__item:not(:first-child) {
    padding-left: 18px;
  }
  .book-classification__item:not(:last-child) {
    padding-right: 12px;
  }
}


@media screen and (max-width: 382px) {
  .book-purchase__bunko{justify-content:space-around;}
  .book-purchase__link{width:125px;height:40px;background-size:1036px 480px;}

  .book-purchase__link.--amazon{background-position:0 -166px;}
  .book-purchase__link.--rakuten{background-position:-398px -166px;}
  .book-purchase__link.--seven{background-position:-531px -166px;}
  .book-purchase__link.--tsutaya{background-position:-133px -276px;}
  .book-purchase__link.--kinokuniya{background-position:-265px -221px;}
  .book-purchase__link.--ehon{background-position:-664px -166px;}
  .book-purchase__link.--honyaclub{background-position:-266px -276px;}
  .book-purchase__link.--honto{background-position:0px -221px;}
  .book-purchase__link.--ogaki{background-position:-398px -276px;}
  .book-purchase__link.--hmv{background-size:125px 40px;}
  .book-purchase__link.--kindle{background-position:-133px -166px;}
  .book-purchase__link.--ibooks{background-position:0 -276px;}
  .book-purchase__link.--kobo{background-position:-265px -166px;}
}.article{margin:8px 16px;}
.article__item{margin-bottom:24px;}
.article__cover{width:100%;height:189px;overflow:hidden;margin-bottom:4px;}
.article__image{max-width:100%;}
.event .article__image{
  width:100%;
  height: auto;
  aspect-ratio: 320 / 168;
  object-fit: contain;
}
.vertical .article__image{height:189px;}
.article__title{font-size:16px;font-weight:bold;line-height:22px;color:#000;}
.article__meta{margin-top:4px;}
.article__date{font-size:12px;font-weight:bold;color:#5a5a5a;padding-left:20px;background:url(/common/images/v2/books/icon-calendar-s.svg) no-repeat left;background-size: 13px;}
.article__category{font-size:12px;font-weight:bold;}

.books__list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 8px 24px;}
.books__item{width: 44%;margin-bottom: 24px;}
.books__cover{margin: 10px auto;max-width: 150px;}
.books__image{max-width:100%;height:auto;border-radius:4px;border:1px solid rgba(204,204,204,0.3);box-sizing: border-box;}
.books__title{font-size: 12px;line-height: 1.2em;font-weight: bold;color: #2C2C2C;}
.books__title.--result{font-size: 14px;line-height: 20px;font-weight:bold;color:#055F96;}
.books__title.--result .prefix{font-size:80%;display:block;}
.books__title.--result .suffix{font-size:80%;display:block;}
.books__date{color: #5a5a5a;font-size: 11px;margin-bottom: 4px;}
.books__author{font-size:12px;line-height:18px;color:#000;}
.books__btns-link{display:block;color:#055F96;border:solid 1px #055F96;border-radius:6px;text-align:center;line-height:36px;height:36px;width:100%;box-sizing:border-box;font-size:13px;font-weight:bold;background-repeat:no-repeat;background-position: 23% 50%;padding-left:26px;background-image:url(/common/images/v2/books/icon-book.svg);margin-top:10px;}

.pickup__list{margin-top:8px;}
.pickup__item{margin-bottom:48px;}
.pickup__cover{padding:24px 0;margin-bottom:4px;}
.pickup__image{width:60%;border-radius:4px;border:1px solid rgba(204,204,204,0.3);}
.pickup__text{margin:0 16px;}
.pickup__catch{color:#000;font-size:24px;line-height:36px;font-weight:bold;}
.pickup__summary{color:#000;font-size:14px;line-height:24px;}
.pickup__meta{margin:4px 0;}
.pickup__price{color:#000;font-weight:bold;font-size:16px;line-height:24px;}
.pickup__date{color:#5a5a5a;font-size:12px;line-height:18px;margin-left:4px;}
.pickup__title{color:#000;font-size:14px;line-height:20px;font-weight:bold;}
.pickup__author{color:#5a5a5a;font-size:12px;line-height:18px;}
.pickup__btns{margin:16px 16px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.pickup__btns.--single{justify-content:center;}
.pickup__btns-link{display:block;color:#055F96;border:solid 1px #055F96;border-radius:10px;text-align:center;line-height:48px;height:48px;width:48%;box-sizing:border-box;font-size:16px;font-weight:bold;background-repeat:no-repeat;background-position: 23% 50%;padding-left:26px;}
.pickup__btns.--single .pickup__btns-link{width:100%;background-position:34% 50%;}
.pickup__btns-link.--reading{background-image:url(/common/images/v2/books/icon-reading.svg);}
.pickup__btns-link.--detail{background-image:url(/common/images/v2/books/icon-book.svg);}

.latest__menu{margin:0 16px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.latest__menu-link{display:block;text-align:center;color:#055F96;font-size:14px;line-height:20px;font-weight:bold;background-repeat:no-repeat;position:relative;}
.latest__menu-link:not(:last-child)::after{content:"";display:block;width:2px;height:20px;background:#5a5a5a;position: absolute;top: 5px;right: -26px;}
.latest__menu-link.--monthly{background-image:url(/common/images/v2/books/icon-calendar-last.svg);padding:2px 0 5px 26px;}
.latest__menu-link.--latest{background-image:url(/common/images/v2/books/icon-calendar.svg);padding:2px 0 5px 26px;}
.latest__menu-link.--soon{background-image:url(/common/images/v2/books/icon-calendar-next.svg);padding:2px 0 5px 26px;}

.mag-latest{margin: 16px auto 56px;}
.mag-latest__text{margin:16px;}
.mags-latest__image{max-width:250px;}
.mag-latest__date{display:block;margin-bottom:10px;color:#5a5a5a;}
.mag-latest__catch{color: #000;font-size: 24px;line-height: 36px;font-weight: bold;}
.mag-latest__btns{margin: 16px 16px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mag-latest__btns-link{display: block;color: #055F96;border: solid 1px #055F96;border-radius: 10px;text-align: center;line-height: 48px;height: 48px;width: 48%;box-sizing: border-box;font-size: 16px;font-weight: bold;background-repeat: no-repeat;background-position: 23% 50%;padding-left: 26px;background-image:url(/common/images/v2/books/icon-book.svg);}
.mag-latest__btns-link.--wide{width:100%;background-position: 33% 50%;}
.mag-latest__btns-link.--buy{background-position: 16% 50%;}

.items{margin:0 16px 16px;}
.items__list{margin-bottom:24px;}
.items__link{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;}
.items__cover{width:33%;}
.items__text{width:62%;}
.items__image{max-width:100%;border-radius:4px;border:1px solid rgba(204,204,204,0.3);box-sizing: border-box;}
.items__catch{color:#000;font-size:16px;line-height:24px;font-weight:600;margin-bottom:4px;}
.items__title{color:#000;font-size:14px;line-height:20px;font-weight:bold;}
.items__author{color:#4E4645;font-size:14px;line-height:24px;}
.items__meta{margin:4px 0;}
.items__price{color:#000;font-weight:bold;font-size:18px;line-height:24px;}
.items__date{color:#5a5a5a;font-size:10px;line-height:18px;margin-left:4px;}

.books-list-text__item{padding:24px 16px 16px;border-bottom:solid 1px #DDE7EB;}
.books-list-text__item:first-child{padding-top:0;}
.books-list-text__link{display:flex;justify-content:space-between;}
.books-list-text__cover{width:120px;}
.books-list-text__image{width:100%;height:auto;border-radius:4px;border:1px solid rgba(204,204,204,0.3);box-sizing: border-box;}
.books-list-text__text{width:63%;}
.books-list-text__title{font-size: 18px;line-height: 22px;margin-bottom:4px;}
.books-list-text__title .prefix{font-size:80%;}
.books-list-text__title .suffix{font-size:80%;}
.books-list-text__author{color:#000;font-size: 12px;line-height: 18px;margin-bottom:4px;}
.books-list-text__price{color:#000;font-size: 14px;line-height: 24px;}
.books-list-text__meta{color: #4E4645;font-size: 10px;line-height: 18px;margin-bottom:4px;}
.books-list-text__catch{color:#000;font-size: 16px;line-height: 24px;font-weight:600;}
.books-list-text__badge{text-align:center;}

.comic-banner-area{margin:0 16px 40px;}
.comic-banner-area.--bottom{margin:26px 16px 16px;}
.comic-banner-area__img{max-width:100%;}

@media screen and (min-width: 416px) {
   .article{margin:8px 14;display:flex;justify-content: space-between;flex-wrap:wrap;}
   .article__item{width:32%;}
   .article__cover{height:auto;}
   .article__icon{padding-top:56.25%;position:relative;}
   .article__image{position:absolute;top:0;left:0;right:0;}
   .vertical .article__image{height:100%;margin:auto;}
   
   .books__list{margin: 16px 0;justify-content: flex-start;}
   .books__item{width: 20%;margin: 0 6.5% 36px 0;}
   .books__item:nth-child(3n){margin-right: 6.5%;}
   .books-list-text__cover{width:32%;}
}

@media screen and (min-width: 1024px) {
   .article{margin:8px 0;display:flex;justify-content: space-between;flex-wrap:wrap;}
   .article__item{width:32%;}
   .article__cover{height:168px;}
   .verticla .article__image{height:168px;}
   
   .pickup__list.pickup__size-4,
   .pickup__list.pickup__size-5{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap:32px;grid-row-gap: 0px;}
   .pickup__list.pickup__size-6,
   .pickup__list.pickup__size-7{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(4, 1fr);grid-column-gap:32px;grid-row-gap: 0px;}
   
   .pickup__list{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(5, 1fr);grid-column-gap:32px;grid-row-gap: 0px;}
   .pickup__grid1 { grid-area: 1 / 1 / 3 / 2; }
   .pickup__grid2 { grid-area: 1 / 2 / 2 / 3; }
   .pickup__grid3 { grid-area: 2 / 2 / 3 / 3; }
   .pickup__grid4 { grid-area: 3 / 1 / 4 / 2; }
   .pickup__grid5 { grid-area: 3 / 2 / 4 / 3; }
   .pickup__grid6 { grid-area: 4 / 1 / 5 / 2; }
   .pickup__grid7 { grid-area: 4 / 2 / 5 / 3; }
   .pickup__grid8 { grid-area: 5 / 1 / 6 / 2; }
   .pickup__grid9 { grid-area: 5 / 2 / 6 / 3; }
   
   .pickup__item:not(:first-child) .pickup__coverwrap{width:220px;margin-right:8px;}
   .pickup__item:not(:first-child) .pickup__image{width:80%;}
   .pickup__item:not(:first-child) .pickup__textwrap{width:257px;}
   .pickup__item:not(:first-child) .pickup__btns-link{font-size:14px;background-position:15% 50%;}
   .pickup__item:not(:first-child) .pickup__btns.--single .pickup__btns-link{background-position:30% 50%;}
   .pickup__item:last-child,
   .pickup__item:nth-last-child(2){margin-bottom:0;}
   
   .pickup__catch{font-size: 22px;line-height: 33px;}
   
   .pickup__item:not(:first-child){display:flex;}
   .pickup__text{margin:0;}
   .pickup__btns{margin:16px 0 0;}
   
   .books__list{margin:8px 0;justify-content:flex-start;}
   .books__item{width:22%;margin:0 32px 32px 0;}
   .common-list02 .books__item{margin:0 25px 32px 0;}
   .books__item:nth-child(3n){margin-right:32px;}
   .books__item:nth-child(4n){margin-right:0;}
   .books__title{font-size: 16px;line-height: 22px;}
   .books__title.--result{font-size: 16px;line-height: 22px;font-weight:bold;color:#055F96;}
   .books__author{font-size: 14px;line-height: 24px;}
   
   .books-list-text__item{padding:24px 0;border-bottom:solid 1px #DDE7EB;}
   .books-list-text__cover{width:164px;}
   
   .books-list-text__text{width:588px;margin-left:8px;}
   
   .books-list-text__text .besale,
   .books-list-text__text .kind{margin-top:0;}
   
   .books-list-text__title{margin:10px 0 8px;font-size: 20px;line-height: 22px;}
   .books-list-text__author{color:#000;font-size: 16px;line-height: 23px;margin-bottom:8px;}
   .books-list-text__catch{color:#000;font-weight: 600;font-size: 18px;line-height: 27px;}
   .books-list-text__summary{color:#000;font-size: 14px;line-height: 24px;margin-bottom:8px;}
   .books-list-text__price{color:#000;font-size: 14px;line-height: 24px;}
   .books-list-text__meta{color: #4E4645;font-size: 10px;line-height: 18px;}
   .books-list-text__genre{margin-left:7px;}
   
   .latest__menu{margin:0;}
   .latest__menu-link.--monthly{padding:2px 26px 5px;}
   .latest__menu-link.--latest{padding:2px 26px 5px;}
   .latest__menu-link:not(:last-child)::after{top: 2px;right: 12px;}
   
   .mag-latest{display:flex;justify-content:space-between;}
   .mag-latest__cover{width:485px;}
   .mag-latest__text{position:relative;width:420px;}
   .mag-latest__btns{position: absolute;width: 100%;bottom: 0;}
   
   .items{margin:0 0 16px;display: flex;justify-content: space-between;flex-wrap: wrap;}
   .items__list{width:48%;}
   .items__catch{font-weight: 600;font-size: 22px;line-height: 33px;}
   .items__title{font-size: 16px;line-height: 23px;}
   .items__author{font-size: 16px;line-height: 23px;}
   .items__date{display:block;margin-left:0;}
   
   .comic-banner-area{width:1000px;margin: 0 auto 40px;}
   .comic-banner-area.--bottom{margin:16px auto;}
}