/********** h2 index **********/
#main > h1:nth-of-type(1) {
    font-size: 10px ! important;
    padding: 0 5px ! important;
    margin: 0 ! important;
}
.spcms .book_cover .page_heading {
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.spcms .page_heading .detail_page_title {
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #e52a89;
    padding-left: 5px;
    margin: 13px 0 13px 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}
.spcms .section_heading h2.section_title {
    font-size: 18px;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    margin-bottom: 10px;
    line-height: 130%;
    background-color: #ea7ae1;
    color: #fff;
}
.spcms > .section_heading .section_title {
    margin: 0 -5px;
}
@media only screen and (max-width: 320px) {
    .spcms .page_heading .page_title,
    .spcms .section_heading .section_title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 600px) {
    .spcms .page_heading .page_title,
    .spcms .section_heading .section_title {
        padding: 15px 20px 15px 32px;
    }
    .spcms .page_heading .header_icon,
    .spcms .section_heading .header_icon {
        /*left: 20px;*/
        left: 10px;
    }
    .spcms .header_icon {
        height: 34px;
        margin-top: -14px;
    }
    .spcms .header_icon2 {
        height: 34px;
    }
}
@media only screen and (orientation: landscape), screen and (min-width: 600px) {
    .spcms .page_heading .page_title.two_line {
        padding: 15px 20px 15px 32px;
    }
    .spcms .page_heading .page_title.two_line br {
        display: none;
    }
}

.spcms .sub_heading {
    color: #e52a89;
}
.spcms .sub_heading {
    margin: 12px 0 12px 0px;
    font-weight: bold;
    line-height: 16px;
}
.spcms .sub_heading.list {
    margin: 0 10px 10px;
}
@media only screen and (min-width: 600px) {
    .spcms .sub_heading.list {
        margin: 0 20px 10px;
    }
}

/********** from BookLive!comic **********/

.spcms {
    font-size: 1.4rem;
    line-height: 1.5rem;
}
.spcms .main-book__badge span {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.4rem;
    display: inline-block;
    margin: 0 2px 2px 0;
    padding: 2px 1px;
    text-align: center;
    width: 70%;
    max-width: 80px;
/*
    width: 40%;
    max-width: 54px;
*/
}

.spcms .sub_heading a span {
    line-height: 1.8rem;
    color: #333 !important;
    font-size: 1.5rem;
    display: -webkit-box;
    font-weight: bold;
    margin: 0 0 5px 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.spcms span.author a {
    color: #963 !important;
    text-decoration: underline;
}


/********** from layout **********/

/* 1 column */
ul {
    list-style: none;
}

/* 6 column */

img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}


/********** from global **********/

.spcms .tag_box {
    text-align: center;
    display: block;
    width: 100%;
    height: 19px;
    margin-bottom: 5px;
}
.spcms .taC img {
    max-width: 100%;
}
/* policy */
.spcms .section_content .privacy_link{
    text-align: right;
    margin: 20px 0 10px 0;
}
.spcms .link_list {
    border-color: #ddd;
    border-style: solid;
    border-width: 0px 0 0 1px;
    overflow: hidden;
}
.spcms .link_list_item {
    float: left;
    width: 50%;
}
.spcms .link_list.full_width > .link_list_item {
    width: 100%;
}
.spcms .link_list.one_item {
    border-width:0 0 0 1px;
}
.spcms .link_list.one_item .link_list_item a {
    border-width:1px 1px 1px 0;
}
.spcms .link_list_item a {
    background-color: #ffffff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #333;
    display: block;
    overflow: hidden;
    padding: 12px 5px 12px 10px;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.spcms .link_list_item:first-child a,
.spcms .link_list_item:nth-child(2) a {
    border-width: 1px 1px 1px 0;
}
.spcms .full_width .link_list_item:nth-child(2) a {
    border-width: 0px 1px 1px 0;
}
.spcms .link_list_btns .link_list_item a {
    background-color: #fafafa;
}
.spcms .link_list_item a:before {
    background-image: url("/resources/a/sp/common/images/bg_arrow_right.png?date=150722");
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 130px 10px;
    background-size: 130px 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: " ";
    margin-right: 5px;
    background-position: 0px 0;
}
.spcms .link_list.page_links .link_list_item a:before {
    background-image: url("/resources/a/sp/common/images/bg_arrow_down_orange.png?date=140903");
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}
.spcms .link_list.mcomic_color .link_list_item a:before     {background-position: -10px 0;}
.spcms .link_list.fcomic_color .link_list_item a:before     {background-position: -20px 0;}
.spcms .link_list.comic_color .link_list_item a:before      {background-position: -30px 0;}
.spcms .link_list.lightnovel_color .link_list_item a:before {background-position: -40px 0;}
.spcms .link_list.book_color .link_list_item a:before       {background-position: -50px 0;}
.spcms .link_list.business_color .link_list_item a:before   {background-position: -60px 0;}
.spcms .link_list.magazine_color .link_list_item a:before   {background-position: -70px 0;}
.spcms .link_list.photobook_color .link_list_item a:before  {background-position: -70px 0;}
.spcms .link_list.adult_color .link_list_item a:before      {background-position: -80px 0;}
.spcms .link_list.teenslove_color .link_list_item a:before  {background-position: -90px 0;}
.spcms .link_list.boyslove_color .link_list_item a:before   {background-position: -100px 0;}
.spcms .link_list.twodays_color .link_list_item a:before    {background-position: -110px 0;}
.spcms .link_list_item .active {background-color: #ffd7c2;}

.spcms .link_list.page_links .link_list_item a:before {
    background-image: url(/resources/b/img/common/icon/sprite_gray.png);
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}
.spcms .product_list .detail .detail_list li {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spcms .text_link a {
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 2px;
    line-height: 126%;
    color: #333333;
}

.spcms .text_link_arrow_right:after,
.spcms .text_link_black_arrow:after,
.spcms .ac_results .text_link:not(.next):after,
.spcms .text_link a:not(.next):after {
    background-image: url(/resources/b/img/common/icon/sprite_gray.png);
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 13px;
    content: " ";
    padding: 0px 0px;
    background-position: right center;
}

/* 1 column */
.spcms .product_list .block_in {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    min-height: 150px;
    table-layout: fixed;
    width: 100%;
}

.spcms .area_common {
    background-color: #FFFFFF;
    margin: 0 auto;
    padding-bottom: 30px;
    width: 100%;
}

/* 6 column */

.spcms .book .picture img {
    width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

.spcms .book {
    padding: 0 4px;
}
.spcms .book .picture {
    height: calc(33.3333vw * 1.3);
    text-align: center;
    margin-bottom: 10px;
    vertical-align: bottom;
}
.spcms .book .picture img {
    width: 100%;
    max-height:100%;
    height: auto;
    object-fit: contain;
}

.spcms .book .title a {
    color: #333;
}

.spcms .book .title {
    height: 32px;
    overflow: hidden;
    margin-bottom: 5px;
    word-break: break-all;
}
.spcms .book .author {
    word-break: break-all;
}

@media only screen and (min-width: 600px) {
    .spcms .book .picture {
        height: calc(100vw / 6 * 1.3);
    }
    .spcms .book .title {
        height: 37px;
    }
}
.spcms .book .picture.pc_view {
    height: calc(33.3333vw * 1.3);
}
@media only screen and (min-width: 600px) {
    .spcms .book .picture.pc_view {
        height: calc(660px / 6 * 1.3);
    }
}


/* is cms */
.subsdry {
  padding: 10px;
  background-color: #e52a89;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
}



/*共通*/
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.spcms .taR { text-align: right; }
.spcms .taC { text-align: center; }
.spcms .clear { clear:both; }

/*特集　基本CSS*/

.spcms {
background-color: #FFF;
}

.spcms .spcms-top { margin-bottom: 10px; }

.spcms .spcms-top img { width: 100%; }

.spcms .item-sys {
background-color: #FFF;
padding:10px 5px 0 10px;
}

.spcms .bk_price {
font-weight: bold;
font-size: 15px;
color: #e52a89;
text-align: center;
padding-bottom: 5px;
}

.abst-free { color: #B50000; }

.spcms .set_pagetop {
display: block;
/*float: left; 表示崩れのためOFF　140417笹子*/
/*margin-bottom: 20px;*/
width: 100%;
}

.spcms .product_list { border-top: none; }




/*画像用*/
.spcms .imgfull {
height: auto;
width: 100%;
}
.spcms .imgms80 {
height: auto;
width: 100%;
}
@media screen and (min-width: 600px){
.spcms .imgms80 {
height: auto;
width: 80%;
}
}

/*シリーズ一覧*/
#ftr .btn {
padding:0;
}


/* 会員登録ボタン */
.beginner_btn_free {
border-radius: 4px;
background: #e52a89;
color: #fff !important;
display: block;
text-align: center;
width: 100%;
max-width: 600px;
padding: 10px 0px;
margin: 0 auto 10px;
font-weight: bold;
}

/* twitter関連 */
.spcms .tw_kikan {
color:#ff0000;
font-weight:bold;
font-size:20px;
margin-bottom:20px;
text-align:center;
line-height: 1.2;
}

.spcms .tw_no {
font-weight: bold;
background-color: #000000;
color: #ffffff;
width: 2em;
text-align: center;
line-height: 2;
}

/* ポップ設定 */

.recom_box {
padding: 10px;
background-color: #e6f8fa;
border: 3px solid #96ddeb;
}
.remark_pnk {
color: #da204f;
font-size: 16px;
font-weight: bold;
}







/* ---------footer_text_lnk_btn--------- */
.spcms .spcms_lnk_btn a {
    background: #ffffff;
    border: 2px solid #e52a89;
    border-radius: 3px;
    display: block;
    color: #e52a89;
    font-size: 18px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}

.spcms li.spcms_foot_lnk_btn,
.spcms li.spcms_foot_lnk_btn_default {
    background: #ffffff;
    border-top: 1px solid #ccc;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 45px;
    background: url(/resources/b/img/common/icon/sprite_gray.png) right center no-repeat;
}

.spcms li.spcms_foot_lnk_btn_default:last-child {
    border-bottom: 1px solid #ccc;
}
.spcms li.spcms_foot_lnk_btn a,
.spcms li.spcms_foot_lnk_btn_default a {
    display: block;
    color: #555;
}
@media only screen and (min-width: 600px) {
    .spcms_lnk_btn {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}




/* ==================================================== */
/* エントリーボタン */
.wi60 {
    width: 60%;
}

.fs18 {
    font-size: 18px;
}

.wi185 {
width: 185px;
}

.spcms .coupon_spcms {
background-color: #FFFFFF;
border: 3px solid #936920;
width: 90%;
max-width:550px;
text-align: center;
margin: 0px auto;
}
.co_ent {
text-align: center;
vertical-align: middle;
}

.obi {
max-width:100%;
height:18px !important;
text-indent: -999em;
background-repeat:no-repeat;
display: block;
}

.obi_down {
background-image: url("/resources/a/pc/v2/images/tokushu/obi_down_long.jpg");
}
.obi_up {
background-image: url("/resources/a/pc/v2/images/tokushu/obi_up_long.jpg");
}

/* クーポン文字修飾 */
.cp_red {
color: #c00000;
font-weight:bold;
}

.cp_text_01 {
font-size: 21px;
font-weight: bold;
line-height: 1;
}

.cp_text_02 {
font-size: 45px;
line-height: 1;
}

.cp_text_03 {
font-size: 35px;
line-height: 1;
}

.cp_text_04 {
font-size:14px;
margin-top: -3%;
}

.cp_line {
line-height: 400%;
}


/*フォントサイズ*/
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}


/* ===== ▼slim版用追加要素ここから▼ ===== */

/*　有効期間表記　*/
.cp_kikan_slim {
font-size: 11px;
color: #595959;
padding: 2px;
line-height: 1;
clear: both;
}

/*　クーポン名表記　*/
.cpn_name {
line-height: 1.2;
    padding: 0px 5px;
font-size:18px;
margin: 10px auto 0px;
}

/*　邪魔なCSS指定打消し用　*/
.spcms .cpn_product_list, .spcms #list_view {
    border-top:none;
}

.spcms .cpn_product_list .block_in, .spcms #list_view .cpn_block_in {
height: auto;
}

/*　タブレットで見た時用の回り込み表示　*/
@media only screen and (min-width: 600px){

    .spcms .cpn_product_list .cpn_left_block,
    .spcms #list_view .cpn_left_block {
        float: left;
        width: 60%;
        display: table;
        margin-bottom: 0;
    }

    .spcms .cpn_product_list .cpn_right_block,
    .spcms #list_view .cpn_right_block {
    float: left;
        width: 40%;
    }

    .spcms .cpn_product_list .cpn_block_in.cpn_right_block .block_inner,
    .spcms #list_view .cpn_block_in.cpn_right_block .block_inner{
        padding-left: 10px;
    }


/*　クーポン下の使用条件　*/

.spcms .cpnreq {
width: 550px;
text-align:left;
margin: 0px auto;
font-size:16px;
font-weight:bold;
}

}




/* ===== ▲slim版用追加要素ここまで▲ ===== */

/* 新クーポン説明　枠線 */
.newcouponbox {
border: 1px solid #BBBBBB;
padding: 10px;
width: 90%;
margin: 0px auto 30px auto;
}

/* 新クーポン　コーナー名 */
.spcms .cpn_titlle {
    font-size: 24px;
    font-weight: bold;
    color: #F00;
    background-color: #FFF8DC;
    margin-bottom: 20px;
    border-width: 2px;
    border-style: dotted;
    border-bottom: 2px dotted #F00;
    text-align: center;
    line-height: 1.2;
    padding: 10px 5px 5px 5px;
}


/*　新クーポン　１番大きい見出し　オレンジ　*/
.spcms .cpn_topic {
    border-left: 6px solid #e52a89;
    color: #e52a89;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0px 2px 12px;
    margin-bottom: 20px;
}

/*　新クーポン　２番目の見出し　*/
.spcms .cpn_topic02 {
    color: #1796C1;
    font-weight: bold;
font-size: 16px;
}

.spcms .cpn_indent {
margin-left:12px;
}

.spcms .cpn_blue {
color:#0048b4 !important;
}
/* ==================================================== */

/* ===== まとめ買いから移植 ===== */

/* h1見出し */
div.spcms h1.spcms-top { margin-bottom: 6px; }
/* 注意文 */
.set_attention {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius:4px;
    width: 100%;
    background-color: #FEFEFE;
    border: 2px solid #ADADAD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 12px;
}
.set_attention .att_tilte {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 14px;
}
.set_attention p {
    margin-bottom: 4px;
}
.set_attention p a {
    text-decoration: underline;
}
/* シリーズへリンク */
#bulkbuying .series_link {
    margin-right: 4px;
}
/* point */
.spcms .product_list .block_in.right_block .block_inner .set_01 {
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #f0cf86;
  background-color: #ffeb97;
}
.spcms .product_list .block_in.right_block .block_inner .remark_red {
  color: #ff3432;
}
.spcms .product_list .block_in.right_block .block_inner .remark_30 {
  font-size: 30px;
  line-height: 1.5em;
}
#bulkbuying .remark_red {
  color: #b30000;
}
/* タグのセンタリング表示 */
#bulkbuying .product_list .book, #list_view .book {
    text-align: center;
}
/*「全てカートに入れるボタン」のスペース調整*/
#bulkbuying .action_full {
    margin-bottom: 20px;
}
/*看板画像直下リード書式*/
p#spcms_top_lead {
    padding: 0 5px;
}
/*注意事項部分書式追加*/
.set_attention .att_title_b {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}
.set_attention .att_title_r {
  color: #F00;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.font_attention {
    color: #F00;
}
/*T-POINT注意書き*/
.tpoint_attention {
    border: 2px solid #f00;
    color: #f00;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 7px;
    width: 90%;
}
.tpoint_attention > img {
    margin: 0 7px 7px 0;
    vertical-align: middle;
}
/* ===== //まとめ買いから移植 ===== */


/* youtube */
.v-conts {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.v-conts iframe,
.v-conts object,
.v-conts embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (min-width: 600px) {
.v-conts {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 80%;
}
}


/* ランキング表示関連 */
.ranking_num {
font-size: 21px;
font-weight: bold;
}

.img_star {
width: 50px;
display: block;
float: left;
}

.img_star img {
width: 45px;
height: auto;
}

.spcms .cms_rank {
border-left-width: 0px;
padding-left: 0;
margin: 0px;
}

.rank_title {
padding: 10px 0 0 0;
font-size: 18px;
height: 60px;
display:block;
vertical-align: middle;
font-weight: bold;
}

.span_1 {
line-height: 25px;
}



/* adult test */

.spcms .sub_heading {
    margin: 0 0 8px 0px;
}
.spcms .product_list .action_full li {
    margin-bottom: 0;
    margin-right: 5px;
    width: 44%;
    float: left;
}

.spcms .detail .btn_l {
    height: 24px;
    line-height: 26px;
    font-weight: bold;
    padding: 7px 10px;
}

.spcms .product_list .detail {
    padding: 0 0px 0 10px;
    display: table-cell;
    vertical-align: top;
}

.spcms .spcms_blocklist .section_content:first-child,
.spcms .spcms_blocklist .section_content:last-child,
.spcms .spcms_blocklist .section_content {
    padding: 10px;
    margin: 0;
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
}

.spcms .product_list .cms-item .right_block img {
    margin-top: 10px;
    max-width: 100%;
}

@media only screen and (min-width: 600px) {
    .spcms .product_list .cms-item .left_block {
        float: left;
        width: 60%;
        margin-bottom: 0;
    }
    .spcms .product_list .cms-item .right_block {
        float: right;
        width: 40%;
    }
    .spcms .product_list .cms-item .right_block block_inner {
        text-align: left;
    }
    .spcms .product_list .cms-item .right_block img {
        max-width: 264px;
        margin-top: 0;
    }
}

@media only screen and (min-width: 600px) {
.left_block .w98 {
width: 98%;
height: auto;
}
}

.spcms .product_list .detail .detail_list li, .spcms #list_view .detail .detail_list li {
    margin-bottom: 8px;
}



/* type-ce */

@media only screen and (min-width: 600px) {
    .spcms .type-ce .product_list .cms-item .left_block {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    .spcms .type-ce .product_list .cms-item .right_block {
        float: none;
        width: 100%;
    }
    .spcms .type-ce .product_list .cms-item .right_block img {
        max-width: 640px;
        margin-top: 0;
    }
    .spcms .type-ce .product_list .cms-item .left_block .action_full ul {
        width: 50%;
    }
}

.cms_book {
    display: table-cell;
    width: 120px;
}
.cms_book .picture {
    width: 120px;
}
.cms_book img {
    max-width:120px;
    max-height:200px;
}



/* 2 column */

.spcms_blocklist.type-cb {
    overflow: hidden;
}
@media only screen and (max-width: 599px) {
    .spcms .section_heading ~ .spcms_blocklist.type-cb .section_content {
        padding: 10px;
        margin: 0;
        background-color: #FFF;
        float: none;
        overflow: hidden;
    }
    .spcms .type-cb .product_list .cms-item .left_block {
        float: none;
        width: 100%;
        margin-bottom: 0;
        overflow: hidden;
    }
    .spcms .type-cb .product_list .cms-item .left_block .block_in {
        overflow: hidden;
    }
}
@media only screen and (min-width: 600px) {
    .spcms .spcms_blocklist.type-cb .section_content {
        padding: 10px;
        background-color: #FFF;
        width: 44%;
        float: left;
        overflow: hidden;
        border-bottom: none;
    }
    .spcms .type-cb .product_list .cms-item .left_block {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    .spcms .type-cb .product_list {
        overflow: hidden;
        border-bottom: 1px solid #CCC;
        margin-bottom: 20px;
    }
    .spcms .type-cb ul:last-child {
        border-bottom: none;
    }
    /*.spcms .type-cb .product_list li.cms-item:nth-child(even) {
        margin-left: 20px;
    }*/
}



/* 6 column */
    .book_cover.is-mobile{
        overflow:visible;
        /*border-top:1px solid #ddd;*/
    }
    .loading{text-align:center;padding:10px;min-height:100vh;width:100%;background:url("/resources/a/common/images/loading_lastpage.gif") center 100px no-repeat;background-size:48px;}
    .campaign-banner{position:relative;display:block;width:100%;margin:0 auto;}
    .is-mobile .campaign-banner{margin-top:10px;}
    .is-pc .campaign-banner{width:calc(100% - 40px);border:none!important;}
    .campaign-banner>img{width:100%;}
    .campaign-banner>strong{position:absolute;bottom:15%;left:6.5%;display:block;font-size:5.25vw;}
    .is-pc .campaign-banner>strong{font-size:40px;}
    .campaign-banner+p{margin:0 20px 20px;}
    .tab-lists{height:40px;margin:10px 0;}
    .is-pc .tab-lists{margin:10px;}
    .is-pc .is-narrow .tab-lists{margin:0;}
    .is-mobile .tab-lists{overflow:hidden;}
    @media screen and (min-width:600px){
        .is-mobile .tab-lists{width:calc(100vw - 20px);margin:10px auto;}
    }
    .tab-lists>ul{display:-webkit-box;display:flex;font-size:0;}
    @media screen and (max-width:480px){
        .is-mobile .tab-lists>ul{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;white-space:nowrap;-webkit-transition:translate .5s ease;transition:translate .5s ease;padding:0 10px;height:60px;}
    }
    .tab-lists>ul>li{display:block;}
    .is-pc .tab-lists>ul>li{width:100%;width:auto\9;min-width:84px\9;}
    .is-pc .tab-lists>ul>li:not(:last-child){margin-right:1px;}
    .is-mobile .tab-lists>ul>li{min-width:72px;}
    @media screen and (min-width:600px){
        .is-mobile .tab-lists>ul>li{width:100%}.is-mobile .tab-lists>ul>li:not(:last-child){margin-right:1px;}
    }
    .tab-lists>ul>li>a{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border:1px solid #e52a89;border-radius:3px;background:#fff;margin:0 1px;width:88px;height:40px;text-align:center;font-size:12px!important;color:#e52a89;font-weight:700;line-height:1.2;text-decoration:none;}
    .tab-lists>ul>li>a.router-link-exact-active{background:#e52a89;color:#fff;}
    .is-pc .tab-lists>ul>li>a{width:100%;}
    .is-pc.is-narrow .tab-lists>ul>li>a{font-size:11px!important;}
    .is-mobile .tab-lists>ul>li>a{width:70px;}
    @media screen and (min-width:600px){
        .is-mobile .tab-lists>ul>li>a{width:100%;}
    }
    .book_shelf{padding:0 10px!important;}
    .is-mobile .book_shelf{padding:0!important;}
    .is-C .ribbon{background-position:-30px 1px;}
    .is-CF .ribbon{background-position:-60px 1px;}
    .is-L .ribbon{background-position:-90px 1px;}
    .is-B .ribbon{background-position:-120px 1px;}
    .is-J .ribbon{background-position:-150px 1px;}
    .is-M .ribbon,.is-P .ribbon{background-position:-180px 1px;}
    .is-AD .ribbon{background-position:-210px 1px;}
    .is-TL .ribbon{background-position:-240px 1px;}
    .is-BL .ribbon{background-position:-270px 1px;}
    .is-pc .btn_l.read{height:22px!important;font-size:10px!important;font-weight:400!important;padding:0!important;text-align:center!important;line-height:22px!important;margin-top:0!important;}
    .is-pc .book>.title{white-space:pre-wrap;overflow:hidden;}
    .book>.picture{background:url("//res.booklive.jp/resources/a/sp/common/images/book_cover_placeholder.png") no-repeat;background-size:cover;}
    .is-pc .book>.picture{width:102px!important;max-width:none;margin:0 auto;text-align:center;}
    .is-pc .book>.picture img{max-height:145px;}
    .book .author{min-height:18px!important;}
    .is-pc .book .author{margin-bottom:.5em;}
    .book .author>span:not(:only-child):not(:last-child):after{display:inline-block;content:",";margin-right:.5em;}
    .pager{border-top:1px solid #ddd;padding:20px 0;}
    .pager,.pager>span{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;}
    .pager>span{cursor:pointer;color:#0048b4;width:36px;-webkit-box-align:center;align-items:center;font-weight:700;}
    .pager>span:not(:first-child){border-left:1px solid #ccc;}
    .pager>span.current{color:#e52a89;}
    .pager>span.is-disabled{pointer-events:none!important;color:#ccc;}
    .is-mobile .loaded:not(.simple){min-height:230px;}
    /*.section_title{position:relative;background:#fff;border-top:1px solid #ddd;display:block;font-size:18px;line-height:22px;font-weight:700;padding:15px 10px 15px 32px;}*/
    .campaign-end{color:#e52a89;margin-bottom:.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
    .is-pc .campaign-end{height:1.2em;}
    .discount-description{text-align:center;}
    .discount-rate{display:inline-block;margin:0 auto;background:red;color:#fff;height:20px;line-height:20px;padding:0 .25em;}
    .price-tax{text-align:center;line-height:1;margin-top:.25em;}
    .price-tax.is-original{text-decoration:line-through;}
    .is-mobile .price-tax.is-original,.is-pc .price-tax.is-original{font-size:11px;}
    .price-tax.is-dynamic{color:#e52a89;font-weight:700!important;}
    .is-mobile .price-tax.is-dynamic{font-size:13px;}
    .is-pc .price-tax.is-dynamic span{font-size:15px;}
    .price-tax>small{display:inline-block;text-decoration:inherit;}
    .bl_cart{position:relative;margin-top:8px;display:block;}
    .spcms .bl_cart .baloon,.spcms .bl_cart i,.spcms .bl_cart span{pointer-events:none;}
    .spcms .bl_cart.is-have{opacity:0;pointer-events:none;}
    .spcms .is-pc .bl_cart{width:auto!important;height:22px;background:-webkit-linear-gradient(top,#7fb42b,#69a708);background:linear-gradient(180deg,#7fb42b 0,#69a708);border:1px solid #5f9805;border-radius:3px;color:#fff;display:block;line-height:22px;padding:0 4px;font-size:10px;text-align:center;text-decoration:none;}
    .spcms .is-pc .bl_cart .btn_icon.cart_icon{background-image:url("/resources/a/pc/common/images/btn_icons_s.png");background-position:-3px 0;height:22px;width:14px;margin-right:2px;}
    .spcms .is-pc .bl_cart.btn_cart_in,.spcms .is-pc .bl_cart.btn_cart_on{border:1px solid #5f9805;background:#fff;color:#5f9805;}
    .spcms .is-pc .bl_cart.btn_cart_in .btn_icon.cart_icon,.spcms .is-pc .bl_cart.btn_cart_on .btn_icon.cart_icon{background-image:url("/resources/a/pc/common/images/btn_icons_s.png");background-position:-24px 0;}
    .balloon{position:absolute;left:-15px;right:0;border-radius:5px;color:#fff;background:rgba(0,0,0,.7);padding:.5em 14px;text-decoration:none;top:-35px;font-size:10px;line-height:1.2;width:90px;margin:auto;opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%);z-index:-1;}
    .is-pc .balloon{top:-40px;width:130px;padding:0;height:30px;line-height:30px;font-size:11px;}
    .balloon.is-popup{z-index:1;-webkit-animation:baloon 1.5s ease-in;animation:baloon 1.5s ease-in;}
    .balloon:before{content:"";position:absolute;width:10px;height:10px;background:-webkit-linear-gradient(left top,transparent 50%,rgba(0,0,0,.8) 50.0001%) 0 0 no-repeat;background:linear-gradient(to right bottom,transparent 50%,rgba(0,0,0,.8) 50.0001%) 0 0 no-repeat;background-size:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:-5px;left:0;right:0;margin:auto;}
    @-webkit-keyframes baloon{
        0%,to{opacity:0;}
        25%,95%{opacity:1;-webkit-transform:translate(0);transform:translate(0);}
        to{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
    }
    @keyframes baloon{
        0%,to{opacity:0;}
        25%,95%{opacity:1;-webkit-transform:translate(0);transform:translate(0);}
        to{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
    }
    .btn_basic_flat{margin-top:20px!important;}
    .book_shelf.is-grid>ul{display:-webkit-box;display:flex;flex-wrap:wrap;}
    .book_shelf.is-grid .book{box-sizing:border-box;padding-bottom:30px;}
    .is-mobile .book_shelf.is-grid .book{width:33.33333%;}
    @media screen and (min-width:600px){
        .is-mobile .book_shelf.is-grid .book{width:16.66667%;min-height:21.66667%;}
    }
    .is-pc .book_shelf.is-grid .book{margin:0 calc((99.99% - 735px) / 14) 30px;}
    .is-pc.is-narrow .book_shelf.is-grid .book{margin:0 calc((99.999% - 630px) / 12) 30px;}
    .is-mobile .book .title{height:2.2em;}
    /*
    @media screen and (min-width:600px){
        .is-mobile .book .title{line-height:18px!important;}
    }
    */
    .is-pc .book .title{white-space:normal!important;}
    .sorter-wrap{position:relative;height:44px;margin-bottom:20px;}
    .sorter-wrap .inner-wrap{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;position:absolute;top:0;left:0;right:0;z-index:1;padding:0 10px;}
    .is-mobile .sorter-wrap strong{display:block;height:44px;line-height:44px;margin-right:1em;white-space:nowrap;}
    .is-pc .sorter{display:block;margin:20px;}
    .is-pc .sorter>a,.is-pc .sorter>span{margin-right:10px;}
    .is-pc .sorter>a.is-current{pointer-events:none;color:#333;}
    .is-mobile .sorter{position:relative;width:100%;max-width:250px;height:44px;line-height:44px;overflow:hidden;text-align:center;border:1px solid #ddd;cursor:pointer;box-sizing:border-box;margin:0;-webkit-transition:height .1s ease;transition:height .1s ease;background:#fff;}
    .is-mobile .sorter.is-opened{height:auto;}
    .is-mobile .sorter>p{width:100%;box-shadow:inset 0 -1px 1px 0 #ddd;background:#fff;cursor:pointer;}
    .is-mobile .sorter>p:not(:first-child){text-align:left;background:#f1f1f1;padding-left:1em;}
    .is-mobile .sorter>p>i{border:6px solid red;border-color:#e52a89 transparent transparent;position:absolute;top:20px;left:20px;bottom:0;margin:auto;}
    .is-mobile .sorter>p.is-current{display:none;color:#333;background:#fff;}
    .fade-enter{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);}
    .fade-enter-active{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;}
    .slide-enter{opacity:0;-webkit-transform:translate(20px);transform:translate(20px);}
    .slide-enter-active{-webkit-transition:all .5s;transition:all .5s;}
    #sale{overflow:hidden;background:#fff;}
    .campaign-banner{margin-top:10px;}






/*
.spcms_blocklist .spcms-type-cb {
    background-color: #FFF;
    padding: 10px;
}

@media only screen and (max-width: 599px) {
    .spcms .area_slide .book.cms-item .picture img {
        max-height: 140px;
        height: auto;
        max-width: 90px;
        width: auto;
    }
    .spcms .area_slide .book.cms-item .picture {
        height: 140px;
    }

    .spcms .book_list .book {
        float: left !important;
        position: relative;
        width: 90px;
        padding: 0;
        text-align: center;
        margin-right: 5px !important;
        margin-top: 10px;
    }
}

.spcms .area_slide .li-group {
    border-bottom: 1px solid #CCC;
    float: left;
}
.spcms .area_slide .book.cms-item {
    width: 100%;
    margin-bottom: 6px;
}

@media only screen and (max-width: 599px) {
    .spcms .area_slide .li-group {
        width: 33.33333%;
    }
}
@media only screen and (max-width: 767px) and (min-width: 600px) {
    .spcms .area_slide .li-group {
        width: 33.33333%;
    }
}
@media only screen and (min-width: 768px) {
    .spcms .area_slide .li-group {
        width: 16.66666%;
    }
}

.spcms .tachiyomi_action {
    margin-bottom: 5px;
}

*/

/* クーポン160816 */
.spcms .spcms_cpn {
    width: 96%;
    max-width: 360px;
    text-align: center;
    margin: 0px auto;
    border: 1px solid #CCC;
    background-color: #f1f1f1;
    padding: 6px;
    overflow: hidden;
}
.spcms .spcms_cpn .spcms_cpnspec_01 {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 6px;
}
.spcms .spcms_cpn .spcms_cpnspec_01 .spcms_cpnname {
    color: #c00000;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}
.spcms .spcms_cpn .spcms_cpnspec_01 .spcms_cpnname_s {
    color: #c00000;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
@media only screen and (min-width: 600px) {
    .spcms_cpn .spcms_cpnspec_01 .spcms_cpnname_s {
        color: #c00000;
        font-size: 19px;
        font-weight: bold;
        text-align: center;
    }
}
.spcms .spcms_cpn .spcms_cpnspec_01 .spcms_cpndetail {
    color: #c00000;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.spcms .spcms_cpn .spcms_cpnspec_01 .spcms_cpndate {
    color: #666;
}

.spcms .spcms_cpn .spcms_cpnspec_02 {
    text-align: left;
    overflow: hidden;
}
.spcms .spcms_cpn .spcms_cpnspec {
    font-size: 13px;
}
.spcms .spcms_cpn .spcms_cpnspec .cpnspecbox {
    overflow: hidden;
    line-height: 130%;
    width: 100%;
    margin-bottom: 3px;
}

.spcms .spcms_cpn .spcms_cpnspec .cpnspecname {
    float: left;
    width: 32%;
}

.spcms .spcms_cpn .spcms_cpnspec .cpnspec {
    float: right;
    width: 67%;
}

.spcms .spcms_cpn .spcms_cpnspec .cpnspecname:after {
    content: '：';
    float: right;
    width: 11px;
}

.mw360 {
    max-width: 360px;
    margin: 0 auto;
}
@media only screen and (min-width: 600px) {
    .mw360 {
        font-size: 15px;
        padding: 0;
    }
}

.spcms .cpn_lgout {
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
    border: 1px solid #CCC;
    max-width: 600px;
}


/* table settings */
.spcms_table {
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
}
.spcms_table th {
    width:25%;
    padding:3px;
    border:1px solid #CCC;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
    background-color:#E6E6E6;
}
.spcms_table td {
    border:1px solid #CCC;
    border-collapse:collapse;
    padding:3px;
    text-align:left;
    vertical-align:middle;
}


/* review settings */
.spcms .spcms_review {
    border:1px solid #CCC;
    padding: 10px;
    margin-bottom: 20px;
    text-align:left;
    background-color: #fff2f2;
    overflow: hidden;
}
    input.review_box {
      display: none;
    }
    label {
      cursor: pointer;
      display: inline-block;
      background: #FFF;
      padding: 0;
      border-radius: 4px;
      -webkit-transition: 0.1s;
      transition: 0.1s;
    }
    label p {
      -webkit-transition: .3s ease;
      transition: .3s ease;
      display: block;
      border-radius: 5px;
    }
    .panel {
      -webkit-transition: .3s ease;
      transition: .3s ease;
      height: 0;
      overflow: hidden;
      margin: 0;
      padding: 0;
    }
    input:checked ~ .panel {
      height: auto;
      padding: 0;
    }
    .review_opn {
    height: auto;
    padding: 5px;
    text-align: center;
    line-height: 2em;
    }
    input:checked ~ label {
      background: #CCC;
    }
    input:checked ~ label p.review_opn {
      height: 0;
      overflow: hidden;
      padding: 0;
    }
    .review_cls {
      height: 0;
      overflow: hidden;
      padding: 0;
    }
    input:checked ~ label p.review_cls {
      height: auto;
      padding: 5px;
      text-align: center;
      line-height: 1.7em;
    }

    .spcms .cms-item-box {
        overflow: hidden;
    }