@charset "utf-8";

#top-honweb h2 span{background: url(/common/images/v1/common/hon.png) no-repeat;}/*トップページ本の話LOGO*/
#honweb-contents ul li .honweb-cover{background: url(/common/images/v1/common/honweb-cover-bg.png) repeat;}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx)  {/*トップページ本の話LOGO 1/3縮尺可能にするため*/
  #top-honweb h2 span{background-image: url(/common/images/v1/common/hon2x.png); overflow: hidden;}
  #honweb-contents ul li .honweb-cover{
  	background: url(/common/images/v1/common/honweb-cover-bg2x.png) repeat;
  	-webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    -o-background-size: 5px 5px;
    background-size: 5px 5px;
    overflow: hidden;
  }
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通スタイル　トップページ＆カテゴリ
.common-wp{width:290px;}
.common-wp h2{font-size:1.25em;}

/* --- 最新記事リスト --- */
#top-latest .heading{ width:100%}
#top-latest{background:#f1f1f1;}

.heading h2{ color:#2B2B2B; height:29px; display:table;white-space:nowrap;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-size:1.875rem; font-weight:600; text-align:center}
#top-latest ul.artile-list li{padding:10px 0; border-bottom:dotted 1px #a0a0a0; line-height:1.4;}
.heading h2:before,.heading h2:after {content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  background-size: 100% calc(100%);
  -webkit-background-clip: padding;
  background-clip: padding;}
.heading h2:after{ border-left: 1em solid transparent;}
.heading h2:before{ border-right: 1em solid transparent;}

ul.artile-list.default li .icon a{display: block;}
ul.artile-list.default li .icon{width: 20%;float: left;min-width: 100px;margin-right:5%;text-align: center;}
ul.artile-list.default li .text{vertical-align:top;min-height: 150px;}
ul.artile-list.default li .icon img{width:auto;max-width:100%;max-height:250px;width: auto;max-width: 100%;max-height: 150px;/*min-height: 100px;*/min-width: 80px;border: 1px solid #ddd;}

/*最初だけ大きく*/
ul.artile-list.default li:first-child .icon{width: 80%;float: inherit; margin: 0 auto 3%; max-width:240px;background: url(/common/images/v1/common/menu-btn-list2x.png) ;font-size:0;border: 1px solid #dddddd; text-align:center}
ul.artile-list.default li:first-child .icon img{max-height:180px; border:none}
ul.artile-list.default li:first-child .text{display: block;width: 100%;margin: 5px auto;clear: both;min-height: inherit;
}

/*ul.artile-list.default li .icon{margin-bottom:.5em;text-align:center;}
ul.artile-list.default li .icon img{width:auto;max-width:100%;max-height:250px;}*/
ul.artile-list.default li .title a{color:#3c3b3b;}
 ul.artile-list.default li .title{display:block;font-weight:700;margin-bottom:.2em;}
ul.artile-list.default li .subtitle{font-size:1.2rem;display:block;}
ul.artile-list.default li .author{display:inline-block;margin:.7em .7em 0 0;font-weight:bold;}
ul.artile-list.default li .date{color:#999;display:inline-block;margin-top:.7em;}

#top-latest .more{width:80%;margin:2em auto;clear:both}
#top-latest .more a{display:block;text-align:center;background:#055f96;color:#fff;font-weight:bold;position:relative;padding:.5em 0;border-radius:4px;}
#top-latest .more a::after{content:"";display:block;border-top:solid 3px #fff;border-right:solid 3px #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);width:8px;height:8px;position:absolute;top:15px;right:20px;}

/*----▼カンバンスライダー▼----*/
.bx-wrapper .bx-viewport {overflow: visible!important;border:none;left:0;}
 
.main-container {overflow: hidden;max-height:350px;}
.main-container ul {overflow: hidden;}
.bookslider li img {opacity:0.4;}
.bx-wrapper .bx-viewport{border-style:none;box-shadow:none;left:0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-40px;}
.bx-wrapper .bx-controls-direction a{margin-top:0;z-index:999;top:45%;}
.bx-controls-direction a{display:none;}
.bx-wrapper .bx-pager.bx-default-pager a{background-color:#bebebe;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#055f96;}


/*-----▼お知らせ▼-----*/
#top-info{background: url(/common/images/v1/common/introduction-bg.png) repeat 0 0; border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;}
#top-info .common-wp{padding-top:20px;width:90%;}
#top-info .common-wp p.common-book-list{padding-bottom:10px;}
#top-info ul{margin-bottom:5px;}
#top-info ul li{border-top:dotted 1px #a0a0a0; padding:12px 0 10px; font-size:0.75em; line-height:1.6;}
#top-info ul li a{display:block;display: inline-flex;}
#top-info ul li span{ color:#000;display: inline-flex;min-width: 65px;margin-right: 10px;}
#top-info ul li p{display: flex;}
#top-info ul li p a:hover{text-decoration:underline;}






.aside-info-block{display:none;}

/*----▼本の一覧スライダー▼----*/
#category-slide .heading .new-book{
  /*background-image:url(/common/images/v1/common/new-book-info.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:738px 32px;
  -webkit-background-size:738px 32px;
  -moz-background-size:738px 32px;*/
  height:32px;
  display:table;
  text-align:center;
  overflow:hidden;
  white-space:nowrap;
  margin-bottom:30px;
}

.common-category-wp h2{margin-bottom:30px;}
#top-category-wp h2 span, #genre-wp h2 span{padding-left:30px;}
#top-category-wp .common-wp{width:auto;}
#top-category-wp .common-wp h2{margin:0 15px 30px;}
#top-category-wp .common-wp .books-slider-wp{margin:0 15px; position:relative;}
#category-slide .books-slider-wp,#category-pickup .pickup-slider-wp{ position:relative;}

.common-category-wp h2 span.tankoubon,
.common-category-wp h2 span.bunko,
.common-category-wp h2 span.shinsho,
.common-category-wp h2 span.comic,
.common-category-wp h2 span.ebook,
.common-category-wp h2 span.comics{padding-left:0 !important;line-height:23px; height:23px;float:left;display:block;}
.common-category-wp h2 span.tankoubon a{background-position:-760px -209px;padding-left:30px;width:auto; font-size:1.25em;!important}/*トップのみ*/
.common-category-wp h2 span.bunko a{background-position:-760px -234px;padding-left:30px;width:auto; font-size:1.25em;!important}/*トップのみ*/
.common-category-wp h2 span.shinsho a{background-position:-760px -334px;padding-left:30px;width:auto; font-size:1.25em;!important}/*トップのみ*/
.common-category-wp h2 span.comic a{background-position:-760px -209px;padding-left:30px;width:auto; font-size:1.25em;!important}/*トップのみ*/
.common-category-wp h2 span.ebook a,
.common-category-wp h2 span.comics a{background-position:-760px -258px;padding-left:30px;width:auto; font-size:1.25em;!important}/*トップのみ*/
.common-category-wp h2 span.tankoubon a:hover,
.common-category-wp h2 span.bunko a:hover,
.common-category-wp h2 span.shinsho a:hover,
.common-category-wp h2 span.comic a:hover,
.common-category-wp h2 span.ebook a:hover,
.common-category-wp h2 span.comics a:hover{background-color:transparent;color:#055f96;}

.common-category-wp h2 .all a{
  font-weight:normal; display:block;line-height:21px;
  float:right; text-align:center; border:solid 1px #e6e6e6;
  background-color:#fff; height:21px;
}
.common-category-wp h2 .all a.lastmonth{margin-right:10px;}
.common-category-wp h2 a:hover{background-color:#055f96; color:#fff; text-decoration:none;}
.common-category-wp h2 a{width:78px }
.common-category-wp h2 a.lastmonth{width:92px;}
.common-category-wp h2 a.to-ctop{margin:0; width:70px;}

#category-slide .books-slider ul li .notecatch{display:none;}/*トップのみ*/

/*.common-article .common-wp #category-slide .books-slider ul{height:196px;}*/
.common-category-wp .books-slider-indicator{margin-bottom:50px;}

.books-slider ul li img.icon-ebook{width:14px;height:72px;position:absolute;top:47px;}

/*----▼バナーエリア：プレゼント▼----*/
#month5{text-align:center; margin-bottom:30px;}
#month5 a{width:178px; height:148px; text-indent:-1100em; background-position:0 -429px; margin:0 auto;}
#month5 img{width:60%;}

/*----▼バナーエリア：スマートパーツ▼----*/
.banner_area{text-align:center; margin:0 auto 5px;width:65%}
.banner_area img{width:100%;margin-bottom:10px}

/*----▼sns▼----*/
#sns_icon{padding:5%; width:65%;margin:5% auto 0; border-top:1px solid #ccc;}
#sns_icon ul{display: table;margin: 10px auto 20px;}
#sns_icon li{display: table-cell;width: 33%;text-align: center;}
#sns_icon li img{width:80%}
/*
---------------------------
トップページのみ
---------------------------
*/
/*----▼書評・インタビュー本の話WEB▼----*/
#top-honweb .common-wp{padding:50px 0;}
#top-honweb{background: url(/common/images/v1/common/hon-bg.png) repeat; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}
#top-honweb h2{color:#fff;line-height:1;margin-bottom:15px;}
#top-honweb h2 span{
  background-image:url(/common/images/v1/common/hon-web-logo.png);
  background-repeat:no-repeat;
  width:146px; height:36px; text-indent:-1100em; display:block;
  -webkit-background-size: 146px 36px;
    -moz-background-size: 146px 36px;
    -o-background-size: 146px 36px;
    background-size: 146px 36px;
    margin:0 auto;
}
#top-honweb .hon-list{padding-bottom:30px;}
#top-latest ul li .date i{margin-right:3px}

/* トップ本webバナーエリア */
#top-honweb .top-bnr{padding-top:0;}
#top-honweb .top-bnr ul li{margin-bottom:20px;}
#top-honweb .top-bnr ul li:last-child{margin-bottom:0;}
#top-honweb .top-bnr ul li a{display:block;width:230px;height:80px;background-color:#ccc;}
#top-honweb .top-bnr ul li a img{width:230px;height:80px;}

#honweb-contents{background-color:#fff;}
#honweb-contents ul li{padding:20px; text-align:center; border-top:solid 1px #796759;}
#honweb-contents ul li:first-child{border:none;}
#honweb-contents ul li a .honweb-cover{
  width:100px; height:100px; margin:0 auto; text-align:center;
  background: url(http://hon.bunshun.jp/common/images/v1/top/article-list-img-bg.gif) repeat;
  margin-bottom:14px; display: inline-table;
}
#honweb-contents ul li a .honweb-cover div{display:table-cell; vertical-align: middle;}
#honweb-contents ul li .honweb-cover img{/*height:100px;*/width:100px; margin:0 auto; vertical-align:middle;}
#honweb-contents ul li a .honweb-cover{border:solid 1px #fff;}
#honweb-contents ul li a:hover .honweb-cover{border:solid 1px #6a503c;}

#honweb-contents ul li .honweb-text{text-align:left;}
#honweb-contents ul li a .honweb-text p.cate{color:#403125;margin-bottom:8px;}
#honweb-contents ul li a .honweb-text p{color:#222;}
#honweb-contents ul li .honweb-text h5{font-size:1em; line-height:1.2; margin-bottom:9px;}
#honweb-contents ul li .honweb-text h5 span{font-size:0.75em; font-weight:normal; display:block; margin-top:6px;}
#honweb-contents ul li a:hover .honweb-text h5{text-decoration:underline;}
#honweb-contents ul li .honweb-text p span{background-color:#333; color:#fff;margin-right:10px; padding:0 4px; font-size:0.75em;}

/*トップページ下バナー(本の話等)*/
.mediatop footer section#bottom-banner{display:none;}

/*---▼映画・テレビ化情報▼-----*/
.common-othermedia ul li img.kanban{display:none;}
#top-othermedia .common-wp ul{width: 90%;margin: 0 auto;}

/*
---------------------------
カテゴリ
---------------------------
*/
#contents-left{padding: 8% 5%;}

/*ピックアップ*/
#category-pickup h1, .genretop h1{border-bottom:solid 1px #2c2c2c; margin-bottom:30px;}
#category-pickup h1 span, .genretop h1 span{padding:0 20px 15px 0; border-bottom:solid 1px #2c2c2c; text-indent:-1100em; height:31px;}
#category-pickup h1 span.catename-tankoubon{width:95px; background-position:-288px -209px;}
#category-pickup h1 span.catename-bunko{width:64px; background-position:-288px -269px;}
#category-pickup h1 span.catename-shinsho{width:64px; background-position:-288px -329px;}
/*#category-pickup h1 span.catename-comic{width:95px; background-position:-288px -209px;}*/
#category-pickup h1 span.catename-comic{width:130px;text-indent: unset; background: none; font-size: 30px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: bold;line-height: 1.5;}
#category-pickup h1 span.catename-ebook{width:125px; background-position:-288px -389px;}
#category-pickup .pickup-wp .slider-left{/*margin:118px 12px 0 0;*/ position:absolute; top:12%;left:0}
#category-pickup .pickup-wp .slider-right{/*margin:118px 0 0 13px;*/position:absolute; top:12%;right:0}
#category-pickup .pickup-wp .pickup-slider{/*width:218px;*/width:300px;overflow:hidden; position:relative; z-index:2;/*float:left;*/ margin:0 auto}
#category-pickup .pickup-wp .pickup-slider ul{z-index:1; margin-bottom:20px;}
#category-pickup .pickup-wp .pickup-slider ul li{/*width:218px;*/ width:300px;text-align:center; float:left;}
#category-pickup .pickup-wp .pickup-slider ul li img{height:175px; border:solid 1px #eaeaea; margin:0 auto;}
.pickup-title{padding:0; text-align:left;overflow:hidden;line-height: 1.6;font-size:1.125em;}
.pickup-title h5{font-size:1.125em; line-height:1.6; margin-bottom:10px; /*margin:8px 0 4px;*/ }
.pickup-title p.text{margin-bottom:8px;}
.pickup-title h4{border-top:dotted 1px #a0a0a0; line-height:1.4; padding-top:8px; margin-bottom:7px; font-size:130%;}
.pickup-title p.en{color:#888; font-size:90%; line-height:1.4; margin-bottom:16px;}
.pickup-title p.en span{display:block;}
.pickup-title dl{background-color:#e6e6e6; padding:10px;}
.pickup-title dl dd{
  text-align:center; display:inline-block;width:48%;/*float:left; width:94px;*/ height:38px; margin-left:2%;
  font-size:0.75em; font-weight:bold; line-height:38px;
  -webkit-box-shadow: 0 1px 0 #dcdcdc;
  -moz-box-shadow: 0 1px 0 #dcdcdc;
  	box-shadow: 0 1px 0 #dcdcdc;
}
.pickup-title dl dd:first-child{margin:0;}
.pickup-title dl dd a{display:block; background-color:#fff;}
.pickup-title dl dd a:hover{background-color:#055f96; color:#fff;}
.pickup-title dl dd a span{display:none;}

/*----右枠ランキング（各カテゴリのだけを表示）----*/
.catetop .ranking-wp p.common-book-list{line-height:1; margin:0;}
.catetop .ranking-wp .ranking-cate{min-height:auto!important;}
.catetop .ranking-cate ul li a p{width:172px;}

/*
---------------------------
ジャンル
---------------------------
*/
/* .genretop h1.genrename-novel span{background-position:-760px -374px; width:55px; height:26px;} 小説 */
/* .genretop h1.genrename-history span{background-position:-760px -417px; width:172px; height:27px;} 歴史・時代小説*/
/* .genretop h1.genrename-politics span{background-position:-760px -460px; width:222px; height:27px;} 政治・経済・ビジネス*/
/* .genretop h1.genrename-essay span{background-position:-760px -503px; width:219px; height:27px;} 随筆・コミックエッセイ*/
/* .genretop h1.genrename-hobby span{background-position:-760px -546px; width:117px; height:27px;} 趣味・実用*/
/* .genretop h1.genrename-mystery span{background-position:-760px -589px; width:181px; height:25px;} エンタメ・ミステリ*/
/* .genretop h1.genrename-nonfiction span{background-position:-760px -632px; width:164px; height:25px;} ノンフィクション*/
/* .genretop h1.genrename-nongenre span{background-position:-760px -675px; width:131px; height:25px;} ノンジャンル*/
.genretop h1.genrename span{height:26px;font-family:Georgia,游明朝,'Yu Mincho',YuMincho,'Hiragino Mincho ProN',HGS明朝E,メイリオ,Meiryo,serif; font-size: 26px; line-height: 1; color: #000; text-indent:0; display: inline-block; font-feature-settings: "palt" 1;}

/*----▼特集・おすすめ▼----*/
#common-category-banner h2{margin-bottom:9px;}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  スモール（320px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 320px) {
 ul.artile-list.default li .title{ font-size:1.125em; line-height:1.2}
 ul.artile-list.default li .subtitle{ font-size:1em}
 ul.artile-list.default li .icon{float:none; width:100%}
 }
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  スモールタブレット（480px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 480px) {
 .common-wp{width:450px;}
  #contents-left{padding:0}
 ul.artile-list.default li .title{ font-size:1.2rem}
 ul.artile-list.default li .icon{text-align:center}
 ul.artile-list.default li .icon img{max-height:150px; margin:0 auto}
 /*----▼カンバンスライダー▼----*/
 .main-container{margin:0 10px;}
 .common-kanban-slider.books-slider, .common-kanban-slider.books-slider ul li, .common-kanban-slider.books-slider ul li img{width:450px;}
 .common-kanban-slider.books-slider ul, .common-kanban-slider.books-slider ul li img{height:171px;}

 
 /*お知らせ*/
 #top-info ul{margin-bottom:10px;}

 
 /* ---- ▼本の一覧スライダー▼ --------- */
 #top-category-wp .common-wp{width:450px;}
 #top-category-wp .common-wp h2{margin:auto auto 30px;}
 #top-category-wp .common-wp .books-slider-wp{margin:auto;}
 .books-slider ul li img.icon-ebook{width:20px;height:96px;position:absolute;top:78px;}

 /*----▼書評・インタビュー本の話WEB▼----*/
 #top-honweb h2{height:31px; line-height:31px; margin-bottom:15px;}
 #top-honweb h2 span{
  width:148px; height:31px;
  -webkit-background-size: 148px 31px;
    -moz-background-size: 148px 31px;
    -o-background-size: 148px 31px;
    background-size: 148px 31px;
 }

 
 #honweb-contents ul li .honweb-cover{float:left;}
 #honweb-contents ul li .honweb-text{float:right; width:289px;}
 
 /* トップ本webバナーエリア */
 #top-honweb .top-bnr ul li{margin-bottom:20px;float:left;}
 #top-honweb .top-bnr ul li:nth-child(odd){margin-right:20px;}
 #top-honweb .top-bnr ul li:last-child{margin-bottom:0;}
 #top-honweb .top-bnr ul li a{display:block;width:215px;height:75px;background-color:#ccc;}
 #top-honweb .top-bnr ul li a img{width:215px;height:75px;}
 
 /*----▼ピックアップ▼----*/
 #category-pickup .pickup-wp .pickup-slider, #category-pickup .pickup-wp .pickup-slider ul li{width:378px;}
 #category-pickup .pickup-wp .pickup-slider ul li{text-align:left;}
 #category-pickup .pickup-wp .pickup-slider ul li img{float:left; margin:0 0 20px;}
 #category-pickup .pickup-wp .pickup-slider ul li h5, 
 #category-pickup .pickup-wp .pickup-slider ul li p.text{
 	width:224px; float:right;
 }
 .pickup-title h5{/*margin:0 0 4px;*/}
 #category-pickup .pickup-wp .pickup-slider ul li h4{clear:both;}
 #category-pickup .pickup-wp .pickup-slider ul li p.en span{display:inline-block;}
 .pickup-title dl dd{text-align:left; width:100%; line-height:23px;}
 .pickup-title dl dd:nth-child(2){margin: 10px 0 0;}
 .pickup-title dl dd a{padding:8px 0 0 70px; height:30px;}
 .pickup-title dl dd a:hover{background-color:#fff; color:#055f96;}
 .pickup-title dl dd a span{display:block; float:left; width:23px; height:23px; text-indent:-1100em; margin-right:7px;}
 .pickup-title dl dd a.tachi-read span{background-position:-760px -284px;}
 .pickup-title dl dd a.detail-read span{background-position:-760px -309px;}
 
 /*----右枠ランキング（各カテゴリのだけを表示）----*/
 .catetop .ranking-wp .ranking-cate ul{width:450px;}
 .catetop .ranking-wp .ranking-cate ul li{float:left; width:215px; margin:0 20px 0 0;}
 .catetop .ranking-wp .ranking-cate ul li.rank2,
 .catetop .ranking-wp .ranking-cate ul li.rank4{margin:0;}
 .catetop .ranking-wp .ranking-cate ul li.rank1,
 .catetop .ranking-wp .ranking-cate ul li.rank2{height:133px; border:none;}
 .catetop .ranking-wp .ranking-cate ul li.rank2 a{padding-top:32px;}
 .catetop .ranking-wp .ranking-cate ul li p{width:100px;}
 
#month5 img{width:40%;}

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  タブレット（768px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 768px) {

 .common-wp{width:738px;}

 #top-latest .heading{margin:0 0 1em}
 .top-latest-inner{width:738px;margin:0 auto;}
 #top-latest ul::after{content:"";display:block;clear:both;position:relative;}
 #top-latest ul li:first-child{width:370px;float:left;position:relative; }
 #top-latest ul li{float:right;width:350px;display:block;border-style:none;padding:0;}
 #top-latest ul li::after{content:"";display:block;clear:both;}
 #top-latest ul li .icon{float:left;width: 142px;text-align:center;margin-bottom:0;margin-right:0;}
 #top-latest ul li:nth-child(2),
 #top-latest ul li:nth-child(3){margin-bottom:.5em;}
 #top-latest ul li .icon img{width:auto;max-width:100%;vertical-align:bottom;}
 #top-latest ul li .text{float:right;width: 196px;padding:0;min-height: inherit;}
 #top-latest ul li .title{font-size:1em;}
 #top-latest ul li .subtitle,
 #top-latest ul li .author,
 #top-latest ul li .date{font-size:0.75em;} 
ul.artile-list.default li .title{line-height:1.4}
ul.artile-list.default li .date{display: inline;margin-top:0;}
ul.artile-list.default li .author {  display: inline;}
  
 #top-latest ul li:first-child .icon{float:none;width:370px;max-width: inherit;height:373px}
 #top-latest ul li:first-child .icon img{width:auto;max-width:100%;max-height:277px;}
 #top-latest ul li:first-child .text::after{content:"";display:block;clear:both;}
 #top-latest ul li:first-child .text{float:none;width:370px;position:absolute;left:0;bottom:0;padding:15px;background:rgba(0,0,0,0.7);color:#fff;box-sizing:border-box; margin:0}
 #top-latest ul li:first-child .text a{color:#fff;}
 #top-latest ul li:first-child .title{font-size:1.25em;}
 #top-latest ul li:first-child .subtitle{font-size:0.875em;}
 #top-latest ul li:first-child .date{float:right;}
 #top-latest .more{width:260px;}
 
 /*----▼カンバンスライダー▼----*/
 .main-container{margin:0 15px;}
 .bx-controls-direction a{display:block;}
.bx-wrapper .bx-controls-direction a.bx-prev{
  background-image: url(/common/images/v1/common/sprite-v2@2x.png);
  background-repeat:no-repeat;
  background-position:-660px -209px;
  background-size:1066px 750px;
  -webkit-background-size:1066px 750px;
  -moz-background-size:1066px 750px;
  left:0;
  height:45px;
  width:23px;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{background-position:-660px -264px}
.bx-wrapper .bx-controls-direction a.bx-next{
  background-image: url(/common/images/v1/common/sprite-v2@2x.png);
  background-repeat:no-repeat;
  background-position:-702px -209px;
  background-size:1066px 750px;
  -webkit-background-size:1066px 750px;
  -moz-background-size:1066px 750px;
  right:0;
  height:45px;
  width:23px;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-702px -264px;}
 
 /*お知らせ*/
 #top-info ul li p{width:654px;}
 
 
 /*▼プレゼント：バナーエリア：スマートパーツ▼-*/
#common-category-aside{vertical-align: top;}
#month5 {text-align: center; display: inline-block; width: 45%;vertical-align: top;}
#month5 img {width: 80%;}
.banner_area{text-align: center;display: inline-block;width: 50%;}
#sns_icon{width: auto; display: block;}
#sns_icon ul { width: 60%;}
 
 /*----▼本の一覧スライダー▼----*/
 #top-category-wp .common-wp{width:738px;}
 #top-category-wp .common-wp h2{margin:auto auto 30px;}
 #top-category-wp .common-wp .books-slider-wp{margin:auto;}
 
 .books-slider{width:680px;}
 /*.common-article .common-wp #category-slide .books-slider ul{height:250px;}*/
 .books-slider ul li{width:170px;}
 .books-slider ul li img{height:175px;}
 
 /*マウスオーバー時に黒アルファ表示（トップページのみ）*/
 #category-slide .books-slider ul li{position:relative;}
 #category-slide .books-slider ul li .notecatch{display:none;}
 #category-slide .books-slider ul li .notecatch div{
 	display:table; cursor:pointer; position:absolute;
 	color:#fff; width:144px; height:177px; top:0; left:12px;
 	background: rgba(0, 0, 0, 0.8);
 	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc000000', endColorstr='#cc000000');
 }
 #category-slide .books-slider ul li .notecatch div p{
 	font-size:0.8rem; text-align:left; color:#fff; padding:0 10px; display:table-cell; vertical-align: middle;
 }
 
 /*----▼書評・インタビュー本の話WEB（トップページのみ）▼----*/
 #honweb-contents ul li .honweb-text{width:577px;}
 
  /* トップ本webバナーエリア */
 #top-honweb .top-bnr ul li{margin-bottom:20px;float:left;margin-right:20px;}
 #top-honweb .top-bnr ul li:nth-child(3){margin-right:0;}
 #top-honweb .top-bnr ul li:last-child{margin-bottom:0;}
 #top-honweb .top-bnr ul li a{display:block;width:230px;height:80px;background-color:#ccc;}
 #top-honweb .top-bnr ul li a img{width:230px;height:80px;}
 
 /*----▼ピックアップ▼----*/
 #category-pickup .pickup-wp .pickup-slider, #category-pickup .pickup-wp .pickup-slider ul li{width:666px;}
 #category-pickup .pickup-wp .pickup-slider ul li img{height:250px; margin:0;}
 #category-pickup .pickup-wp .pickup-slider ul li h5, 
 #category-pickup .pickup-wp .pickup-slider ul li p.text,
 #category-pickup .pickup-wp .pickup-slider ul li h4,
 #category-pickup .pickup-wp .pickup-slider ul li p.en{
 	width:460px;
 }
 .pickup-title h5{/*margin:10px 0 4px; */}
 #category-pickup .pickup-wp .pickup-slider ul li h4,
 #category-pickup .pickup-wp .pickup-slider ul li p.en,
 .pickup-title dl{clear:none !important; float:right;}
 .pickup-title dl{width:440px;}
 .pickup-title dl dd{width:48%;
 	-webkit-box-shadow: 1px 1px 0 #dcdcdc;
  -moz-box-shadow: 1px 1px 0 #dcdcdc;
  	box-shadow: 1px 1px 0 #dcdcdc;
 }
  .pickup-title dl dd:nth-child(2){ margin:0 0 0 10px}
 .pickup-title dl dd a{padding:8px 0 0 67px; width:148px;}
 
 /*----右枠ランキング（各カテゴリのだけを表示）----*/
 .catetop .ranking-wp .ranking-cate ul{width:738px;}
 .catetop .ranking-wp .ranking-cate ul li, 
 .catetop .ranking-wp .ranking-cate ul li.rank2, 
 .catetop .ranking-wp .ranking-cate ul li.rank4{
 	width:166px; margin:0 0 0 24px; border:none; padding-top:15px;
 }
 .catetop .ranking-wp .ranking-cate ul li.rank1{margin:0;}
 .catetop .ranking-wp .ranking-cate ul li a.rank-img{margin-bottom:15px;}
 .catetop .ranking-wp .ranking-cate ul li a, .catetop .ranking-wp .ranking-cate ul li.rank2 a{padding:0;}
 .catetop .ranking-wp .ranking-cate ul li a p{width:120px;}
 
 /*---▼映画・テレビ化情報▼-----*/
 .common-othermedia .common-wp{padding:50px 0 32px;}
 #top-othermedia .common-wp ul{width:initial}
 .mediatop .common-othermedia ul li{width:45%;display: inline-block; margin:0 0 30px 22px; border:none;padding:0;box-sizing:border-box;}
 .mediatop .common-othermedia ul li:first-child,.common-othermedia ul li:nth-child(3){}
 
 
 /*----▼特集・おすすめ▼----*/
 #common-category-banner ul li,#common-category-banner ul li:nth-child(3){margin:0 0 20px 20px; width:230px;}
 #common-category-banner ul li:nth-child(4){margin:0 0 20px 0;}
 #common-category-banner ul li:first-child{margin:0 0 20px 0;}
 #common-category-banner ul li img{width:230px;}
 

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  パソコン（1024px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_ */


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

 .common-wp{width:980px;}
 ul.artile-list.default li .title{font-size:1.4em;}

#top-latest{padding:1em;margin-bottom:2em;}
 .top-latest-inner{width:980px;margin:0 auto;}
 #top-latest ul::after{content:"";display:block;clear:both;position:relative;}
 #top-latest ul li:first-child{width:500px;float:left;position:relative;}
 #top-latest ul li{float:right;width:455px;display:block;border-style:none;padding:0;}
 #top-latest ul li::after{content:"";display:block;clear:both;}
 #top-latest ul li .icon{float:left;width: 150px;text-align:center;margin-bottom:0;}
 #top-latest ul li:nth-child(2),
 #top-latest ul li:nth-child(3){margin-bottom:6px;}
 #top-latest ul li .icon img{width:auto;max-width:100%;max-height:120px;vertical-align:bottom;}
 #top-latest ul li .text{float:right;width:290px;/*padding:7px 0;*/}

 
 #top-latest ul li .title{font-size:1.12em;}
 
 #top-latest ul li .subtitle,
 #top-latest ul li .author,
 #top-latest ul li .date{font-size:0.75em;}

 #top-latest ul li:first-child .icon{float:none;width:500px;}
 #top-latest ul li:first-child .icon img{/*width:auto;max-width:100%;*/min-height:264pxpx;}
 #top-latest ul li:first-child .text::after{content:"";display:block;clear:both;}
 #top-latest ul li:first-child .text{float:none;width:500px;position:absolute;left:0;bottom:0;padding:15px;background:rgba(0,0,0,0.7);color:#fff;box-sizing:border-box;}
 #top-latest ul li:first-child .text a{color:#fff;}
 #top-latest ul li:first-child .title{font-size:1.25em;}
 #top-latest ul li:first-child .subtitle{font-size:0.875em;}
 #top-latest ul li:first-child .date{float:right;}
 #top-latest .more{width:260px;}
 .pickup-title h5{ line-height:1;}
 /*----▼カンバンスライダー▼----*/
 .main-container{margin:0;}
 
  /*----▼本の一覧スライダーレイアウト▼----*/
 #top-category-wp .common-wp{width:980px;}
 #top-category-wp .common-wp h2{margin:auto auto 30px;}
 #top-category-wp .common-wp .books-slider-wp{margin:auto;}
 #contents-left{width:738px; float:left;}
 
 /*お知らせ*/
 #contents .common-article{width:100%;}
 .aside-info-block{display:block;}
 .top-info-block{/*display:none;*/}
 #top-info ul li a{display:block}
 #top-info ul li a span{display: initial;min-width: auto;}
#top-info ul li a p{display:block;}
 #top-info{border:solid 1px #dcdcdc;}
 #top-info .common-wp{width:880px/*auto*/;padding:20px 20px 10px;}
 #top-info ul li p{width:auto;}
 
 
 /*----▼書評・インタビュー本の話WEB（トップページのみ）▼----*/
 #honweb-contents ul{background: url(/common/images/v1/common/hon-line.png) repeat-y center top;}
 #honweb-contents ul li{width:450px; float:left;}
 #honweb-contents ul li:first-child, #honweb-contents ul li:nth-child(3){width:449px;}
 #honweb-contents ul li:nth-child(2){border:none;}
 #honweb-contents ul li .honweb-text{width:335px;}
 #honweb-contents ul li a .honweb-cover{margin:0;}
 
   /* トップ本webバナーエリア */
 #top-honweb .top-bnr ul li{margin-bottom:0;float:left;margin-right:20px;}
 #top-honweb .top-bnr ul li:nth-child(3){margin-right:20px;}
 #top-honweb .top-bnr ul li:last-child{margin-right:0;}
 #top-honweb .top-bnr ul li a{display:block;width:230px;height:80px;background-color:#ccc;}
 #top-honweb .top-bnr ul li a img{width:230px;height:80px;}
 
 /*----ランキング（各カテゴリのだけを表示）----*/
 #common-category-aside{float:right;}
 #common-category-aside, .catetop .ranking-wp .ranking-cate ul, 
 .catetop .ranking-wp .ranking-cate ul li, 
 .catetop .ranking-wp .ranking-cate ul li{width:212px!important; padding:0!important; margin:0!important; height:auto!important;}
 /*#common-category-aside .ranking-wp,#common-ranking .ranking-cate{width:212px;}
 #common-ranking .ranking-cate{margin:0 20px 0 0;width:230px;}*/
 #common-ranking .ranking-cate:last-child{margin-right:0;}
 #common-ranking .ranking-cate ul li{padding:0;}
 #common-ranking .ranking-cate ul li a.rank-img{display:none;}
 #common-ranking .ranking-cate ul li a img.rank-img-s{display:block;}
 /*.ranking-wp .ranking-cate ul li a p{width:167px;}*/

 .catetop .ranking-wp .ranking-cate ul li{border-top:dotted 1px #a0a0a0!important;}
 .catetop .ranking-wp .ranking-cate ul li:first-child{border:none!important;}
 .ranking-wp .ranking-cate ul li a.rank-img,
 .ranking-wp .ranking-cate ul li a .rank-img-s{display:none;}
 .ranking-wp .ranking-cate ul li a img.rank-img-s{display:block;}
 .catetop .ranking-wp .ranking-cate ul li a{padding:15px 0!important;}
 .catetop .ranking-wp .ranking-cate ul li.rank1 a{padding:32px 0 15px!important;}
 /*.ranking-wp .ranking-cate ul li.rank1 a p, .catetop .ranking-wp .ranking-cate ul li a p{width:97px;}*/
 
 #month5 img{width:212px;height:212px;}
 
 /*---▼映画・テレビ化情報▼-----*/
 .common-othermedia .common-wp{padding:50px 0 41px;}
 #top-othermedia .common-wp ul {/*font-size:0*/}
 .mediatop .common-othermedia ul li{width:32%;display: inline-block;margin: 0;border: none;vertical-align: top;padding: 0;}
.common-othermedia ul li:nth-child(2),
 .common-othermedia ul li:nth-child(5){margin:0 10px}
 /*----▼特集・おすすめ▼----*/
 #common-category-banner{margin-bottom:60px;}
 #common-category-banner ul li:nth-child(4){margin:0 0 20px 20px;}
  
 
 /*▼プレゼント：バナーエリア：スマートパーツ▼-*/
#common-category-aside{vertical-align: top;}
#month5 {text-align: center; display: inline-block; }
.banner_area{ display: initial;width: auto;}
#sns_icon{width: auto; display:inherit;}
#sns_icon ul { width:100%;}
}