@charset "euc-jp";

/*=============================================
=     Preview Button Styles - item page PC    =
=============================================*/

.in-package-page .btn-preview{
    border: 1px solid #b0b0b0;
    width: 190px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    margin: 10px auto;
    border-radius: 5px;
    color: #000000;
    font-size: 14px;
    background-color: #F2F2F2;
    background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#ffffff));
    background-image: linear-gradient(to top, #f2f2f2, #ffffff);
    font-family: "Meiryo", "¥á¥¤¥ê¥ª", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", Sans-Serif;
}

.kobo-preorder-area h3{
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
}

#extra .purchaseBoxStyle .ebook-only .purchaseBoxMain .in-ebook-page .btn-preview {
    margin: 20px auto;
}

.buttons .btn-preview,
.buttons .btn-download {
    border: 1px solid #b0b0b0;
    width: 200px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    margin: auto;
    border-radius: 5px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 10px;
    background-color: #F2F2F2;
    background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#ffffff));
    background-image: linear-gradient(to top, #f2f2f2, #ffffff);
    font-family: "Meiryo", "¥á¥¤¥ê¥ª", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", Sans-Serif;
}

.icon-add-library,
.icon-book,
.icon-movie,
.icon-music,
.icon-download,
.icon-check,
.icon-add-cart,
.icon-cart {
    margin-right: 6px;
    color: #666666;
    position: relative;
    font-size: 20px;
    bottom: -4px;
}
.icon-add-library{
    font-size: 21px;
}
.icon-add-cart,
.icon-cart {
    color: white;
}

.btn-preview .modal-link {
    display: block;
    color: black;
    text-decoration: none;
    cursor:pointer
}

.btn-preview a {
    display: block;
    color: black;
    text-decoration: none;
}

.v-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.buttons .btn-preview:hover,
.buttons .btn-download:hover {
    cursor: pointer;
}

.buttons .btn-preview:hover .modal-link,
.buttons .btn-download:hover .preview-link-text {
    opacity: 0.5;
    text-decoration: none;
}

/* Common Book Icon
---------------------------- */

@font-face {
    font-family: 'rb-iconfont';
    src:url('//image.books.rakuten.co.jp/books/img/common/fonts/rb-iconfont.eot?dx6tgu');
    src:url('//image.books.rakuten.co.jp/books/img/common/fonts/rb-iconfont.eot?#iefixdx6tgu') format('embedded-opentype'),
        url('//image.books.rakuten.co.jp/books/img/common/fonts/rb-iconfont.ttf?dx6tgu') format('truetype'),
        url('//image.books.rakuten.co.jp/books/img/common/fonts/rb-iconfont.woff?dx6tgu') format('woff'),
        url('//image.books.rakuten.co.jp/books/img/common/fonts/rb-iconfont.svg?dx6tgu#rb-iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"], [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'rb-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
    content: "\e616";
}
.icon-cross:before {
    content: "\e617";
}
.icon-record:before {
    content: "\e618";
}
.icon-add-cart:before {
    content: "\e608";
}
.icon-add-library:before {
    content: "\e609";
}
.icon-book:before {
    content: "\e60e";
}
.icon-cart:before {
    content: "\e60f";
}
.icon-check:before {
    content: "\e610";
}
.icon-movie:before {
    content: "\e611";
}
.icon-music:before {
    content: "\e612";
}
.icon-menu:before {
    content: "\e60d";
}
.icon-detail:before {
    content: "\e600";
}
.icon-dummy:before {
    content: "\e601";
}
.icon-list:before {
    content: "\e602";
}
.icon-tile:before {
    content: "\e603";
}
.icon-login:before {
    content: "\e605";
}
.icon-entry:before {
    content: "\e606";
}
.icon-member:before {
    content: "\e607";
}
.icon-history:before {
    content: "\e60b";
}
.icon-insert:before {
    content: "\e60c";
}
.icon-search:before {
    content: "\e604";
}
.icon-home:before {
    content: "\e60a";
}