/******comic top******/
header.header{
 height:55px;
}
#page-wrapper{
 top:0;
}
.fixed-menu{
 display:none;
}
.page-header-title{
 width:100%;
 height:45px;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 display:flex;
 justify-content: center;
 align-items:center;
 top:55px;
 position: relative;
 margin:0 0 70px 0;
}
.page-header-title img{
 width:36px;
 height:auto;
 margin:0 2px;
}
.page-header-title h2{
 font-size:16px;
 font-size:1.6rem;
 font-weight:500;
 margin:0 2px;
}
/******今日更新******/
.freshup-comic{
 padding:0 10px;
 margin:0 0 40px 0;
}
.today-pickup{
 display:flex;
 align-items:center;
}
.today-pickup.pc_parts{
 display:none;
}
.freshup-comic div.today-pickup P{
 margin-left:5px;
 font-size:16px;
 font-size:1.6rem;
 font-weight:500;
 padding:5px 0 0 0;
}
.vertical_ribbon{
 display: inline-block;
 position: relative;
 font-size:9px;
 font-size:0.9rem;
 color:#fff;
 background: #F83F3F;
 width:34px;
 text-align: center;
 padding:8px 0 5px 0;
 font-weight:500;
}
.vertical_ribbon:before{
 content: '';
 position: absolute;
 left:0;
 top:100%;
 height:0;
 width:0;
 border-left: 17px solid #F83F3F;
 border-right: 17px solid #F83F3F;
 border-bottom: 10px solid transparent;
}
.freshup-comic img{
 margin:15px 0 0 0;
}
.freshup-comic p.today-pickup-title{
 margin:5px 0 0 0;
 font-size:16px;
 font-size:1.6rem;
 font-weight:500;
}
.freshup-comic p.today-pickup-subtitle{
 margin:5px 0 0 0;
 font-size:13px;
 font-size:1.3rem;
 color:#7a7a7a;
}
/******HOT用******/
.vertical_ribbon_hot{
 display: inline-block;
 position: relative;
 font-size:9px;
 font-size:0.9rem;
 color:#000;
 background: #FFE830;
 width:34px;
 text-align: center;
 padding:8px 0 5px 0;
 font-weight:500;
}
.vertical_ribbon_hot:before{
 content: '';
 position: absolute;
 left:0;
 top:100%;
 height:0;
 width:0;
 border-left: 17px solid #FFE830;
 border-right: 17px solid #FFE830;
 border-bottom: 10px solid transparent;
}
/******連載一覧******/
.lineup-comics{
 margin:35px 0 0 0;
 padding:0 10px;
}
.lineup-comics h2{
 font-size:16px;
 font-size:1.6rem;
 font-weight:500;
}
.lineup-comics h2:before{
 content:'';
 display:inline-block;
 background:url(/common/images/bunshun/v1/comic/lineup-comics.png) no-repeat;
 vertical-align:middle;
 background-size:contain;
 width:24px;
 height:24px;
 margin:0 5px 3px 0;
}
.lineup-comics ul.now-series{
 display:flex;
 justify-content:space-between;
 flex-wrap: wrap;
 margin:15px 0 0 0;
}
.lineup-comics ul.now-series li{
 width:48.5%;
 padding:0 0 3% 0;
 position:relative;
}
.lineup-comics ul.now-series li p.now-series-label {
  padding: 3px 8px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  background: rgba(0,185,118,.8);
  border-radius: 12px;
  top: -12px;
  left: -6px;
  position: absolute;
  z-index: 999;
}
/******関連書籍******/
.relate-books{
 margin:35px 0 0 0;
 padding:0 10px;
}
.relate-books h2{
 font-size:16px;
 font-size:1.6rem;
 font-weight:500;
}
.relate-books h2:before{
 content:'';
 display:inline-block;
 background:url(/common/images/bunshun/v1/comic/relate-books.png) no-repeat;
 vertical-align:middle;
 background-size:contain;
 width:20px;
 height:24px;
 margin:0 5px 3px 0;
}
.relate-books ul.go-amazon{
 display:flex;
 justify-content:space-between;
 flex-wrap: wrap;
 margin:15px 0 0 0;
}
.relate-books ul.go-amazon li{
 background: #E9E9E9;
 width: 23%;
 padding-bottom: 26%;
 position:relative;
 margin:0 0 65px 0
}
.relate-books ul.go-amazon li a{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
.relate-books ul.go-amazon li img{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 -webkit- transform: translateY(-50%) translateX(-50%);
 max-height: 100%;
}
.relate-books ul.go-amazon li span{
 font-size:10px;
 font-size:1.0rem;
 font-weight:500;
 bottom:-55px;
 height:50px;
 position:absolute;
}
.relate-books ul.go-amazon li:nth-child(4n-2):last-child {
 margin-right: 51.25%;
}
.relate-books ul.go-amazon li:nth-child(2n+1):last-child {
 margin-right:25.75%;
}
/*ドロップダウン*/
.dropdown-books-area{
 display:none;
}
.dropdown-books-area ul.dropdown-books{
 display:flex;
 justify-content:space-between;
 flex-wrap: wrap;
 margin:0;
}
.dropdown-books-area ul.dropdown-books li{
 background: #E9E9E9;
 width: 23%;
 padding-bottom: 26%;
 position:relative;
 margin:0 0 65px 0
}
.dropdown-books-area ul.dropdown-books li a{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
.dropdown-books-area ul.dropdown-books li img{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 -webkit- transform: translateY(-50%) translateX(-50%);
 max-height: 100%;
}
.dropdown-books-area ul.dropdown-books li span{
 font-size:10px;
 font-size:1.0rem;
 font-weight:500;
 bottom:-55px;
 height:50px;
 position:absolute;
}
.dropdown-books-area ul.dropdown-books li:nth-child(4n-2):last-child {
 margin-right: 51.25%;
}
.dropdown-books-area ul.dropdown-books li:nth-child(2n+1):last-child {
 margin-right:25.75%;
}
.relate-books div.dropdown-books-trigger {
 margin: 30px auto 0;
 border: 2px solid #AEAEAE;
 display: table;
 border-radius:50px;
 cursor: pointer;
}
.relate-books div.dropdown-books-trigger div.open-dropdown-books {
 font-size: 16px;
 font-size: 1.6rem;
 display: table-cell;
 vertical-align: middle;
 color: #2379CA;
 width: 140px;
 height: 40px;
 text-align: center;
 font-weight:500;
}
/******編集部のおすすめ******/
.recommended{
 margin:35px 0 50px;
 padding:0 10px;
}
.recommended h2{
 font-size:16px;
 font-size:1.6rem;
 font-weight:500;
}
.recommended h2:before{
 content:'';
 display:inline-block;
 background:url(/common/images/bunshun/v1/comic/comic-articles.png?rd=202110011340) no-repeat;
 vertical-align:middle;
 background-size:contain;
 width:24px;
 height:24px;
 margin:0 5px 3px 0;
}
.recommended ul.list-thumb{
 padding:0;
}
/******編集部のつぶやき******/
.editorial-talk{
 margin:35px 0 50px;
 padding:0 10px;
}
.editorial-talk h2{
 font-size:16px;
 font-size:1.6rem;
 font-weight:500;
}
.editorial-talk h2:before{
 content:'';
 display:inline-block;
 background:url(/common/images/bunshun/v1/comic/talk-bubble.png) no-repeat;
 vertical-align:middle;
 background-size:contain;
 width:24px;
 height:24px;
 margin:0 5px 3px 0;
}
.editorial-talk a div.bunshun-comic-tw{
 margin: 15px auto 0;
 background:#1B95E0;
 border-radius:5px;
 width:90%;
}
.editorial-talk a div.bunshun-comic-tw div.bunshun-comic-follow{
 font-size: 16px;
 font-size: 1.6rem;
 color: #fff;
 text-align: center;
 font-weight:500;
 padding:5% 2%;
}
.editorial-talk a div.bunshun-comic-tw div.bunshun-comic-follow:before{
 content:'';
 display:inline-block;
 background:url(/common/images/bunshun/v1/comic/tw-follow-icon.png) no-repeat;
 vertical-align:middle;
 background-size:contain;
 width:26px;
 height:21px;
 margin:0 5px 3px 0;
}
.editorial-talk p{
 margin:10px auto 0;
 font-size: 14px;
 font-size: 1.4rem;
 text-align:center;
 font-weight:500;
}
.editorial-talk div.bunshun-comin-tl{
 border:1px solid #ddd;
 margin:20px 0 0 0;
 height:305px;
}
.editorial-talk div.bunshun-comin-tl iframe {
  max-height:300px;
}
/******SNS******/
.social-btns a.line span{
 width:20px;
 height:20px;
 background-size:20px 20px;
 -webkit-background-size:20px 20px;
 -moz-background-size:20px 20px;
}
.social-btns a.hatena span{
 width:20px;
 height:17px;
 background-size:20px 17px;
 -webkit-background-size:20px 17px;
 -moz-background-size:20px 17px;
}