/* セット販売css */
.spcms ul.spcms_blocklist li .spcms-type-cb .item-box.left { width: 330px; }
.spcms ul.spcms_blocklist li .spcms-type-cb .item-box.left .item-pr { width: 190px; }
.spcms ul.spcms_blocklist li .cms-item { margin-bottom:20px; }

/* h1見出し */
.spcms h1.spcms-top {
    margin: 0;
    padding: 0;
}

/* タブ */
.shinkan_tabs {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 6px;
}
.shinkan_tabs ul {
    width: 100%;
    height: 42px;
}
.shinkan_tabs ul.tab_num3 li { width: 33.3%; }
.shinkan_tabs ul.tab_num4 li { width: 25%; }
.shinkan_tabs ul.tab_num5 li { width: 20%; }
.shinkan_tabs ul li {
    float: left; 
    height: 40px;
    text-align: center;
    line-height: 42px; 
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px;
    text-shadow: 0px 1px #fff;
}
.shinkan_tabs ul li:hover {
    background: rgb(255,247,234); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,247,234,1) 0%, rgba(224,211,195,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,247,234,1)), color-stop(100%,rgba(224,211,195,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,247,234,1) 0%,rgba(224,211,195,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,247,234,1) 0%,rgba(224,211,195,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,247,234,1) 0%,rgba(224,211,195,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,247,234,1) 0%,rgba(224,211,195,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7ea', endColorstr='#e0d3c3',GradientType=0 ); /* IE6-9 */
}
.shinkan_tabs ul li:active {
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    box-shadow: none;
}
.shinkan_tabs ul li a {
    display: block;
    color: inherit;
    height: 100%;
    position: relative;
    left: 0;
    right: 0;
    text-decoration: none;
    border-collapse: collapse;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.shinkan_tabs ul li a:active { line-height: 40px; }
.shinkan_tabs ul li:last-child a { border-right: 1px solid #aaa; }

/* 注意文 */
.set_attention {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius:4px;
    width: 100%;
    margin-bottom: 20px;
    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;
}
.set_attention > div { padding: 10px 20px; }
.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;
}

/* h2見出し */
.h2_book, .h2_comic, .h2_lightnovel, .h2_magazine, .h2_photo {
    width: 100%;
    margin-bottom: 10px;
}
.h2_book span, .h2_comic span, .h2_lightnovel span, .h2_magazine span, .h2_photo span {
    color: #373737;
    font-weight: bold;
    font-size: 21px;
    display: block;
    padding: 10px;
}
.h2_book { background-color: #DCF2B7; }
.h2_comic { background-color: #FFF7AA; }
.h2_lightnovel { background-color: #F2B7C6; }
.h2_magazine { background-color: #AAD7FF; }
.h2_photo { background-color: #C9ACE8; }


/* ------------書誌------------ */
/* h3見出し */
.spcms ul.spcms_blocklist li h3.item-title { margin-bottom: 10px; }

/* ラベル */
.book {
    float: none;
    margin: 0 0 6px 0;
    width: auto;
}
.book .tag {
    line-height: 6px;
    text-align: left;
}
.book .tag span { padding: 2px 5px; }

/* 書誌情報 */
.spcms ul.spcms_blocklist li .spcms-type-cb { margin-bottom: 20px; }
.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-spec dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* カートボタン */
.spcms ul.spcms_blocklist li .spcms-type-cb .item-box div.item-sys { margin: 2px 0 8px 0; }
.spcms ul.spcms_blocklist li .spcms-type-cb .item-box div.item-sys div.product_cart p.cm_btn_l { width: auto; padding: 0;}

/* シリーズへリンク */
.series_link {
    margin-right: 4px;
}

/* ------------- ポイントバック ------------- */
div.comp_set,
table.incomp_set {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/* icon */
div.comp_set,
table.incomp_set td.set_icon {
    background-position: 8px center;
    background-repeat: no-repeat;
}
/* text */
div.comp_set span,
table.incomp_set span {
     font-weight: bold;
     font-size: 12px;
     white-space: nowrap;
}
/* number */
div.comp_set span.set_num,
table.incomp_set td.set_num span {
    font-size: 22px;
}

/* ポイントバック完結 */
div.comp_set {
    background-image: url("/resources/a/pc/v2/images/feature/sandbox/id/sethanbai/icon_crown.png");
    background-color: #ffeb97;
    border: 1px solid #f0ce85;
    padding: 10px 0 10px 42px;
    margin-bottom: 4px;
}

div.comp_set span.set_num {
    color: #ffa400;
    margin-right: 1px;
}

/* ポイントバック未完結 */
table.incomp_set tr { border: 1px solid #c8e8fe; }
table.incomp_set td {
    padding: 10px 0;
    background-color: #e1f5fe;
    /zoom:1;
}
table.incomp_set td.set_icon {
    background-image: url("/resources/a/pc/v2/images/feature/sandbox/id/sethanbai/icon_book.png");
    width: 42px;
}
table.incomp_set td.set_num, 
table.incomp_set td.set_txt {
    width: 10px;
}
table.incomp_set td.set_num {
    text-align: right;
    padding-right: 1px;
    color: #4ab3fd;
}
table.incomp_set tr.set_margin {
    border: none;
    height: 5px;
}
table.incomp_set tr.set_margin td {
    padding: 0;
    background-color: #fff;
    /zoom:1;
}

/* 期限 */
.limit_date {
   margin: 10px 0 0;
   color: #FF5A00;
   font-size: 20px;
   font-weight: bold;
   text-align: right;
}

/* アブスト */
.spcms ul.spcms_blocklist li div.item-cont {
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    padding: 5px 0;
    margin-bottom: 10px;
}


/* 購入方法 */
.spcms .h2-title {
  margin: 0;
  padding: 5px;
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  line-height: 150%;
  text-align: left;
  background-color: #ff5a00;
}
.spcms .howto_box {
  margin: 0;
  padding: 0;
  width: 660px;
  overflow: hidden;
}
.spcms .howto_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.spcms .howto_box .l_box {
  margin: 0;
  padding: 0;
  width: 290px;
  float: left;
}
.spcms .howto_box .m_box {
  margin: 0;
  padding: 0;
  width: 80px;
  text-align: center;
  float: left;
}
.spcms .howto_box .m_box img {
  margin: 160px 0 0 0;
  padding: 0;
}
.spcms .howto_box .r_box {
  margin: 0;
  padding: 0;
  width: 290px;
  float: right;
}
.spcms .howto_box h3 {
  margin: 0;
  padding: 0 0 0 5px;
  color: #333;
  font-size: 17px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  border-left: 5px solid #ff5a00;
}
.remark_red {
  color: #b30000;
}

/* バナーエリア */
#bnr_area {
margin: 0 auto;
padding: 0;
width: 660px;
text-align: center;
overflow: hidden;
}
#bnr_area:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
#bnr_area .bnr {
margin: 0 auto;
padding: 0;
display: inline-block;
width: 210px;
text-align: center;
}
#bnr_area .bnr img {
width: 200px;
}


/* UI変更追加分 */

.embed_img.spcms-type-ca-img {
    width: 100%;
}

/* タグ部分左寄せ */
#container .book .tag, #container .product_series_tag {
    line-height: 6px;
    text-align: left;
}

/* 各ジャンル下スペース */
.spcms_blocklist {
     margin-bottom: 50px;
}

/* 書影データ部分調整 */
#container #container_inner .book {
    float: none;
    margin: 0 0 6px !important;
    width: auto;
}