@charset 'utf-8';

/*main-style.css*/
/*Copyright 2016 Kodansha Ltd., GENDAI-Business, All Rights Reserved.*/
/*A stylesheet for GENDAI-Business V3.*/

/*------------------------------------------------------------------*/

/*	cover	*/

.cover {
  position: relative;
  width: 100%;
  min-width: 1020px;
  height: 512px;
  background-size: cover;
  background-position: center center;
  z-index: 0;
}

.cover-fadeFilter {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.6;
  z-index: 10;
}

.coverContainer {
  position: absolute;
  width: 980px;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 20;
  text-align: center;
}

.coverContainer .coverContainer_logo {
  width: 494px;
  height: 65px;
  margin-top: 95px;
  margin-bottom: 40px;
  z-index: 30;
}

.coverContainerHeadline {
  width: 980px;
  z-index: 30;
}

.coverContainerHeadline a {
  display: block;
}

.coverContainerHeadline .coverContainerHeadline_title {
  font-weight: 700;
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 1px;
  line-height: 45px;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.50);
}

.coverContainerHeadline .coverContainerHeadline_subtitle {
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 1px;
  line-height: 45px;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.50);
}

.coverContainerHeadline .elementSectionHeadings {
  height: 16px;
}
.coverContainerHeadline .elementAuthor_sizeS {
  float: none;
}

.coverContainerHeadline .elementAuthor_sizeS span {
  float: none;
}

.coverContainerHeadline .elementAuthor_sizeS img {
  float: none;
  vertical-align: middle;
  margin-top: 0;
}

.coverContainer .character {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 120px;
  height: 135px;
}

.coverContainerOthers {
  position: absolute;
  width: 980px;
  height: 120px;
  top: 412px;
  z-index: 30;
}

.coverContainerOthersArticle {
  width: 300px;
  margin-right: 40px;
  margin-bottom: 12px;
  float: left;
}

.coverContainerOthersArticle:nth-of-type(3n) {
  margin-right: 0px;
}

.coverContainerOthersArticle .coverContainerOthersArticle_title {
  font-weight: bold;
  font-size: 15.8px;
  line-height: 1.6;
}

.coverContainerOthersArticle .coverContainerOthersArticle_subtitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 2.0;
}

.pressRelease .elementArticleItem_title {
  font-size: 12px;
}

.pressRelease .pressRelease_more {
  text-align: right
}

.pressRelease .pressRelease_more a {
  font-weight: 700;
  font-size: 14px;
  color: #C1272D;
}

/* top-books */

div.element-top-books {
  height: 320px;
}

div.element-top-books .element-wrapper {
  padding: 38px 20px;
}

div.element-top-books .element-wrapper img.bb-title-img {
  height: 16px;
}

div.element-top-books .element-wrapper a.featurebooksPage {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 44px;
  height: 100px;
  position: absolute;
  top: 120px;
  z-index: 100;
  cursor: pointer;
}

div.element-top-books .element-wrapper a.featurebooksPagePrev {
  background-image: url('/common/images/v3/hotauthors/prev.png');
  left: -22px;
}

div.element-top-books .element-wrapper a.featurebooksPageNext {
  background-image: url('/common/images/v3/hotauthors/next.png');
  right: -22px;
}

div.element-top-books .element-wrapper a.featurebooksPage.disable {
  opacity: 0.2;
  cursor: default;
}

div.element-top-books .book-list {
  margin-top: 22px;
  text-align: center;
}

div.element-top-books .book-list .book-box {
  width: 300px;
  text-align: left;
  float: none;
}

div.element-top-books .book-list .book-box:first-child {
}

div.element-top-books .book-list .book-box:nth-of-type(3n) {
  margin-right: 40px !important;
}

div.element-top-books .book-list .book-box:nth-of-type(n+4) {
  margin-top: 0;
}

div.element-top-books .book-list .book-box.disable {
  opacity: 0.8;
}

div.element-top-books .book-img {
  background: none;
  border: none;
}

div.element-top-books .book-info .title,
div.element-top-books .book-info .elementAuthor_sizeS span,
div.element-top-books .book-info .authorOther {
  color: #FFFFFF !important;
}

div.element-top-books a:hover {
  opacity: 0.8;
}

div.element-top-books a:hover .book-info .sub-title {
  color: #858596;
}