@charset "utf-8";/*====================================*//*==[reset]============================*//*====================================*/.base {  word-break: break-all;}.base h1, .base h2, .base h3, .base h4, .base h5, .base h6, .base p, .base blockquote,.base img, .base small, .base strong, .base sub, .base sup, .base var, .base b, .base i,.base div, .base span,dl, .base dt, .base dd, .base ol, .base ul, .base li,.base fieldset, .base form, .base label, .base legend,.base table, .base caption, .base tbody, .base tfoot, .base thead, .base tr, .base th, .base td,.base article, .base aside, .base canvas, .base details, .base figcaption, .base figure,.base footer, .base header, .base nav, .base section, .base summary,.base time, .base mark, .base audio, .base video {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}.base img {  max-width: 100%;  height: auto;}/*====================================*//*==[page]==============================*//*====================================*//*--[.main_content]--------------------------*/.main_content {  font-size: 14px;  color: #222222;  background-color: #FFFFFF;}.main_content .main_banner {  position: relative;  max-width: 640px;  margin: 0px auto;}.main_content .title_count {  padding: 5px 0;  background-color: #ed4c33;  color: #FFFFFF;  text-align: center;  font-size: 13px;}.main_content .container {  margin-bottom: 15px;}.main_content .container > .title {  margin-bottom: 10px;  border-top: 2px solid #4C4C4C;  border-bottom: 1px solid #DDDDDD;  padding: 8px;  font-size: 16px;  color: #4C4C4C;  background-color: #F9F9F9;}.main_content .begginer {  margin-bottom: 20px;  padding: 0 10px;}.main_content .begginer a {  display: block;  max-width: 640px;  margin: 0 auto;}.main_content .feature_list {  padding: 0 10px;}.main_content .feature_list li {  max-width: 640px;  margin: 0 auto 8px auto;  text-align: center;  font-size: 14px;}.main_content .feature_list li a {  display: block;}.main_content .feature_list li p {  margin-top: 2px;}.main_content .warning {  padding-bottom: 2px;}.main_content .warning .title {  margin-bottom: 5px;  padding: 5px 8px;  font-size: 16px;  color: #FFFFFF;  background-color: #777777;}.main_content .warning .text {  margin-bottom: 3px;  padding: 0 8px 3px;  border-bottom: 1px dotted #DDDDDD;  line-height: 1.6;}.main_content .warning .text:last-of-type {  margin-bottom: 0;  border-bottom: none;}/*--[PC]---------*/.pc .main_content .review .readmore:hover {  cursor: pointer;}/*--[#genres]--------------------------*/#genres {  font-size: 14px;  color: #222222;  background-color: #FFFFFF;}#genres a {  color: #0088BB;}#genres .sub_title {  padding: 10px 8px;  font-size: 14px;  font-weight: bold;  background-color: #EEEEEE;}#genres .category {}#genres .category .genre {  margin-bottom: -1px;}#genres .category .genre:last-child {  margin-bottom: 0;}#genres .genre_name {  padding: 15px 5px 15px 46px;  border-top: 1px solid #DDDDDD;  border-bottom: 1px solid #DDDDDD;  line-height: 1;  font-size: 14px;  font-weight: normal;}#genres .genre_name .more {  display: block;  padding: 0 5px;  float: right;  line-height: 14px;  font-size: 20px;  color: #0088BB;}#genres .genre_link {  display: none;}#genres .genre_link > li {  border-bottom: 1px solid #DDDDDD;  background-color: #FAFAFA;}#genres .genre_link .link {  display: block;  padding: 10px 5px 10px 8px;}#genres .genre_link .link i {  color: #AAAAAA;}#genres .genle_tag {  padding: 8px 8px 3px 8px;  border-bottom: none;}/*--[PC]---------*/.pc #genres .category {  margin-bottom: 20px;}.pc #genres .genre {  width: 50%;  float: left;}.pc #genres .genre:nth-child(2n) .genre_name,.pc #genres .genre:nth-child(2n) .genre_link > li {  border-left: none;}.pc #genres .genre:nth-child(2n+1) {  clear: left;}.pc #genres .sub_title {  margin-bottom: 13px;  padding: 4px 0 4px 8px;  border-left: 6px solid #135F86;  font-size: 18px;  background-color: transparent;}.pc #genres .genre_name {  padding: 14px 5px 14px 50px;  border: 1px solid #DDDDDD;  font-size: 16px;  font-weight: bold;  background-color: #FAFAFA;}.pc #genres .genre_link {  display: block;}.pc #genres .genre_link > li {  border: 1px solid #DDDDDD;  border-top: none;  background-color: transparent;}.pc #genres .genre_link .link,.pc #genres .genre_link .link:hover {  text-decoration: none;}.pc #genres .genre_link .link:hover span {  text-decoration: underline;}/*--[genre_list/link_list]--------------------------*/.genre_list,.link_list {  border-top: 1px solid #DDDDDD;  background-color: #FFFFFF;}.genre_list .title,.link_list .title {    padding: 0 5px;    border-bottom: 1px solid #DDDDDD;    clear: both;    line-height: 30px;    font-size: 14px;    color: #444444;    background: #EEEEEE;}.genre_list .genre,.link_list .link {  float: left;  width: 50%;  padding-right: 5px;  border-bottom: 1px solid #DDDDDD;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}.genre_list .genre:nth-of-type(odd),.link_list .link:nth-of-type(odd) {  border-right: 1px solid #DDDDDD;}.genre_list .genre.full,.link_list .link.full {  width: 100%;  border-right: none;}.genre_list .genre a,.link_list .link a {  display: block;  line-height: 44px;  font-size: 14px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.genre_list .genre a {  padding: 0 3px 0 46px;}.link_list .link a {  padding: 0 3px 0 8px;}@media screen and (max-width: 340px) {  .genre_list .genre .dot {    display: inline-block;    margin:0 -1px;  }}.genre_list .genre.mens-manga a,.genre_list .genre.harlequin-novel a { font-size: 12px;}.pc .genre_list .genre.mens-manga a,.pc .genre_list .genre.harlequin-novel a {  font-size: initial;}/*--[sprite]--------------------------*/#genres .genre_name,.genre_list .genre {  background-image: url(/images/parts/sprite_genre_base2.png);  background-repeat: no-repeat;  -webkit-background-size: 32px auto;  -moz-background-size: 32px auto;  background-size: 32px auto;}#genres .shojo-manga .genre_name,.genre_list .shojo-manga {  background-position: 8px 6px}#genres .shonen-manga .genre_name,.genre_list .shonen-manga {  background-position: 8px -58px}#genres .josei-manga .genre_name,.genre_list .josei-manga {  background-position: 8px -122px}#genres .seinen-manga .genre_name,.genre_list .seinen-manga {  background-position: 8px -186px}#genres .harlequin-manga .genre_name,.genre_list .harlequin-manga {  background-position: 8px -250px}#genres .bl-manga .genre_name,.genre_list .bl-manga {  background-position: 8px -314px}#genres .tl-manga .genre_name,.genre_list .tl-manga {  background-position: 8px -378px}#genres .mens-manga .genre_name,.genre_list .mens-manga {  background-position: 8px -442px}#genres .ladies-manga .genre_name,.genre_list .ladies-manga {  background-position: 8px -506px}#genres .light-novel .genre_name,.genre_list .light-novel {  background-position: 8px -570px}#genres .harlequin-novel .genre_name,.genre_list .harlequin-novel {  background-position: 8px -634px}#genres .tl-novel .genre_name,.genre_list .tl-novel {  background-position: 8px -698px}#genres .bl-novel .genre_name,.genre_list .bl-novel {  background-position: 8px -762px}#genres .mens-novel .genre_name,.genre_list .mens-novel {  background-position: 8px -826px}#genres .erotic-novel .genre_name,.genre_list .erotic-novel {  background-position: 8px -890px}#genres .rennai-manga .genre_name,.genre_list .rennai-manga {  background-position: 8px -954px}#genres .free-manga .genre_name,.genre_list .free-manga {  background-position: 8px -1018px}/*====================================*//*==[common]============================*//*====================================*//*--[page_title]--------------------------*/.page_title {  padding: 6px 10px 7px;  font-size: 16px;  font-weight: bold;  color: #FFFFFF;  background-color: #006586;}.pc .page_title {  background-color: #18A4AC;}/*--[genre_tab]--------------------------*/.nav_group {  padding-top: 10px;}.genre_tab {  padding: 3px 0;  border-top: solid #999999 3px;  background-color: #FFFFFF;}.genre_tab > li {  float: left;  padding: 0 3px;  border-right: dotted 1px #DDDDDD;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  text-align: center;  font-size: 14px;}.genre_tab > li:last-child {  border: none;}.tab_col2 > li {  width: 50%;}.tab_col3 > li {  width: 33%;}.tab_col3 > li:last-child {  width: 34%;}.tab_col4 > li {  width: 25%;}.genre_tab > li:last-child {  margin-right: 0;}.genre_tab > .current {  position: relative;}.genre_tab > .current:after{  content: " ";  position: absolute;  top: -3px;  left: 0;  right: 0;  width: 0;  height: 0;  margin: 0 auto;  border-style: solid;  border-width: 6px;  border-color: transparent;  border-top-color: #999999;}.genre_tab > li a {  display: block;  padding: 12px 2px;  color: #0088BB;  line-height: 1.4;  text-decoration: underline;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;}.genre_tab > li:last-child a {  border: none;}.genre_tab > .current a {  padding: 0;  background-color: rgba(0,136,187, 0.3);  text-decoration: none;  color: #4C4C4C;  font-weight: 700;}.genre_tab > .current a > span {  display: block;  margin: 0 3px;  padding: 12px 2px;}.genre_tab.tab_col3 > li {  display: table;  height: 40px;}.genre_tab.tab_col3 > li a {  display: table-cell;  padding: 0;  height: 100%;  vertical-align: middle;}.genre_tab.tab_col3 a > span {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  line-height: 1;}.genre_tab.tab_col3 > .current .row_2 > span {  padding: 0 2px;}.genre_tab.tab_col3 > li .wbr-before {  font-size: 12px;}/*--[genre_navi]--------------------------*//* -- ▼▼▼▼▼▼▼　genre_navi　→ nav_genre　入れ替わったら削除　▼▼▼▼▼▼▼▼▼ -- */.genre_navi {  padding: 8px 4px 4px 10px;  border-bottom: 1px solid #DDDDDD;  background-color: #F7F7F7;}.genre_navi:after {  content: " ";  display: block;  clear: both;}.genre_navi li {  float: left;  margin: 0 4px 4px 0;}.genre_navi li:last-child {  margin-right: 0;}.genre_navi li a,.genre_navi li span {  display: inline-block;  padding: 6px 9px;  border-radius: 4px;  font-size: 13px;}.genre_navi .harlequin-manga a,.genre_navi .harlequin-manga span,.genre_navi .ladies-manga a,.genre_navi .ladies-manga span {  padding: 6px 7px;  letter-spacing: -1px;}.genre_navi li a {  border: 1px solid #0088BB;  background-color: #FFFFFF;  color: #0088BB;}.genre_navi .current a {  color: #FFFFFF;  background-color: #0088BB;}@media screen and (max-width: 340px) {  .genre_navi {    padding-left: 6px;  }  .genre_navi li {    margin-right: 3px;  }  .genre_navi li a,  .genre_navi li span {    padding: 5px 7px;    font-size: 12px;  }  .genre_navi .harlequin-manga a,  .genre_navi .harlequin-manga span,  .genre_navi .ladies-manga a,  .genre_navi .ladies-manga span {    padding: 5px 4px;    letter-spacing: -1px;  }}/*--[PC]---------*/.pc .genre_navi li a:hover {  text-decoration: underline;}.pc .genre_navi .current a {  text-decoration: none;}/* -- ▲▲▲▲▲▲▲▲▲genre_navi　→ nav_genre　入れ替わったら削除▲▲▲▲▲▲▲▲▲▲▲ -- *//*--[nav_genre]--------------------------*//* ここから、新しいジャンルナビUI */.nav_genre {  border-top: solid 1px #DDDDDD;  border-bottom: solid 1px #DDDDDD;  background-color: #EEEEEE;}.genre_tab + .nav_genre {  border-top: solid #999999 3px;}.nav_genre > li {  float: left;  display: table;  border-right: solid 1px #DDDDDD;  border-bottom: solid 1px #DDDDDD;  background-color: #FFFFFF;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  text-align: center;}.nav_genre > .current a {  border: solid 2px #FFFFFF;  color: #FFFFFF;  font-weight: 700;}.nav_genre > .current a,.pc .nav_genre.novel > .current a {  background-color: #4facca;}.nav_genre.novel > .current a {  background-color: #4fc9a0;}.nav_genre > li .disable.nav_genre .text_left a {  text-align: left;}.nav_genre .text_sm a {  line-height: 1.3;}.nav_genre > li a,.nav_genre > li .disable {  display: table-cell;  padding: 0 5%;  vertical-align: middle;}.nav_genre > li .disable {  color: #AAAAAA;  background-color: #F6F6F6;}.nav_genre.col_5 > li {  width: 20%;  height: 40px;  font-size: 14px;}.nav_genre.col_5 > li:nth-child(5n) {  border-right: none;}@media screen and (max-width: 480px) {  .nav_genre.col_5 > li a {    padding: 0 2%;  }  .nav_genre.col_5 > li .current a {    padding: 0;  }  .nav_genre.comic.col_5 .current.text_sm {    letter-spacing: -1.8px;  }}.nav_genre.comic.col_5 .text_sm {  letter-spacing: -1.5px;  font-size: 11px;}.nav_genre.col_4 > li {  width: 25%;  height: 40px;  font-size: 14px;}.nav_genre.col_4 > li:nth-child(4n) {  border-right: none;}.nav_genre.comic.col_4 .text_sm {  letter-spacing: -1.5px;  font-size: 12px;}.nav_genre.novel.col_4 .text_sm {  letter-spacing: -1.5px;  font-size: 12px;}.nav_genre.col_3 > li {  width: 33%;  height: 40px;  font-size: 14px;}.nav_genre.col_3 > li:nth-child(3n) {  width: 34%;  border-right: none;}.nav_genre.novel.col_3 .text_sm {  letter-spacing: -0.8px;  font-size: 12px;}.pc .nav_genre {  border-bottom: solid 2px #DDDDDD;}.pc .nav_genre > .current a {  border: solid 4px #FFFFFF;}.pc .nav_genre.col_4 > li {  font-size: 16px;}.pc .nav_genre.col_6 > li {  width: 16%;  height: 40px;  font-size: 16px;}.pc .nav_genre.col_6 > .text_sm {  font-size: 14px;}.pc .nav_genre.col_6 > li:nth-child(6n) {  border-right: none;}.pc .nav_genre.col_6 > li:last-child,.pc .nav_genre.col_6 > li:first-child {  width: 18%;}@media screen and (min-width: 480px) {  .nav_genre .text_left a {    text-align: center;  }}/*--[sort_navi]--------------------------*/.sort_navi {  padding: 6px 10px;  border-bottom: 1px solid #EEEEEE;  background-color: #FAFAFA;}.sort_navi .sort {  padding-top: 6px;  float: left;}.pc .sort_navi .sort {  padding-top: 10px;}.sort_navi .sort li {  display: inline-block;  vertical-align: middle;}.sort_navi .sort li:first-child {  margin-right: 6px;  padding-right: 10px;  border-right: 1px dotted #CCCCCC;}.sort_navi .sort li a {  display: inline;  font-size: 13px;  text-decoration: underline;}.sort_navi .sort .current a {  color: #222222;  text-decoration: none;}.sort_navi .completed,.sort_navi .thumbnail {  float: right;}.sort_navi .thumbnail {  margin-left: 5px;}.sort_navi .completed a,.sort_navi .completed .disable,.sort_navi .thumbnail a,.sort_navi .thumbnail .disable {  display: block;  padding: 4px 10px 3px 10px;  border: 1px solid #EEEEEE;  border-radius: 4px;  text-decoration: none;}.sort_navi .completed a,.sort_navi .thumbnail a {  background: #FFFFFF;}.sort_navi .completed .disable,.sort_navi .thumbnail .disable {  background: #FAFAFA;}.sort_navi .completed .text,.sort_navi .completed i,.sort_navi .thumbnail .text,.sort_navi .thumbnail i {  vertical-align: middle;}.sort_navi .completed .text,.sort_navi .thumbnail .text {  font-size: 13px;  color: #222222;}.sort_navi .disable .text {  color: #AAAAAA;}.sort_navi .thumbnail .text {  margin-left: 2px;}.sort_navi .completed i,.sort_navi .thumbnail i {  width: auto;  font-size: 20px;}.sort_navi .disable i {  color: #CCCCCC;}@media screen and (max-width: 345px) {  .sort_navi .sort {    padding-top: 3px;  }  .sort_navi .sort li {    line-height: 1.4;  }  .sort_navi .sort li:first-child {    margin-right: 5px;    padding-right: 9px;  }  .sort_navi .sort li a {    font-size: 12px;  }  .sort_navi .completed a,  .sort_navi .thumbnail a {    padding: 3px 6px 2px 6px;  }  .sort_navi .completed .text,  .sort_navi .thumbnail .text {    font-size: 12px;    margin-right: 3px;  }  .sort_navi .completed i,  .sort_navi .thumbnail i {    width: auto;    font-size: 18px;  }}/*--[layout]--------------------------*/@media screen and (min-width: 600px) {  .list_col3,  .big_carousel {    max-width: 598px;    margin: 0 auto;  }  .list_col4 {    max-width: 784px;    margin: 0 auto;  }}.pc .flex {  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -ms-flex-wrap: wrap;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: space-between;  justify-content: space-between;}.list_col2 > li {  width: 49%;  margin-right: 2%;  float: left;}.list_col3 > li {  width: 31%;  margin-right: 3.5%;  float: left;}.list_col4 > li {  width: 23.5%;  margin-right: 2%;  float: left;}.list_col2 > li:nth-child(2n),.list_col3 > li:nth-child(3n),.list_col4 > li:nth-child(4n) {  margin-right: 0;}.list_col2 > li:nth-child(2n+1),.list_col3 > li:nth-child(3n+1),.list_col4 > li:nth-child(4n+1) {  clear: left;}/*--[carousel]--------------------------*/.carousel,.big_carousel {  clear: both;  overflow-y: hidden;}.carousel .list_col3,.big_carousel .carousel_list {  margin-bottom: -20px;  padding-bottom: 20px;  overflow-x: auto;  white-space: nowrap;  -webkit-overflow-scrolling: touch;  -webkit-transform: translateZ(0px);}.carousel .list_col3 > li,.carousel_list > li {  display: inline-block;  vertical-align: top;}.carousel .list_col3 > li {  width: 28%;  max-width: 180px;  margin-right: 2%;  float: none;}.carousel .list_col3 > li:nth-child(3n) {  margin-right: 2%;}.big_carousel .list_col3 > li {  margin-right: 2.5%;}.big_carousel .list_col3 > li:nth-child(3n) {  margin-right: 0;}.big_carousel .jacket_books {  padding: 0;}.big_carousel .carousel_list > li {  width: 87.2%;  margin-left: 0.5%;}.big_carousel .carousel_list > li:first-child {  margin-left: 10px;}@media screen and (min-width: 600px) {  .carousel .list_col3 > li {    width: 21%;    margin-right: 1.5%;  }  .carousel .list_col3 > li:nth-child(3n) {    margin-right: 1.5%;  }}@media screen and (min-width: 960px) {  .carousel .list_col3 > li {    width: 17.5%;    margin-right: 1%;  }  .carousel .list_col3 > li:nth-child(3n) {    margin-right: 1%;  }}/*--[jacket_books]--------------------------*/.jacket_books {  padding: 0px 10px;  font-size: 12px;}.jacket_books .book {  padding-bottom: 24px;  text-align: center;}.carousel .jacket_books .book {  padding-bottom: 16px;}.jacket_books .detail {  display: block;  margin-bottom: 5px;  color: #666666;}.jacket_books .jacket_area {  margin-bottom: 8px;  padding: 0;  position: relative;}.jacket_books .jacket {  width: 100%;  overflow: hidden;}.list_col3 .jacket {  height: 255px;  max-height: 255px;}.list_col4 .jacket {  height: 255px;  max-height: 255px;}.carousel .list_col3 .jacket {  height: calc(100vw/4 * 1.40);}.jacket_books .jacket .cell {  width: 100%;  height: 100%;  display: table;  table-layout: fixed;}.jacket_books .jacket span {  display: table-cell;  text-align: center;  vertical-align: middle;  overflow: hidden;}.jacket_books .jacket .cell span {  height: 100%;}.jacket_books .jacket img {  width: 100%;  max-width: inherit;}.list_col3 .jacket img {  width: auto;  height:  255px;}.list_col4 .jacket img {  width: auto;  height: 255px;}.carousel .list_col3 .jacket img {  height: calc(100vw/4 * 1.40);  width: auto;}.jacket_books .jacket_area .new_icon,.jacket_books .jacket_area .add_icon {  position: absolute;  top: 0;  left: 0;  width: 32%;  max-width: 34px;  padding: 2% 4%;  line-height: 1;  box-sizing: content-box;}.jacket_books .jacket_area .new_icon {  background-color: #5BBEB1;}.jacket_books .jacket_area .add_icon {  background-color: #007D6B;}.jacket_books .genre {  display: block;  margin-bottom: 2px;  color: #222222;}.list_col4 .genre {  font-size: 11px;}.jacket_books .book .rank_books {  margin: 5px auto 0;  width: 60%;  min-width: 70px;  color: #666666;}.jacket_books .rank_books .rank_small {  padding-left: 2px;  font-size: 12px;}.jacket_books li:nth-child(1) .rank_books,.jacket_books li:nth-child(2) .rank_books,.jacket_books li:nth-child(3) .rank_books {  margin-top: 0;  font-size: 16px;}@media screen and (max-width: 320px) {  .list_col4 .genre {    letter-spacing: -1px;  }}.jacket_books .title {  display: block;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.jacket_books .free_chapter {  display: block;  margin-top: 3px;  padding: 2px 0;  border: 1px solid #E62931;  letter-spacing: 1px;  color: #E62931;}.list_col4 .free_chapter {  letter-spacing: 0px;  font-size: 12px;}@media screen and (min-width: 960px) {  .jacket_books .book {    padding-bottom: 40px;  }  .carousel .jacket_books .book {    padding-bottom: 16px;  }  .carousel .list_col3 .jacket {    height: 142px;  }  .carousel .list_col3 .jacket img {    width: auto;    height: 142px;  }}@media screen and (min-width: 600px)and (max-width: 959px) {  .jacket_books .jacket {    max-width:180px;  }  .carousel .list_col3 .jacket {    height: 162px;  }  .carousel .list_col3 .jacket img {    width: auto;    height: 162px;  }}@media (min-width: 321px) and (max-width: 599px) {  .carousel .list_col3 .jacket {    height: calc(100vw/4 * 1.40);  }  .carousel .list_col3 .jacket img {    height: calc(100vw/4 * 1.40);    width: auto;  }}@media screen and (max-width: 800px) {  .list_col3 .jacket {    height: 250px;  }  .list_col4 .jacket {    height: 200px;  }  .list_col3 .jacket img {    width: auto;    height:  250px;  }  .list_col4 .jacket img {    width: auto;    height: 200px;  }}@media screen and (max-width: 600px) {  .list_col3 .jacket {    height: 212px;  }  .list_col4 .jacket {    height: 188px;  }  .list_col3 .jacket img {    width: auto;    height:  212px;  }  .list_col4 .jacket img {    width: auto;    height: 188px;  }}@media screen and (max-width: 584px) {  .list_col3 .jacket {    height: 212px;  }  .list_col4 .jacket {    height: 180px;  }  .list_col3 .jacket img {    width: auto;    height:  212px;  }  .list_col4 .jacket img {    width: auto;    height: 180px;  }}@media screen and (max-width: 540px) {  .list_col3 .jacket {    height: 190px;  }  .list_col4 .jacket {    height: 145px;  }  .list_col3 .jacket img {    width: auto;    height: 190px;  }  .list_col4 .jacket img {    width: auto;    height: 145px;  }}@media screen and (max-width: 451px) {  .list_col3 .jacket {    height: 175px;  }  .list_col4 .jacket {    height: 130px;  }  .list_col3 .jacket img {    width: auto;    height: 175px;  }  .list_col4 .jacket img {    width: auto;    height: 130px;  }}@media screen and (max-width: 414px) {  .list_col3 .jacket {    height: 160px;  }  .list_col4 .jacket {    height: 125px;  }  .list_col3 .jacket img {    width: auto;    height: 160px;  }  .list_col4 .jacket img {    width: auto;    height: 125px;  }}@media screen and (max-width: 375px) {  .list_col3 .jacket {    height: 140px;  }  .list_col4 .jacket {    height: 115px;  }  .list_col3 .jacket img {    width: auto;    height: 140px;  }  .list_col4 .jacket img {    width: auto;    height: 115px;  }}@media screen and (max-width: 320px) {  .list_col3 .jacket {    height: 112px;  }  .list_col4 .jacket {    height: 97px;  }  .list_col3 .jacket img {    width: auto;    height: 112px;  }  .list_col4 .jacket img {    width: auto;    height:  97px;  }  .carousel .list_col3 .jacket {    height: 112px;  }  .carousel .list_col3 .jacket img {    height:  112px;  }}.jacket_books .book .reviews_rank {  display: table;  overflow: hidden;  margin: 0 auto 5px;  margin-bottom: 5px;  min-width: 70px;  max-width: 112px;  width: 85%;  border: 1px solid #888888;  border-radius: 10px;  color: #888888;}.jacket_books li:nth-child(1) .reviews_rank,.jacket_books li:nth-child(2) .reviews_rank,.jacket_books li:nth-child(3) .reviews_rank {  border: 1px solid #D0AD56;  color: #D0AD56;}.jacket_books .reviews_rank .rank,.jacket_books .reviews_rank .average_score {  display: table-cell;  padding: 2px 1px;  font-size: 12px;  line-height: 1;}.jacket_books .reviews_rank .rank {  width: 47%;  color: #FFFFFF;  background-color: #888888;}.jacket_books li:nth-child(1) .reviews_rank .rank,.jacket_books li:nth-child(2) .reviews_rank .rank,.jacket_books li:nth-child(3) .reviews_rank .rank {  background-color: #D0AD56;}.jacket_books .reviews_rank .icon-star:before {  margin-right: 3px;  font-size: 12px;}.jacket_books .book .reviews_score {  display: table;  overflow: hidden;  margin: 0 auto 5px;  margin-bottom: 5px;  min-width: 55px;  padding: 2px 0;  width: 70%;  border: 1px solid #888888;  border-radius: 15px;  color: #888888;}.jacket_books .reviews_score .average_score {  font-weight: 400;  font-size: 10px;  line-height: 1;}.jacket_books .reviews_score .icon-star:before {  margin-right: 3px;  font-size: 12px;}/*--[PC]---------*/.pc .jacket_books a:hover {  text-decoration: none;}.pc .jacket_books a:hover .title {  text-decoration: underline;}/*--[book_list]--------------------------*/.book_list > li {  padding: 8px 3px 8px 8px;  border-bottom: 1px solid #DDDDDD;}.book_list .book {  line-height: 1.2;  font-size: 14px;  color: #333333;}.book_list .detail {  width: 100%;  padding-left: 32%;  float: right;}.book_list .rank {  display: block;  margin-bottom: 5px;  font-weight: bold;  line-height: 1;  font-size: 16px;  color: #006586;}.book_list .rank span {  display: inline-block;  margin: 0 2px;  font-size: 20px;  vertical-align: text-bottom;}.book_list .genre {  display: block;  margin-bottom: 3px;  font-size: 12px;}.book_list .new_icon,.book_list .add_icon {  width: auto;  height: 15px;  margin-right: 2px;  vertical-align: middle;}.book_list .title {  display: block;  margin-bottom: 3px;  padding-right: 3px;  line-height: 1.4;}.book_list .title a {  font-size: 16px;  font-weight: bold;  text-decoration: underline;}.book_list .author {  margin-bottom: 3px;  word-wrap: break-word;}.book_list .rate {  color: #555555;}.book_list .rate * {  vertical-align: top;}.book_list .rate_icon {  width: auto;  height: 16px;}.book_list .rate a:hover {  text-decoration: none;}.book_list .rate .score {  display: inline-block;  margin-right: 3px;  font-weight: bold;  color: #444444;}.book_list .rate .score.zero {  color: #AAAAAA;}.book_list .rate .normal {  color: #444444;}.book_list .tags {  margin-top: 8px;}.book_list .tags li {  margin: 0 4px 4px 0;  padding: 1px 5px;  border: 1px solid #DDDDDD;  float: left;  font-size: 12px;  color: #777777;}.book_list .discount {  margin-top: 5px;  font-size: 12px;  color: #E62931;}.book_list .button {  margin-top: 8px;}.book_list .jacket {  width: 30%;  margin-right: -30%;  position: relative;  float: right;}.book_list .jacket a {  display: block;  padding: 1px;  border: 1px solid #CCCCCC;}.book_list .jacket img {  width: 100%;  vertical-align: top;}.book_list .publisher {  margin-top: 8px;  color: #DD0000;  font-size: 12px;}.book_list .review,.book_list .comment {  margin: 8px 5px 0 0;  padding: 8px;  border: 1px solid #DADADA;  border-radius: 5px;  font-size: 14px;}.book_list .review {  background-color: #F7FCFF;}.book_list .comment {  background-color: #FFFEF7;}.book_list .review .title {  display: block;  margin-bottom: 3px;  color: #002E67;}.book_list .review .text,.book_list .comment .text {  color: #444444;}.book_list .readmore {  color: #0088BB;  text-decoration: underline;}.book_list .review_info {  padding: 0 8px;}.book_list .icon-comment:before {  padding-right: 2px;  color: #016587;}.book_list .review_title {  display: table;  margin-bottom: 4px;  color: #072C60;  font-size: 15px;  font-weight: 700;}.book_list .review_title > span {  display: table-cell;  width: 100%;}.book_list .review_description {  margin-bottom: 8px;}.book_list .review_description a {  color: #006699;  font-weight: 700;}.book_list .postdate .new {  color: #E30613;}.book_list .postdate {  display: block;  margin-bottom: 2px;  text-align: right;  font-size: 12px;}.book_list .reviewer {  text-align: right;  color: #6A6E71;  font-size: 12px;}@media screen and (min-width: 600px) {  .book_list .book {    line-height: 1.6;  }  .book_list .detail {    padding-left: 190px;  }  .book_list .rank {    margin-bottom: 8px;    font-size: 18px;  }  .book_list .rank span {    font-size: 24px;  }  .book_list .new_icon,  .book_list .add_icon {    height: 17px;  }  .book_list .rate_icon {    height: 18px;    margin-right: 2px;  }  .book_list .rate span {    font-size: 16px;    line-height: 1.2;  }  .book_list .jacket {    width: 180px;    margin-right: -180px;  }}.pc .book_list .detail {  padding-left: 130px;}.pc .book_list .jacket {  width: 120px;  margin-right: -120px;}/*--[button]--------------------------*/.btn_sample a,.btn_free a,.btn_charge a {  border-radius: 3px;  background-color : #FFFFFF;  line-height: 2.25;  font-size: 13px;  font-weight: bold;}.list_col4 .btn_free a,.list_col4 .btn_sample a,.list_col4 .btn_charge a  {  font-size: 12px;}@media screen and (max-width: 380px) { .jacket_books .btn_charge a {    font-size: 12px;  }}@media screen and (max-width: 345px) {  .list_col4 .btn_sample a {    font-size: 11px;    letter-spacing: -1px;    line-height: 2.55;  }}.jacket_books .btn_free a,.jacket_books .btn_sample a,.jacket_books .btn_charge a {  display: block;}.book_list .btn_free a,.book_list .btn_sample a,.book_list .btn_charge a {  display: inline-block;  min-width: 108px;  padding: 0px 10px;  text-align: center;}@media screen and (min-width: 600px) {  .book_list .btn_free a,  .book_list .btn_sample a,  .book_list .btn_charge a {    padding: 3px 20px;  }}.pc .book_list .btn_free a:hover,.pc .book_list .btn_sample a:hover,.pc .book_list .btn_charge a:hover {  cursor: pointer;}.btn_free a,.btn_charge a {  border: solid 1px #CF6363;  border-bottom : solid 2px #B05454;  color : #CF6363 !important;}.btn_sample a {  border: solid 1px #2A96C1;  border-bottom : solid 2px #2480A4;  color: #2A96C1 !important;}/*--[bread_crumb]--------------------------*/.bread_crumb {  border-top: 1px solid #CCCCCC;  background-color: #f6f6f6;}.bread_crumb ol {  padding: 3px 5px 6px 5px;  border-bottom: 1px solid #FFFFFF;}.bread_crumb ol li {  display: inline-block;  padding-right: 6px;  font-size: 12px;  color: #1E0702;}.bread_crumb ol li:after {  content: ">";  display: inline-block;  color: #CD6D7E;  padding-left: 4px;}.bread_crumb ol li:last-child:after {  content: "";}.bread_crumb ol li a {  display: inline;  text-decoration: underline;}.bread_crumb ol li span {  font-weight: bold;}/*--[sns_plugin]--------------------------*/.sns_plugin .snsList {  padding: 0 0 7px 8px;  text-align: center;}.sns_plugin .snsList > li {  display: inline-block;  margin: 0px 8px 8px 0px;  vertical-align: top;}.sns_plugin .snsList .btnFB iframe {  width: 84px;  height: 21px;}/*--[pr_banner]--------------------------*/.pr_banner {  max-width: 640px;  margin: 0 auto;  padding: 0px 10px;  text-align: center;}.pr_banner a {  display: block;  padding: 1px;  border: 1px solid #DDDDDD;}/*--[text_banner]--------------------------*/.text_banner {  max-width: 660px;  margin: 0 auto;  padding: 0 20px;  text-align: center;}.text_banner > a {  display: block;  padding: 7px 8px 6px 8px;  border: 1px solid #0088BB;  border-radius: 16px;  font-size: 14px;  color: #0088BB !important; /* ジャンルコーナー用 */  background-color: #FFFFFF;}/*--[pc]----------------------------*/.pc .btnBlue {  display: block;  max-width: 320px;  margin: 0 auto;  border: none;  border-radius: 4px;  line-height: 35px;  text-align: center;  font-size: 14px;  color: #FFFFFF;  background: #08b none repeat scroll 0 0;}/*====================================*//*==[common]==============================*//*====================================*/.nowrap {  white-space: nowrap;}