@charset "euc-jp";
/*
 * Series buy modal(inside) css setting
 */

#series-buy-modal .carousel-control {
    width: 55px;
}

#series-buy-modal .modal-dialog {
    padding: 30px 10px;
    height: auto;/*IE*/
    display: block;

}

#series-buy-modal .modal-dialog .series-note {
    font-size: .7em;
    min-width: 680px;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    padding: 12px 55px 0;
    height: 50px;
}

#series-buy-modal .modal-header {
    padding: 0;
    height: 56px;
}

#series-buy-modal .modal-content {
        display: block;
        flex: 0;
        -webkit-flex: 0;
        width: 910px;
        margin: 0 auto;
}

#series-buy-modal .modal-body {
    padding: 0px;
    display: block;
    padding-bottom: 60px;
}

#series-buy-modal .series-box {
    min-width: 700px;
    max-width: 970px;
    margin: 0 auto;
    overflow: hidden;
}

#series-buy-modal .series-box ul {
    min-width: 700px;
    margin: 20px 55px 0;
}

#series-buy-modal .series-box ul li {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    float: left;
    width: 49%;
    min-width: 340px;
    height: 142px;
    min-height: 142px;
    border: 1px solid #ccc;
    font-size: .9em;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#series-buy-modal .series-box ul li.even {
    margin-right: 15px;

}

#series-buy-modal .series-box .price {
    font-weight: bold;
    padding: 5px 0 10px;
}
#series-buy-modal .series-box .price span{
    color: inherit;
}
#series-buy-modal .series-box .status {
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
}
#series-buy-modal .btn button {
  width: 150px;
  padding: 8px 0;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  outline: 0;
}
#series-buy-modal .btn button.cart {
  border: 1px solid #ffc12f;
  background-color: #ffc12f;
  background: -webkit-linear-gradient(90deg, #f9b001 20%, #ffc12f 80%);
  background: linear-gradient(360deg, #f9b001 20%, #ffc12f 80%);
  color: #fff;
}
#series-buy-modal .btn button.add {
  background: #eee;
  border: 1px solid #ccc;
  color: #999;
}
#series-buy-modal .btn button span {
  font-size: 14px;
  margin-right: 4px;
}
#series-buy-modal .btn .loading {
    width: 150px;
    display: block;
    text-align: center;
}

#series-buy-modal .series-box .status em {
    /* font-weight: bold; */
}

#series-buy-modal .series-box .icon-record.stock4 {
    color: #F57EF4;
    font-weight: normal;
    margin-right: 3px;
}

#series-buy-modal .left-box {
    height: 120px;
    width: 140px;
    text-align: center;
    margin-top: -1px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

#series-buy-modal .left-box img {
    max-width: 120px;
    max-height: 120px;
}

#series-buy-modal .right-box {
    max-width: 250px;
    display: table-cell;
    padding: 10px 10px 10px 0;
}

#series-buy-modal .right-box a {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 5px;
}

#series-buy-modal .right-box a, .right-box .author, .right-box .price {
    padding-left: 2px;
}

#series-buy-modal .author {
    display: block;
    font-size: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#series-buy-modal .button-add-cart {
    color: #FFF;
    background: url('//image.books.rakuten.co.jp/books/img/instantpreview/btn-bg-orange.png') repeat-x;
    border-radius: 5px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 14px;
    padding: 4px 8px;
    line-height: 1.5;
}

#series-buy-modal .button-add-cart.added {
    border: 1px solid #666;
    color: #666;
    background: #FFFFF3;
}


#series-buy-modal .paging {
    position: static;
    text-align: left;
    max-width: 910px;
    min-width: 640px;
    width: 100%;
    padding: 0 55px;
    height: 1em;
    line-height: 16px;
    display: table;
    margin: 10px 0;
    font-size: 12px;
    display: block;
    margin: auto;
}

#series-buy-modal .paging-top {
    margin-bottom: 10px;
}

#series-buy-modal .paging .carousel-control {
    display: none;
}

#series-buy-modal .gotocart{
    display: inline-block;
    position: absolute;
    bottom: 25px;
    right: 55px;
    padding: 6px 8px 12px;
    border: solid 1px #b2b2b2;
    font-size: 1.3em;
}
#series-buy-modal .gotocart i{
    color: #bf0000;
}
#series-buy-modal .gotocart i:before{
}
#series-buy-modal .gotocart .num{
    color: #bf0000;
    font-weight: bold;
}
#series-buy-modal .gotocart a{
    font-size: 0.68em;
    margin: 0 0 0 10px;
    background-color: #ECECEC;
    padding: 6px 40px;
}
#series-buy-modal #series-buy-modal .gotocart a:hover{
    color: #bf0000;
}

#series-buy-modal .left-chevron {
    left: 5px;
}

#series-buy-modal .right-chevron {
    right: 5px;
}

#series-buy-modal .line-separator {
    height: 56px;
}
#series-buy-modal .modal-dialog .line-separator{
    height: auto;
    border: none;
}
#series-buy-modal .modal-dialog .modal-header{
    height: auto;
}
#series-buy-modal .modal-dialog #bookTitle{
    font-size: .8em;
    line-height: 2;
    padding-top: 30px;
    padding-left: 55px;
    padding-bottom: 20px;
}
#series-buy-modal #bookTitle span{
    font-size: 1.2em;
}
#series-buy-modal #bookTitle span.price > span{
    text-decoration: none;
    font-size: 0.8em;
    color: #BF0000;
}
#series-buy-modal #bookTitle span.bookttl{
    font-size: 1.4em;
    line-height: 1.3;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#series-buy-modal #bookTitle span.price{
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 0.5em;
}
#series-buy-modal #bookTitle span.price span{
    font-size: 0.8em;
}
#series-buy-modal .controlButton {
    margin-top: 5px;
}
#series-buy-modal .controlButton {
    margin-top: 0;
    margin-left: 25px;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    width: 34px;
    height: 30px;
}

#series-buy-modal #btn-addToCart {
    padding: 3px 10px 5px;
    margin-left: 15px;
    margin-top: 35px;
    line-height: 20px;
    width: auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9em;
}
#series-buy-modal #addToCart-note{
    margin-top: 8px;
    margin-left: 15px;
    font-size: 0.68em;
    text-align: left;
    color: #444444;
}

#series-buy-modal #btn-addToCart.added {
    border: 1px solid #666;
    color: #666;
    background: #FFFFF3;
}

#series-buy-modal #btn-addToCart span {
    display: inline;
}
#series-buy-modal #btn-addToCart span span{
    display: block;
    font-size: .8em;
    padding-left: 20px;
    text-align: center;
    line-height: 1;
}
#series-buy-modal .icon-add-cart {
    margin-right: 6px;
    position: relative;
    font-size: 20px;
    bottom: -3px;
}

#series-buy-modal .icon-check {
    margin-right: 6px;
    position: relative;
    font-size: 20px;
    bottom: -3px;
}

#series-buy-modal #bookTitle {
    display: block;
    font-weight: bold;
    color: #444444;
}
#series-buy-modal .modal-content #bookTitle {
    padding-right: 60px;
}
#series-buy-modal #bookTitle span {
    /*font-size: .8em;*/
    font-weight: normal;
}

#series-buy-modal #previewer {
    display: block;
    -webkit-flex: 0;
    flex: 0;
}

#series-buy-modal .addToCartText {
    color:#FFFFFF;
}