/*共通*/

.clear { clear:both; }

/*特集　基本CSS*/

.spcms {
background-color: #FFF;
padding: 5px;
}

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

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

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

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

.abst-free { color: #B50000; }

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

#container .product_list { border-top: none; }




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

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


/* 会員登録ボタン */
.beginner_btn_free {
border-radius: 4px;
background: #ff5a00;
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 #FF5A00;
    border-radius: 3px;
    display: block;
    color: #FF5A00;
    font-size: 18px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}
@media only screen and (min-width: 600px) {
    .spcms .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指定打消し用　*/
#container .cpn_product_list, #container #list_view {
    border-top:none;
}

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

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

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

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

    #container .cpn_product_list .cpn_block_in.cpn_right_block .block_inner,
    #container #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 #FF5A00;
    color: #FF5A00;
    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 */
#container .product_list .block_in.right_block .block_inner .set_01 {
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #f0cf86;
  background-color: #ffeb97;
}
#container .product_list .block_in.right_block .block_inner .remark_red {
  color: #ff3432;
}
#container .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;
}

#container .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 */

#container .sub_heading {
    margin: 0 0 8px 0px;
}

#container .product_list li .detail h3.sub_heading  {
    padding-bottom: 0;
}

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

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

#container .product_list .detail {
    padding: 0 0px 0 10px;
}

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

#container .product_list .cms-item .right_block img {
    margin-top: 10px;
}

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

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

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



/* type-ce */

@media only screen and (min-width: 600px) {
    #container .type-ce .product_list .cms-item .left_block {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    #container .type-ce .product_list .cms-item .right_block {
        float: none;
        width: 100%;
    }
    #container .type-ce .product_list .cms-item .right_block img {
        width: 100%;
        max-width: 640px;
        max-height: 1000px;
        margin-top: 0;
    }
    #container .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 */

#container .spcms_blocklist.type-cb {
    overflow: hidden;
}
@media only screen and (max-width: 599px) {
    #container .section_heading ~ .spcms_blocklist.type-cb .section_content {
        padding: 10px;
        margin: 0;
        background-color: #FFF;
        float: none;
        overflow: hidden;
    }
    #container .type-cb .product_list .cms-item .left_block {
        float: none;
        width: 100%;
        margin-bottom: 0;
        overflow: hidden;
    }
    #container .type-cb .product_list .cms-item .left_block .block_in {
        overflow: hidden;
    }
}
@media only screen and (min-width: 600px) {
    #container .section_heading ~ .spcms_blocklist.type-cb .section_content {
        padding: 10px;
        background-color: #FFF;
        width: 44%;
        float: left;
        overflow: hidden;
        border-bottom: none;
    }
    #container .type-cb .product_list .cms-item .left_block {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    #container .type-cb .product_list {
        overflow: hidden;
        border-bottom: 1px solid #CCC;
        margin-bottom: 20px;
    }
    #container .type-cb ul:last-child {
        border-bottom: none;
    }
    #container .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 #ff5a00;border-radius:3px;background:#fff;margin:0 1px;width:88px;height:40px;text-align:center;font-size:12px!important;color:#ff5a00;font-weight:700;line-height:1.2;text-decoration:none;}
    .tab-lists>ul>li>a.router-link-exact-active{background:#ff5a00;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;}
    .ribbon{position:absolute;left:0;top:-2px;display:inline-block;width:30px;height:30px;overflow:hidden;background:url("//res.booklive.jp/resources/a/sp/common/images/genre_bg_ribbon2.png") no-repeat 0 0;background-size:360px 30px;}
    .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:#ff5a00;}
    .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:#ff5a00;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:#ff5a00;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;}
    #container .bl_cart .baloon,#container .bl_cart i,#container .bl_cart span{pointer-events:none;}
    #container .bl_cart.is-have{opacity:0;pointer-events:none;}
    #container .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;}
    #container .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;}
    #container .is-pc .bl_cart.btn_cart_in,#container .is-pc .bl_cart.btn_cart_on{border:1px solid #5f9805;background:#fff;color:#5f9805;}
    #container .is-pc .bl_cart.btn_cart_in .btn_icon.cart_icon,#container .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:#ff5a00 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;}






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

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

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

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

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

#container .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 .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;
    }

/* ---------footer_text_lnk_btn--------- */

.spcms li.spcms_foot_lnk_btn {
    background: #ffffff;
    border-top: 1px solid #ccc;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 45px;
    background: url(/resources/a/pc/v2/images/tokushu/link_caret_round.png) right center no-repeat;
}
.spcms li.spcms_foot_lnk_btn:last-child {
    border-bottom: 1px solid #ccc;
}
.spcms li.spcms_foot_lnk_btn a {
    display: block;
    color: #555;
}
@media only screen and (min-width: 600px) {
    .spcms_lnk_btn {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*全巻オートボタンの調整*/
@media only screen and (max-width: 599px) {
#container .reservation_action span {
   display: inline-block;
   line-height: 12px;
   padding: 2px 0 0 0;
}


/* ---------text_lnk_btn--------- */
.spcms li.or_trilink a {
    color: #333333;
    padding-left: 12px;
    font-weight: bold;
    background: url(/resources/a/pc/common/images/bg_arrow_right_orange.png?date=140618) left center no-repeat;
}

/* ---------text_lnk_btn--------- */