/*	color	*/

:root {
  --color-primary: #2894D4;
  --color-secondary: #99c4e6;
  --color-tertiary: #D4EAF6;
}

/*	cover	*/
.coverContainer {
  background-image: url('https://gendai-m.ismcdn.jp/common/bluebacks/images/logo/character.png');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
}
.coverContainer .coverContainer_logo {
  width: 494px;
  height: 65px;
  margin-top: 95px;
  margin-bottom: 40px;
  z-index: 30;
}

/* toppage books */
#new-books .element-wrapper {
  background-image: url('https://gendai-m.ismcdn.jp/common/bluebacks/images/header/top-bb-books.png');
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 20px;
}
.bb-title-img {
  color: rgba(0,0,0,0)!important;
}

/* nav */
.navContents .navContents_genre ul {
  width: 300px;
}

.navContents .navContents_genre ul li a {
    padding-left: 35px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #FFFFFF!important;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 32px;
}

.navContents .navContents_genre ul:nth-child(1) li:nth-child(1) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/b/5/-/img_b5e617833eedeaae7025842662ab132b647.png');
}
.navContents .navContents_genre ul:nth-child(1) li:nth-child(2) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/2/5/-/img_2540ff88c35e25062301549b5eb16b52324.png');
}
.navContents .navContents_genre ul:nth-child(1) li:nth-child(3) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/a/7/-/img_a7ba7310c85ff6d811201aa807669020476.png');
}
.navContents .navContents_genre ul:nth-child(1) li:nth-child(4) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/e/b/-/img_eb63fc75c067be2b4e346d1177dd646b453.png');
}
.navContents .navContents_genre ul:nth-child(1) li:nth-child(5) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/a/b/-/img_abe953ea8bbeca517ca1c1e8aea20264478.png');
}
.navContents .navContents_genre ul:nth-child(1) li:nth-child(6) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/4/4/-/img_44a09474c6909310bd77737b2cf0d164611.png');
}
.navContents .navContents_genre ul:nth-child(1) li:nth-child(7) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/0/a/-/img_0a2be7b2a33731b20cea2350fd4ae90a628.png');
}
.navContents .navContents_genre ul:nth-child(1) li:nth-child(8) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/7/e/-/img_7e673dc9fefd51d9536a14475d3d9aee610.png');
}
.navContents .navContents_genre ul:nth-child(2) li:nth-child(1) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/a/f/-/img_af821209af9c81edad6dc63aa854b0fb368.png');
}
.navContents .navContents_genre ul:nth-child(2) li:nth-child(2) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/f/0/-/img_f072464bf99bcf4d42f011c34e4f8de1479.png');
}
.navContents .navContents_genre ul:nth-child(2) li:nth-child(3) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/d/a/-/img_da7b1bac2e3db43a4d2760193fcfa9d8558.png');
}
.navContents .navContents_genre ul:nth-child(2) li:nth-child(4) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/4/3/-/img_435be9c5b352044abf14eecffa80b28d542.png');
}
.navContents .navContents_genre ul:nth-child(2) li:nth-child(5) a {
  background-image: url();
}
.navContents .navContents_genre ul:nth-child(2) li:nth-child(6) a {
  background-image: url('https://gendai-m.ismcdn.jp/mwimgs/a/b/-/img_ab53ea5ead6f29fedf249c9d00da02ca567.png');
}

.nav.status_nav-serialEnabled {
  height: 380px;
}

.navContents .navContents_ul ul li.rikejo a img {
  width: 52px;
}

.navContents .navContents_ul ul li.rikejo a {
  background-image: url('https://gendai-m.ismcdn.jp/common/bluebacks/images/common/rikejo_logo.svg');
  background-size: 52px;
  background-position: center 10px;
  background-repeat: no-repeat;
  color: rgba(255,255,255,0);
}

.navContents .navContents_ul ul li.rikejo a:hover {
  background-color: rgb(255, 112, 160);
}

.navContents .navContents_ul ul li.bbo {
  position:relative;
  width: 100px;
  height: 36px;
}
.navContents .navContents_ul ul li.bbo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0px;
  background-image: url('https://gendai-m.ismcdn.jp/common/bluebacks/images/common/bbo_logo_w.png');
  background-size: 90px;
  background-position: center center;
  background-repeat: no-repeat;
  color: rgba(255,255,255,0);
}

.navContents .navContents_ul ul li.bbo a:hover {
  background-image: url('https://gendai-m.ismcdn.jp/common/bluebacks/images/common/bbo_logo_b.png');
  background-size: 90px;
  background-position: center center;
  background-repeat: no-repeat;
}