/* =====================================================================
*
*   global css
*
* =================================================================== */

/* reset
--------------------------------------------------*/
/* input submit */
input[type="submit"] {
    font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans','ＭＳ Ｐゴシック','MS PGothic',YuGothic,'Yu Gothic',sans-serif; font-weight: 500;
    cursor: pointer;
}
/*--- link font ---*/
a:link {
color: #0048B4;
text-decoration:none;
}
a:visited {
color: #0048B4;
text-decoration:none;
}
a:active {
color: #0048B4;
text-decoration:none;
}
a:hover {
color: #0048B4;
text-decoration:underline;
}
pre {
    white-space: pre-wrap;
    font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans','ＭＳ Ｐゴシック','MS PGothic',YuGothic,'Yu Gothic',sans-serif; font-weight: 500;
}
/* common
--------------------------------------------------*/

html, body{
    font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans','ＭＳ Ｐゴシック','MS PGothic',YuGothic,'Yu Gothic',sans-serif; font-weight: 500;
    width:100%;
    height:100%;
    background-color: #f1f1f1;
    color:#333333;
    font-size:13px;
    line-height:1.5;
    -webkit-text-size-adjust: none;
}

/*広告用iframe用 */
iframe[width="1"]{position: absolute;}


/* font
--------------------------------------------------*/
.font_s{font-size:11px;line-height:1.3em;}
.font_l{font-size:15px;}
.font_attention{color:#ee0000;}
.font_attention_big{color:#ee0000; font-weight:bold; font-size:15px;}
.font_attention_small{color:#ee0000; font-size:11px;}
a.font_attention:hover,
a.font_attention_big:hover,
a.font_attention_small:hover {
    color: #ee0000;
}
.font_notice {color: #666;}
.font_bl {color: #ff5a00 !important;}
.font_b{font-weight:bold;}
.font_app {color: #1796C1;}
.font_light { color: #999999;font-weight: normal;}
.font_strike { text-decoration: line-through;}

/* img
--------------------------------------------------*/
a:hover img {
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
/* margin&padding
--------------------------------------------------*/
/* margin-top */
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }

/* margin-right */
.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }

/* margin-bottom */
.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; }

/* margin-left */
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml100 { margin-left: 100px !important; }

/* padding-top */
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }

/* padding-right */
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }

/* padding-bottom */
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }

/* padding-left */
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }

.m00 { margin: 0px !important; }
.p00 { padding: 0px !important; }

/* position
----------------------------------------------*/
.floL {float: left !important;}
.floR {float: right !important;}
.noFlo {float: none !important;}
.rect {overflow: hidden; zoom: 1;}
.vaT {vertical-align: top !important;}
.vaM {vertical-align: middle !important;}
.vaB {vertical-align: bottom !important;}
.vaN {vertical-align: baseline !important;}
.taC {margin-left: auto;margin-right: auto;text-align: center !important;}
.taR {text-align: right !important;}
.taL {text-align: left !important;}
.ma0 {margin:0 auto;}

.lead_txt {
    margin-top: 20px;
}

/*------------ overflow ------------*/
.overflow{
    position: absolute;
    z-index: 100;
    background: #FFF;
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    border:1px solid #E6E6E6;
}
.overflow a{
    text-decoration: none;
    color: #333;
}
.overflow a:hover { background-color: #F1F1F1; }
.balloon_gray {
    position:absolute;
    z-index: 100;
    top: 50px;
    left: 50px;
    font-size: 0.8em;
}
.balloon_gray span {
    display:inline-block;
    /display:inline;
    /zoom:1;
    padding-top:4px;
    background:url(/resources/a/pc/common/images/bg_arrow_up_black.png?date=140618) no-repeat center top;
}
.balloon_gray span span{
    display:inline-block;
    /display:inline;
    /zoom:1;
    padding:0 4px;
    background-color:#4D4D4D;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 5px 4px 5px;
    color:#FFF;
    text-decoration: none;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.15);
}
/*
.balloon_white {
    position:absolute;
    z-index: 100;
    top: 50px;
    left: 50px;
    font-size: 0.8em;
}
.balloon_white span{
    display:inline-block;
    /display:inline;
    /zoom:1;
    padding-bottom:6px;
    text-align:center;
    background:url(/resources/a/pc/common/images/bg_arrow_balloon.png) no-repeat center bottom;
}
.balloon_white span span{
    display:inline-block;
    /display:inline;
    /zoom:1;
    border: solid 1px #969696;
    background: #FFF;
    padding:0 4px;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    color:#333;
    text-decoration: none;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.15);
}
*/
.balloon_white {
    position:absolute;
    z-index: 100;
    top: 50px;
    left: 50px;
    font-size: 11px;
    font-weight:bold;
    color: #fff;
    box-sizing: border-box;
}
.balloon_white span {
    display:inline-block;
    /display:inline;
    /zoom:1;
    padding-bottom:7px;
    text-align:center;
    background:url(/resources/a/pc/common/images/bg_arrow_balloon_black.png?date=140618) no-repeat center bottom;
    box-sizing: border-box;
}
.balloon_white span span{
    display:inline-block;
    /display:inline;
    /zoom:1;
    background:#000000;
    background: rgba(0, 0, 0, 0.6);
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    padding:8px 15px 7px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    box-sizing: border-box;
}
/* breadcrumb -------------------------------------------------- */
#breadcrumb {
    height: 21px;
    margin-bottom:14px;
    overflow:hidden;
    _zoom:1;
    font-size:11px;
    line-height:1.5em;
}
#breadcrumb_vue {
    height: 21px;
    margin-bottom:14px;
}
#breadcrumb .breadcrumb_prev {
    overflow:hidden;
    _zoom:1;
    float:left;
    height:21px;
    margin-right:10px;
}
#breadcrumb .breadcrumb_prev a {
    display:inline-block;
    /display:inline;
    /zoom:1;
    height:21px;
    padding-left:8px;
    background:url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 0 0;
    text-decoration:none;
}
#breadcrumb .breadcrumb_prev a span {
    display:inline-block;
    /display:inline;
    /zoom:1;
    height:21px;
    padding:0 10px 0 5px;
    background:url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 0 -21px;
    /*font-size:0.85em;*/
    line-height:21px;
}
#breadcrumb ul {
    overflow:hidden;
    _zoom:1;
    float:left;
    display: table;
    max-width: 100%;
}
#breadcrumb ul li {
    display: table-cell;
    /display: inline;
    float: none !important;
    vertical-align: top;
}
#breadcrumb ul li span {
    float: left;
}
#breadcrumb ul li a,
#breadcrumb ul li div,
#breadcrumb ul li > span > span {
    display:inline-block;
    /display:inline;
    /zoom:1;
    height:21px;
    padding-right:6px;
    background:url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 100% -42px;
    text-decoration:none;
}
#breadcrumb ul a span,
#breadcrumb ul span > span > span {
    display:inline-block;
    /display:inline;
    /zoom:1;
    height:21px;
    padding:0 10px 0 10px;
    background:url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 100% -63px;
    /*font-size:0.85em;font-size:0.9em;*/
    line-height:21px;
}
#breadcrumb ul li.home a span {
    background:url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 0 -63px;
}
#breadcrumb ul li.contents a,
#breadcrumb ul li.contents div,
#breadcrumb ul li.contents > span > span {
    background:url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 100% -84px;
}

#breadcrumb ul li a > span {
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    table-layout: fixed;
}
#breadcrumb > ul > li > span {
    float:none !important;
    /float:left !important;
    display: block;
}
#breadcrumb > ul > li > span > a, #breadcrumb > ul > li > span > div {
    display: block;
}

/*
#breadcrumb ul li a > span.book_title {
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
*/
#breadcrumb ul li a > span.book_title,#breadcrumb ul li span.book_title {
    height: auto;
    /height:21px;
    max-height: 42px;
    padding:0 10px 0 10px;
    position: relative;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
#breadcrumb ul li a > span.book_title:after {
    content: "…";
    position: absolute;
    right: 5px;
    bottom: 52%;
}

#breadcrumb ul li:last-child > span > span > span {
    height: auto;
    max-height: 42px;
    position: relative;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

#breadcrumb ul li:last-child > span > span > span:after {
    content: "…";
    position: absolute;
    right: 2px;
    bottom: 52%;
}

.breadcrumb_area {
    width: 960px;
    margin: 0 auto;
}

/* header
--------------------------------------------------*/

/* 通常ヘッダー */
header {
    width:100%;
    border-bottom: 2px solid #FF5A00;
    margin-bottom:15px;
}
header.header_step {
    margin-bottom:10px;
}
header.header_line_comic        { border-bottom: 2px solid #0080D0; }
header.header_line_comicf       { border-bottom: 2px solid #FF6090; }
header.header_line_lightnovel   { border-bottom: 2px solid #D4C400; }
header.header_line_book         { border-bottom: 2px solid #69A700; }
header.header_line_business     { border-bottom: 2px solid #009ED0; }
header.header_line_magazine     { border-bottom: 2px solid #365290; }
header.header_line_adult        { border-bottom: 2px solid #DC5AC0; }
header.header_line_teenslove    { border-bottom: 2px solid #868CF0; }
header.header_line_boyslove     { border-bottom: 2px solid #3FADB0; }

#header {
    width: 100%;
    background-color: #FFF;
}
#header .header_inner {
    width: 960px;
    margin: 0 auto;
}
#header .header_inner .header_main {
    margin-bottom: 8px;
}
/* header button icon */
[id^="header"] .btn_h_icon {
    background-image: url("/resources/a/pc/common/images/icon_header_other.png?date=160527");
    height: 16px;
    width: 16px;
    margin-left: -5px;
    margin-right: 5px;
}
#header .btn_h_icon.menber_regist { background-position: 0 1px; }
#header .btn_h_icon.login_key { background-position: -1px -33px; }
#header .btn_h_icon.reading_glass { background-position: 0 -70px; }
#header .btn_h_icon.arrow_down_gray { background-position: 0 -96px;}

/* ----------------- header_top ----------------- */
#header .header_top {
    background-color: #f1f1f1;
    line-height:1%;
    text-align:center;
    margin-bottom: 10px;
}
#header .header_top_inner {
    width: 960px;
    margin: 0 auto;
    display:inline-block;
    /display: inline;
    /zoom: 1;
    line-height:1.4em;
}
#header .header_top .header_topmsg {
    float: left;
    padding: 7px 0 5px;
    width: 560px;
    text-align: left;
    font-size: 11px;
}
#header .header_top .header_user_btn {
    float: right;
}

/* -------header login 会員登録(logout時)------- */
#header .header_top .header_user_btn .header_joinbtn,
#header .header_top .header_user_btn .header_loginbtn {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
}
#header .header_top .header_user_btn .header_joinbtn {
    margin-right: 3px;
    width: 124px;
}
#header .header_top .header_user_btn .header_loginbtn {
    width: 92px;
}

/* header_welcome(login時) */
#header .header_top .header_user_btn .header_welcome {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
}
#header .header_top .header_user_btn a.header_welcome_btn {
    background-image: url("/resources/a/pc/common/images/icon_arrow_welcome.png?date=140618");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    display: block;
    color: #333333;
    padding: 6px 30px 6px 10px;
    min-width: 140px;
    height: 18px;
}
#header .header_top .header_user_btn a.header_welcome_btn span {
    line-height: 20px;
}
#header .header_top .header_user_btn a.header_welcome_btn:hover {
    text-decoration: none;
    background-color: #ddd;
}
#header .header_top .header_user_btn .header_welcome .header_welcome_list {
    width: 180px;
    text-align: left;
    position: absolute;
    right: 0;
}
#header .header_top .header_user_btn .header_welcome .header_welcome_list a {
    display: block;
    padding: 5px;
    font-size: 12px;
    background-image: url("/resources/a/pc/common/images/bg_arrow_right_gray.png?date=140618");
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* ----------------- header_logo,header_search,header_tools ----------------- */
#header .header_logo,
[id^="header"] .header_search,
#header .header_tools {
    float: left;
}
#header .header_tools {
    margin-right: 5px;
}
#header .header_logo { width: 164px; }
[id^="header"] .header_search { width: 522px; }
#header .header_tools { width: 260px; }
/* ----------------- header_logo ----------------- */
#header .header_logo .logo,
#header .header_logo .docomo_logo,
#footer .foot_logo a {
    display: block;
    overflow: hidden;
}
#header .header_inner .header_logo .logo .h_logo,
#footer .footer_inner .foot_logo .f_logo {
    fill: #FF5A00;
    width: 148px;
    height: 40px;
    margin-top: 6px;
}

/* docomo p logo */
#header .header_logo .docomo_logo {
    width: 148px;
    height: 48px;
    margin-top: 2px;
    text-indent:-9999px;
    -webkit-background-size: 148px 48px;
    background-size: 148px 48px;
    background-image: url("/resources/a/sp/common/images/picture_logo_docomo.png?date=140618");
}

/* ----------------- header_search ----------------- */
/* ------- header_search_main ------- */
[id^="header"] .header_search form {
    margin-bottom: 5px;
}
[id^="header"] .header_search .header_search_main .header_searchbox,
[id^="header"] .header_search .header_search_main .header_searchbtn { float: left; }
[id^="header"] .header_search .header_search_main .header_safe { float: right; }

/* header_searchbox */
[id^="header"] .header_search .header_search_main .header_searchbox {
    width: 352px;
    margin-right: 2px;
    border: 1px solid #cccccc;
    padding: 3px;
    position: relative;
}
/* error msg */
#search #validator_alert_keyword{
    z-index:30000;
    width: 100%;
}
#search #validator_alert_keyword.bl-error {
    position: absolute;
}

[id^="header"] .header_search .header_searchbox .header_criteria,
[id^="header"] .header_search .header_searchbox .input {
    float: left;
}
/* header_criteria 検索条件 */
[id^="header"] .header_search .header_searchbox .header_criteria_btn {
    padding: 4px 0;
    text-align: center;
    height: 16px;
    line-height: 1.3;
    width: 60px;
    cursor: pointer;
    display: block;
    background-color: #EEE;
    text-decoration: none;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4d4d4d;
}
[id^="header"] .header_search .header_searchbox .header_criteria_btn span {
    line-height: 18px;
}
[id^="header"] .header_search .header_searchbox .header_criteria_btn i {
    vertical-align: top !important;
}
[id^="header"] .header_search .header_searchbox .header_criteria_btn:hover {
    background-color: #DDD;
}
[id^="header"] .header_search .header_searchbox .header_criteria_btn span {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align:top;
    margin:0 8px 0 10px;
}
[id^="header"] .header_search .header_searchbox .header_criteria_list { width: 325px; }
[id^="header"] .header_search .header_searchbox .header_criteria_list .criteria_genre,
[id^="header"] .header_search .header_searchbox .header_criteria_list .criteria_condition { padding: 15px 10px; }
[id^="header"] .header_search .header_searchbox .header_criteria_list .criteria_genre,
[id^="header"] .header_search .header_searchbox .header_criteria_list .criteria_option { border-bottom: 1px solid #cccccc;  padding: 15px 10px; }
[id^="header"] .header_search .header_searchbox .header_criteria_list .criteria_genre { border-bottom: 1px solid #cccccc; }
[id^="header"] .header_search .header_searchbox .header_criteria_list label input { vertical-align: baseline; }
[id^="header"] .header_search .header_searchbox .header_criteria_list label {
    margin: 10px 0 0 6px;
    display: block;
    float: left;
    width: 95px;
}
[id^="header"] .header_search .header_searchbox .header_criteria_list label.first-child {
    width: 252px;
}
[id^="header"] .header_search .header_searchbox .header_criteria_list label.long {
    width: 166px;
}
[id^="header"] .header_search .header_searchbox .header_criteria_list label.wide_lavel { width: 140px; }
[id^="header"] .header_search .header_searchbox .header_criteria_list p {
    border-left: 2px solid #FF5A00;
    padding-left: 6px;
    line-height: 1.4;
}
[id^="header"] .header_search .header_searchbox input[type="text"] {
    border: medium none;
    height: 22px;
    margin-left: 3px;
    padding-left: 5px;
    width: 270px;
}

/* ------- header_search_keyword ------- */
[id^="header"] .header_search .header_search_keyword { margin-bottom: 5px;  font-size: 11px; }
[id^="header"] .header_search .header_search_keyword p,
[id^="header"] .header_search .header_search_keyword ul,
[id^="header"] .header_search .header_search_keyword ul li {
    float: left;
    white-space: nowrap;
}
[id^="header"] .header_search .header_search_keyword p { width: 100px; }
[id^="header"] .header_search .header_search_keyword ul { width: 422px; }
[id^="header"] .header_search .header_search_keyword ul li { margin-left: 10px;}
[id^="header"] .header_search .header_search_keyword ul li:first-child { margin-left: 0; }

/* -------header safesearch------- */
[id^="header"] .header_search .header_search_main .header_safe .header_safe_btn {
    padding: 7px 2px;
    font-size: 11px;
    width: 108px;
    height: 16px;
    border: 1px solid #ccc;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
    color: #4d4d4d;
    border-radius: 3px;
    display: block;
}
[id^="header"] .header_safe_btn .btn_h_icon { width: 9px; }
[id*="header"] .header_safe_btn .btn_h_icon.arrow_down_gray { background-position: -6px -96px !important; }
[id^="header"] .header_safe_btn.icon_right .btn_txt { text-align: center; width: 100px; }

[id^="header"] .header_search .header_search_main .header_safe .header_safe_list { width: 111px;}
[id^="header"] .header_search .header_search_main .header_safe .header_safe_list a {
    display: block;
    padding: 5px;
    font-size: 12px;
}



/* ----------------- header_tools my本棚等 ----------------- */
#header .header_tools {
/*    margin: 0 0 0 11px;*/
    float: right;
}
#header .header_tools a:hover {
    text-decoration: none;
}
#header .header_tools li {
    width: 40px;
    text-align: center;
    float: left;
    margin-right: 4px;
    position: relative;
}
#header .header_tools li.last {
    margin-right: 0;
}
#header .global_menu_header_icon2.message,
#header .header_tools li>span,
#header .header_tools li>a span {
    overflow: hidden;
    text-indent: -9999px;
    background-image: url("/resources/a/pc/common/images/icon_header.png?date=0208");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    width: 40px;
}
#header .header_tools li {
    margin-top: 18px;
}
#header .header_tools li.header_tools_message .header_tools_num {
    display: none
}
#header .header_tools li.header_tools_message span {
    background-position: 0 0;
}
#header .header_tools li.header_tools_watch_history span {
    background-position: -40px 0;
}
#header .header_tools li.header_tools_my span {
    background-position: -80px 0;
}
#header .header_tools li.header_tools_my.disabled span {
    background-position: -80px -40px;
}
#header .header_tools li.header_tools_cart span {
    background-position: -120px 0;
}
#header .header_tools li.header_tools_cart.disabled span {
    background-position: -120px -40px;
}
#header .header_tools li.header_tools_point span {
    background-position: -160px 0;
}
#header .header_tools li.header_tools_point.disabled span {
    background-position: -160px -40px;
}
#header .header_tools li.header_tools_keep span {
    background-position: -200px 0;
}
#header .header_tools li.header_tools_keep.disabled span {
    background-position: -200px -40px;
}
#header .header_tools li.header_tools_coupon span {
    background-position: -240px 0;
}
#header .header_tools li.header_tools_coupon.disabled span {
    background-position: -240px -40px;
}
#header .header_tools li.header_tools_mypage span {
    background-position: -280px 0;
}
#header .header_tools li.header_tools_mypage.disabled span {
    background-position: -280px -40px;
}

#header .header_tools li .header_tools_num {
    position: absolute;
    left: -6px;
    top: -20px;
    width: 50px;
}
#header .header_tools li .header_tools_num.off {
    display: none;
}
#header .header_tools .header_tools_num:after {
    content: " ";
    background: url("/resources/a/pc/common/images/bg_num_arrow.png?date=140618");
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 5px;
    display: block;
    margin-top: -3px;
}
#header .header_tools li .header_tools_num span {
    background: #ff5a00;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 3px;
    font-size: 9px;
    line-height: 1;
    display: inline-block;
}

/* ----------------- header_navi ----------------- */
#header .header_navi ul.header_navi_main {
    width: 800px;
}
#header .header_navi ul.header_navi_main,
#header .header_navi ul.header_navi_main>li {
    float: left;
}

#header .header_navi ul.header_navi_main>li {
    height: 40px;
    width: 112px;
    margin-right: 2px;
    position: relative;
}
#header .header_navi ul.header_navi_main.safe_search_2>li,
#header .header_navi ul.header_navi_main.safe_search_3>li {
    width: 78px;
    margin-right: 2px;
}
#header .header_navi ul.header_navi_main.safe_search_1>li {
    width: 86px;
    margin-right: 2px;
}
#header .header_navi ul.header_navi_main>li.last-child {
    margin-right: 0;
}
#header .header_navi ul.header_navi_main.safe_search_2>li.last-child,
#header .header_navi ul.header_navi_main.safe_search_3>li.last-child {
    width: 76px;
}
#header .header_navi ul.header_navi_main.safe_search_1>li.last-child {
    width: 84px;
}
#header .header_navi ul.header_navi_main>li>a {display: block;}/*IE7の為*/
#header .header_navi ul.header_navi_main>li>a {
    color: #333;
    font-size: 12px;
    line-height: 14px;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-style: solid;
    border-width: 3px 1px 0 1px;
    border-radius: 4px 4px 0 0;
    display: table-cell;
    height: 37px;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
#header .header_navi ul.header_navi_main.safe_search_2>li>a,
#header .header_navi ul.header_navi_main.safe_search_3>li>a {
    width: 76px;
}
#header .header_navi ul.header_navi_main.safe_search_2>li.last-child>a,
#header .header_navi ul.header_navi_main.safe_search_3>li.last-child>a {
    width: 74px;
}
#header .header_navi ul.header_navi_main.safe_search_1>li>a {
    width: 84px;
}
#header .header_navi ul.header_navi_main.safe_search_1>li.last-child>a {
    width: 82px;
}
#header .header_navi ul.header_navi_main>li>a.compact { letter-spacing: -1px; }/*長分をすこし圧縮するため*/
#header .header_navi ul.header_navi_main>li>a.two_line { padding-top: 3px;height:34px; }/*2行の場合上がって見えるため*/
#header .header_navi ul.header_navi_main>li>a.englishtxt { font-size: 13px; }/*英語文字小さく見えるため*/
#header .header_navi ul.header_navi_main>li>a.current {
    color: #fff;
    border-bottom: transparent 1px solid;
}
#header .header_navi li.h_index>a       { border-top-color: #ff5a00; }
#header .header_navi li.h_mcomic>a      { border-top-color: #0080d0; }
#header .header_navi li.h_fcomic>a      { border-top-color: #ff6090; }
#header .header_navi li.h_lightnovel>a  { border-top-color: #d4c400; }
#header .header_navi li.h_book>a        { border-top-color: #69a700; }
#header .header_navi li.h_business>a    { border-top-color: #009ed0; }
#header .header_navi li.h_magazine>a    { border-top-color: #365290; }
#header .header_navi li.h_adult>a       { border-top-color: #dc5ac0; }
#header .header_navi li.h_teenslove>a       { border-top-color: #868CF0; }
#header .header_navi li.h_boyslove>a    { border-top-color: #3fadb0; }

#header .header_navi li.h_index>a.current       { background-color: #ff5a00;border-left-color: #ff5a00;border-right-color: #ff5a00; }
#header .header_navi li.h_mcomic>a.current      { background-color: #0080d0;border-left-color: #0080d0;border-right-color: #0080d0; }
#header .header_navi li.h_fcomic>a.current      { background-color: #ff6090;border-left-color: #ff6090;border-right-color: #ff6090; }
#header .header_navi li.h_lightnovel>a.current  { background-color: #d4c400;border-left-color: #d4c400;border-right-color: #d4c400; }
#header .header_navi li.h_book>a.current        { background-color: #69a700;border-left-color: #69a700;border-right-color: #69a700; }
#header .header_navi li.h_business>a.current    { background-color: #009ed0;border-left-color: #009ed0;border-right-color: #009ed0; }
#header .header_navi li.h_magazine>a.current    { background-color: #365290;border-left-color: #365290;border-right-color: #365290; }
#header .header_navi li.h_adult>a.current       { background-color: #dc5ac0;border-left-color: #dc5ac0;border-right-color: #dc5ac0; }
#header .header_navi li.h_teenslove>a.current       { background-color: #868CF0;border-left-color: #868CF0;border-right-color: #868CF0; }
#header .header_navi li.h_boyslove>a.current    { background-color: #3fadb0;border-left-color: #3fadb0;border-right-color: #3fadb0; }
/* navi_hover (jsでaddclass)*/
#header .header_navi ul.header_navi_main>li.navi_hover>a.current     { color: #333;background-color: #fff;border-bottom: none; }
#header .header_navi li.h_index.navi_hover>a       { border-left-color: #ff5a00;border-right-color: #ff5a00; }
#header .header_navi li.h_mcomic.navi_hover>a      { border-left-color: #0080d0;border-right-color: #0080d0; }
#header .header_navi li.h_fcomic.navi_hover>a      { border-left-color: #ff6090;border-right-color: #ff6090; }
#header .header_navi li.h_lightnovel.navi_hover>a  { border-left-color: #d4c400;border-right-color: #d4c400; }
#header .header_navi li.h_book.navi_hover>a        { border-left-color: #69a700;border-right-color: #69a700; }
#header .header_navi li.h_business.navi_hover>a    { border-left-color: #009ed0;border-right-color: #009ed0; }
#header .header_navi li.h_magazine.navi_hover>a    { border-left-color: #365290;border-right-color: #365290; }
#header .header_navi li.h_adult.navi_hover>a       { border-left-color: #dc5ac0;border-right-color: #dc5ac0; }
#header .header_navi li.h_teenslove.navi_hover>a       { border-left-color: #868CF0;border-right-color: #868CF0; }
#header .header_navi li.h_boyslove.navi_hover>a    { border-left-color: #3fadb0;border-right-color: #3fadb0; }
#header .header_navi li.navi_hover .h_navibtn_menu { display:block; }

/* header_navi_main hover */
#header .header_navi .h_navibtn_menu {
    position: absolute;
    left: 0;
    top: 39px;
    background-color: #FFF;
    z-index: 1;
    min-width: 230px;
    padding: 10px;
    display:none;
    -moz-box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
}

#header .header_navi .h_index .h_navibtn_menu       { border: 1px solid #FF5A00;}
#header .header_navi .h_comic .h_navibtn_menu       { border: 1px solid #DDB100;}
#header .header_navi .h_mcomic .h_navibtn_menu      { border: 1px solid #0080D0;}
#header .header_navi .h_fcomic .h_navibtn_menu      { border: 1px solid #FF6090;}
#header .header_navi .h_book .h_navibtn_menu        { border: 1px solid #69A700;}
#header .header_navi .h_lightnovel .h_navibtn_menu  { border: 1px solid #D4C400;}
#header .header_navi .h_business .h_navibtn_menu    { border: 1px solid #009ED0;}
#header .header_navi .h_magazine .h_navibtn_menu    { border: 1px solid #365290;}
#header .header_navi .h_adult .h_navibtn_menu       { border: 1px solid #DC5AC0;}
#header .header_navi .h_teenslove .h_navibtn_menu       { border: 1px solid #868CF0;}
#header .header_navi .h_boyslove .h_navibtn_menu    { border: 1px solid #3FADB0;}
#header .header_navi .h_navibtn_menu:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    width: 110px;
    height: 3px;
    background: #FFF;
    z-index: 2;
}
#header .header_navi ul.header_navi_main.safe_search_2 .h_navibtn_menu:after,
#header .header_navi ul.header_navi_main.safe_search_3 .h_navibtn_menu:after {
    width: 76px;
}
#header .header_navi ul.header_navi_main.safe_search_1 .h_navibtn_menu:after {
    width: 84px;
}
#header .header_navi .h_navibtn_menu li { padding-left: 10px; }

/*#header .header_navi .h_navibtn_menu li:first-child { */
#header .header_navi .h_navibtn_menu li.gotop {
    padding-left: 0;
    font-weight: bold;
    margin-bottom: 4px 0 4px;
}
#header .header_navi .h_navibtn_menu a {
    padding: 3px 0 3px 12px;
    display: block;
    background-image: url("/resources/a/pc/common/images/bg_arrow_right.png?date=150722");
    background-repeat: no-repeat;
    color: #333333;
}
#header .header_navi .h_mcomic .h_navibtn_menu a        { background-position: 0 -12px; }
#header .header_navi .h_fcomic .h_navibtn_menu a        { background-position: 0 -32px; }
#header .header_navi .h_comic .h_navibtn_menu a         { background-position: 0 -52px; }
#header .header_navi .h_lightnovel .h_navibtn_menu a    { background-position: 0 -72px; }
#header .header_navi .h_book .h_navibtn_menu a          { background-position: 0 -92px; }
#header .header_navi .h_business .h_navibtn_menu a      { background-position: 0 -112px; }
#header .header_navi .h_magazine .h_navibtn_menu a      { background-position: 0 -132px; }
#header .header_navi .h_photo .h_navibtn_menu a         { background-position: 0 -132px; }
#header .header_navi .h_adult .h_navibtn_menu a         { background-position: 0 -152px; }
#header .header_navi .h_teenslove .h_navibtn_menu a     { background-position: 0 -172px; }
#header .header_navi .h_boyslove .h_navibtn_menu a      { background-position: 0 -192px; }
#header .header_navi .header_navi_main .h_navibtn_menu a:hover {
    background-color: #E5E5E5;
    text-decoration: none;
}

#header .header_navi ul.header_navi_sub {
    padding-top: 13px;
    width: 157px;
    float: right;
}
#header .header_navi ul.header_navi_sub li {
    border-right: 1px solid #cccccc;
    float: right;
    padding-right: 5px;
}
#header .header_navi ul.header_navi_sub li:first-child {
    padding-left: 5px;
    padding-right: 0;
}
#header .header_navi ul.header_navi_sub li.last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
#header .header_navi ul.header_navi_sub li a {
    display: block;
    color: #333333;
    font-size: 11px;
}
#header .header_navi ul.header_navi_sub li a:hover {
    text-decoration: none;
    background-color: #E5E5E5;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
}


/*所持ポイント*/
#header .header_navi .commonjs_Tbl {
    float: right;
    width: 150px;
    font-size: 10px;
}
#header .header_navi .commonjs_Tbl .tbl_row {
    overflow: hidden;
    margin-bottom: 5px;
}
#header .header_navi .commonjs_Tbl .tbl_row:last-child {
    margin-bottom: 0;
}
#header .header_navi .commonjs_Tbl .tbl_row dt {
    float: left;
    width: 23px;
    line-height: 16px;
}
#header .header_navi .commonjs_Tbl .tbl_row dd {
    line-height: 16px;
}
#header .header_navi .commonjs_Tbl .tbl_row dd .unit {
    color: #666;
}
#header .header_navi .commonjs_Tbl .tbl_row .mypage_link {
    color: #666;
}

/* header.lite */
#header.lite {
    border-bottom: 1px solid #dddddd;
}
#header.lite .form_navi {
    float:left;
    padding:12px 0 0 70px;
}
#header.lite .form_navi li.item {
    border-bottom: 3px solid #FFF;
    float: left;
    padding: 5px 0 0 0px;
    color:#666;
}
#header.lite .form_navi li.item.current {
    border-bottom: 3px solid #ff5900;
    color: #ff5900;
}
#header.lite .form_navi li.arrow {
    float: left;
    margin:0 12px;
    color: #959595;
    font-weight: bold;
}
#header.lite .form_navi li.arrow span{
    background: transparent url(/resources/a/pc/common/images/form_navi_arrow.png?date=140618) 0px 7px no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 20px;
    width:20px;
}
#header.lite .header_logo {
    height:50px;
}
#header.lite .header_logo .logo .h_logo{
    margin-top: 12px;
    width: 112px;
    height: 30px;
}
#header.lite .header_logo .logo {
    height:50px;
    /*background: url("/resources/a/pc/common/images/picture_logo_booklive_lite.png?date=140618") no-repeat left 13px;*/
}

/* footer
--------------------------------------------------*/
#footer {
    width:100%;
    background:#FFF;
}

/* pagetop */
#footer .pagetop {
    width:960px;
    margin:0 auto;
    position: relative;
}
#footer .pagetop a {
    position: absolute;
    text-align: center;
    /*left: 100%;*/
    right: 0;
    top: -23px;
    height: 45px;
    width: 45px;
    border-radius: 25px;
    display:block;
    background-color: #636363;
    background-image: url("/resources/a/pc/common/images/bg_arrow_bottom_white.png?date=140618");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    text-indent: -9999px;
}
#footer .pagetop a:hover {
    text-decoration: none;
    background-color: #888888;
}
/* footer_inner */
#footer .footer_inner {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 40px 0;
}
/* address navi 共通 */
#footer .address,
#footer .navi { float:left; }
#footer .address,
#footer .navi a { color: #666666; }
/* address */
#footer .address {
    width:200px;
    margin-right:50px;
}
#footer .address p.font_s {
    line-height: 1.5em;
}
#footer .foot_logo { margin-bottom: 10px; }

#footer address {
    font-size:11px;
    color:#FF5A00;
    font-style:normal;
    font-weight: bold;
    margin-bottom: 10px;
}
/* navi */
#footer .navi{
    margin-right: 30px;
    font-size: 13px;
    line-height: 1.2;
}
#footer .navi.last-child{ margin-right: 0; }

#footer .navi dt {
    background:url(/resources/a/pc/common/images/bg_title_footer.png?date=140618) no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    margin-bottom:10px;
    padding-bottom:5px;
    height: 30px;
}
#footer .navi dl.foot01,
#footer .navi dl.foot02,
#footer .navi dl.foot04{ width: 175px; }
#footer .navi dl.foot03{ width: 95px; }
#footer .navi dl.foot01 dt{ background-position: 0 top; }
#footer .navi dl.foot02 dt{ background-position: 0 -30px; }
#footer .navi dl.foot03 dt{ background-position: 0 -60px; }
#footer .navi dl.foot04 dt{ background-position: 0 -90px; }
#footer .navi dd{ margin-bottom:7px; }

/* facebook,twitter */
#footer .navi dl.foot03 dd.facebook a,
#footer .navi dl.foot03 dd.twitter a {
    height: 15px;
    line-height: 1.5;
    display: block;
    padding-left: 20px;
    background-repeat: no-repeat;
}
#footer .navi dl.foot03 dd.facebook a{ background-image:url(/resources/a/pc/common/images/icon_facebook.png?date=190710); }
#footer .navi dl.foot03 dd.twitter a{ background-image:url(/resources/a/pc/common/images/icon_twitter.png?date=190710); }

/* footer.lite */
#footer.lite {
    border-bottom: 4px solid #ff5a00;
    padding: 0px 0 4px;
    background: #fff;
}
#footer.lite .footer_inner {
    padding: 30px 0 0 0;
}
#footer.lite .lite_navi {
    text-align: center;
    font-size: 11px;
}
#footer.lite .lite_navi p.second_row {
    margin-top: 4px;
}
#footer.lite .lite_navi a {
    color: #333;
}
#footer.lite .lite_navi span {
    color: #aaa;
}
#footer.lite .ftr_copy {
    text-align: center;
    font-size: 12px;
    margin:20px 0 10px;
    color: #aaa;
}
#footer.lite address {
    color: #ff5a00;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
    font-style: normal;
}

/* contents
--------------------------------------------------*/
#container { margin-bottom: 40px; }
#container #container_inner{
    width:960px;
    margin:0 auto;
    position:relative;
    clear:both;
}
#container_inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#side{
    width:220px;
    float:left;
}
#main{
    width:700px;
    float:right;
}
#full_main920{
    background-color: #FFFFFF;
    padding: 20px;
}
#container_inner .section_area {
    padding: 20px 20px;
}

.section_outline {
    border: 1px solid #ddd;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    padding: 20px;
}

/* main
--------------------------------------------------*/
.main_inner,
#main_inner {
    padding: 20px;
    background-color: #fff;
    overflow: hidden;
}
.main_inner2 {
    padding: 40px 20px;
    background-color: #fff;
}
.main_inner3 {
    padding: 0 20px;
    background-color: #fff;
}
#main_inner_small {
    padding: 20px 230px;
    background-color: #fff;
}

.main_inner_660 {
    padding: 30px 150px;
    background-color: #fff;
}
#main .cont_title + #main_inner,
#main .cont_title + .main_inner {
    padding: 0 20px 20px;
}
#main .area_common > .cont_title + #main_inner:last-child,
#main .area_common > .cont_title + .main_inner:last-child {
    padding-bottom: 0;
}

/* side
--------------------------------------------------*/
#side .common_side{
    margin:0 0 10px;
    line-height: 1;
}

/* clearfix
--------------------------------------------------*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* new clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (triggers hasLayout) */
.cf {
    *zoom:1;
}

/* 見出し
--------------------------------------------------*/
#container .cont_title {
    font-size: 18px;
    line-height: 1;
    min-height: 18px;
    position: relative;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    background: #fff;
}
#container .cont_title + .spcms {
    padding-top: 0;
}
/*
#container .spcms .cont_title,
*/
#container #mainarea .cont_title,
#container #main_inner > .cont_title,
#container #main_stage > .cont_title {
    margin-bottom:10px;
}
#container .spcms > .cont_title {
    margin-left: -20px;
    margin-right: -20px;
}
#container .cont_title.title_ribbon>i,
#container .cont_title.title_ribbon_bl>i,
#container .cont_title.title_ribbon_book>i,
#container .cont_title.title_ribbon_business>i,
#container .cont_title.title_ribbon_mcomic>i,
#container .cont_title.title_ribbon_fcomic>i,
#container .cont_title.title_ribbon_comic>i,
#container .cont_title.title_ribbon_lightnovel>i,
#container .cont_title.title_ribbon_magazine>i,
#container .cont_title.title_ribbon_photo>i,
#container .cont_title.title_ribbon_adult>i,
#container .cont_title.title_ribbon_teenslove>i,
#container .cont_title.title_ribbon_boyslove>i,
#container .cont_title.title_ribbon_tsutaya>i,
#container .cont_title.title_ribbon_digiplus>i{
    background-image: url("/resources/a/pc/common/images/genre_bg_ribbon.png?date=150722");
    background-repeat: no-repeat;
    content: " ";
    display: block;
    width: 18px;
    height: 36px;
    position: absolute;
    top: -2px;
    left: 20px;
}
#container .cont_title.title_ribbon_bl>i            { background-position: 0 0; }
#container .cont_title.title_ribbon_mcomic>i        { background-position: -20px 0; }
#container .cont_title.title_ribbon_fcomic>i        { background-position: -40px 0; }
#container .cont_title.title_ribbon_comic>i         { background-position: -60px 0; }
#container .cont_title.title_ribbon_lightnovel>i    { background-position: -80px 0; }
#container .cont_title.title_ribbon_book>i          { background-position: -100px 0; }
#container .cont_title.title_ribbon_business>i      { background-position: -120px 0; }
#container .cont_title.title_ribbon_magazine>i      { background-position: -140px 0; }
#container .cont_title.title_ribbon_photo>i         { background-position: -140px 0; }
#container .cont_title.title_ribbon_adult>i         { background-position: -160px 0; }
#container .cont_title.title_ribbon_teenslove>i     { background-position: -180px 0; }
#container .cont_title.title_ribbon_boyslove>i      { background-position: -200px 0; }
#container .cont_title.title_ribbon_tsutaya>i       { background-position: -240px 0; }

#container .cont_title.title_ribbon2>i,
#container .cont_title.title_ribbon2_bl>i,
#container .cont_title.title_ribbon2_mcomic>i,
#container .cont_title.title_ribbon2_fcomic>i,
#container .cont_title.title_ribbon2_comic>i,
#container .cont_title.title_ribbon2_lightnovel>i,
#container .cont_title.title_ribbon2_book>i,
#container .cont_title.title_ribbon2_business>i,
#container .cont_title.title_ribbon2_magazine>i,
#container .cont_title.title_ribbon2_photo>i,
#container .cont_title.title_ribbon2_adult>i,
#container .cont_title.title_ribbon2_teenslove>i,
#container .cont_title.title_ribbon2_boyslove>i {
    background-image: url("/resources/a/pc/common/images/genre_bg_ribbon_sub.png?date=150722");
    background-repeat: no-repeat;
    content: " ";
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#container .cont_title.title_ribbon2_bl>i           { background-position: 0 0; }
#container .cont_title.title_ribbon2_mcomic>i       { background-position: -32px 0; }
#container .cont_title.title_ribbon2_fcomic>i       { background-position: -64px 0; }
#container .cont_title.title_ribbon2_comic>i        { background-position: -96px 0; }
#container .cont_title.title_ribbon2_lightnovel>i   { background-position: -128px 0; }
#container .cont_title.title_ribbon2_book>i         { background-position: -160px 0; }
#container .cont_title.title_ribbon2_business>i     { background-position: -192px 0; }
#container .cont_title.title_ribbon2_magazine>i     { background-position: -224px 0; }
#container .cont_title.title_ribbon2_photo>i        { background-position: -224px 0; }
#container .cont_title.title_ribbon2_adult>i        { background-position: -256px 0; }
#container .cont_title.title_ribbon2_teenslove>i    { background-position: -288px 0; }
#container .cont_title.title_ribbon2_boyslove>i     { background-position: -320px 0; }

#container .cont_title.title_icon_adult>i,
#container .cont_title.title_icon_adult_forad>i,
#container .cont_title.title_icon_teenslove>i,
#container .cont_title.title_icon_adult_tl>i,       /* 旧指定 */
#container .cont_title.title_icon_boyslove>i,
#container .cont_title.title_icon_boyslove_comic>i,
#container .cont_title.title_icon_boyslove_novel>i {
    background-repeat: no-repeat;
    content: " ";
    display: block;
    position: absolute;
}
#container .cont_title.title_icon_adult>i,
#container .cont_title.title_icon_adult_forad>i,
#container .cont_title.title_icon_teenslove>i,
#container .cont_title.title_icon_adult_tl>i {      /* 旧指定 */
    background-image: url("/resources/a/pc/common/images/icon_adult.png?date=140903");
    top: 15px;
    left: 19px;
    width: 21px;
    height: 17px;
}
#container .cont_title.title_icon_adult>i { background-position: 0 0; }
#container .cont_title.title_icon_adult_forad>i { background-position: -22px 0; }
#container .cont_title.title_icon_teenslove>i,
#container .cont_title.title_icon_adult_tl>i { background-position: -44px 0; }      /* 旧指定 */

#container .cont_title.title_icon_boyslove>i,
#container .cont_title.title_icon_boyslove_comic>i,
#container .cont_title.title_icon_boyslove_novel>i {
    background-image: url("/resources/a/pc/common/images/icon_bl.png?date=140903");
    top: 11px;
    left: 13px;
    width: 27px;
    height: 24px;
}
#container .cont_title.title_icon_boyslove>i { background-position: 0 0; }
#container .cont_title.title_icon_boyslove_comic>i { background-position: -28px 0; }
#container .cont_title.title_icon_boyslove_novel>i { background-position: -56px 0; }
#container .cont_title .title_txt {
    font-weight: bold;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    margin: 0 20px 0 48px;
}
#container .cont_title.title_ribbon2 .title_txt,
#container .cont_title.title_ribbon2_bl .title_txt,
#container .cont_title.title_ribbon2_mcomic .title_txt,
#container .cont_title.title_ribbon2_fcomic .title_txt,
#container .cont_title.title_ribbon2_comic .title_txt,
#container .cont_title.title_ribbon2_lightnovel .title_txt,
#container .cont_title.title_ribbon2_book .title_txt,
#container .cont_title.title_ribbon2_business .title_txt,
#container .cont_title.title_ribbon2_magazine .title_txt,
#container .cont_title.title_ribbon2_photo .title_txt,
#container .cont_title.title_ribbon2_adult .title_txt,
#container .cont_title.title_ribbon2_teenslove .title_txt,
#container .cont_title.title_ribbon2_boyslove .title_txt {
    margin-left: 38px;
}
#container .cont_title .info {
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 18px;
}
#container .cont_title .list {
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
}

#container .cont_title .info_arrival {
    color: #FF5A00;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
}
/* 大見出しbutton */
#container .cont_title .check_delete {
    position: absolute;
    right: 20px;
    top: 8px;
    width:140px;
}
/* 中見出しbutton */
#container .btn_subtitle {
    position: relative;
}
#container .btn_subtitle .btn_subtitle_btn {
    position: absolute;
    right: 0;
    top: 0;
}
#container .btn_subtitle .btn_subtitle_btn.check_delete { width:140px; }

/* 一覧リンク */
#container .cont_title.add_pickup_link .title_txt {
    margin-right: 75px;
}
#container .cont_title.add_pickup_link {
    position: relative;
}
#container .cont_title.add_pickup_link .pickup_link {
    position: absolute;
    right: 0;
    top: 1px;
    text-align: right;
}
#container .cont_title.add_pickup_link .pickup_link > a {
    padding:10px;
    margin: 5px;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
}

#container .cont_sub_title {
    border-left: 6px solid #FF5A00;
    border-bottom: 1px solid #FF5A00;
    color: #FF5A00;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 20px;
    padding: 2px 0 2px 6px;
}
#container .cont_sub_title2,
#container .cont_sub_title5 {
    color: #FF5A00;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}
#container .cont_sub_title2 {
    margin-bottom: 10px;
}
#container .cont_sub_title6 {
    color: #666;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 8px;
}
#container .cont_sub_title7 {
    color: #777;
    font-size: 16px;
    padding:0 10px 10px;
    line-height: 1.2;
}
#container .guide_sub_title {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
}
#container .cont_sub_title3 {
    border-left: 6px solid #FF5A00;
    color: #FF5A00;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    padding: 2px 0 2px 6px;
    margin-bottom: 20px;
}
/*全付サブ見出し＋ジャンル別色付き見出し*/
#container .genre_title,
#container .cont_sub_title4 {
    border-style: solid;
    border-width: 0 0 0 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0px 0 0px 10px;
    margin-bottom: 20px;
}
/*サイドメニューの同じクラスを除く*/
#side .area_genre .genre_title {
    border: none !important;
    padding: 0 !important;
}
#container .cont_sub_title4 {
    border-color: #FF5A00;
    color: #FF5A00;
}
/* インデント段落 */
.cont_sub_body4 {
    margin-bottom: 40px;
    padding: 0 18px;
}
/*ジャンル別色付き見出し .cont_sub_title4を参照*/
#main .genre_title a {
    color: #333;
}
#main .genre_title a:hover {
    text-decoration: none;
}
.genre_title.all { border-color: #FF5A00; }
.genre_title.mcomic, #side .area_genre .search_mcomic {          border-color: #0080D0; }
.genre_title.fcomic, #side .area_genre .search_fcomic {          border-color: #FF6090; }
.genre_title.comic, #side .area_genre .search_comic {            border-color: #FF9000; }
.genre_title.comicf, #side .area_genre .search_comicf {          border-color: #FF6090; }
.genre_title.lightnovel, #side .area_genre .search_lightnovel {  border-color: #D4C400; }
.genre_title.books, #side .area_genre .search_book {             border-color: #69A700; }
.genre_title.business, #side .area_genre .search_business {      border-color: #009ED0; }
.genre_title.magazine, #side .area_genre .search_magazine {      border-color: #365290; }
.genre_title.photo, #side .area_genre .search_photo  {           border-color: #365290; }
.genre_title.adult, #side .area_genre .search_adult  {           border-color: #DC5AC0; }
.genre_title.teenslove, #side .area_genre .search_teenslove  {   border-color: #868CF0; }
.genre_title.boyslove, #side .area_genre .search_boyslove  {     border-color: #3FADB0; }

.cont_sub_body6 {
    margin-bottom: 30px;/*40*/
}
.cont_indent_p20 {
    padding: 0 20px;
}
.cont_indent_pg {
    margin-bottom:8px;
}
/* 完了ページ見出し */
.complete_title {
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}
.complete_title h1 {
    font-size: 24px;
    font-weight: bold;
    color: #666;
}

/* textlink orange icon */
#container a.or_trilink,
#container a.or_trilink_s,
#container a.or_trilink_l,
#container a.b_trilink,
#container a.mc_trilink,
#container a.fc_trilink,
#container a.c_trilink,
#container a.l_trilink,
#container a.m_trilink,
#container a.p_trilink,
#container a.j_trilink,
#container a.bo_trilink,
#container a.ad_trilink,
#container a.tl_trilink,
#container a.td_trilink {
    color: #333333;
    padding-left: 12px;
    background-repeat: no-repeat;
    font-weight: bold;
}
.text_link_arrow_right:before,
#container a.or_trilink,
#container a.or_trilink_s,
#container a.or_trilink_l,
#container .or_trilink_list li a {
    background-image: url("/resources/a/pc/common/images/bg_arrow_right_orange.png?date=140618");
    background-position: left center;
}
#container .or_downlink_list li a {
    background-image: url("/resources/a/pc/common/images/bg_arrow_down_orange.png?date=140618");
    background-position: left center;
}
#container a.b_trilink,
#container a.mc_trilink,
#container a.fc_trilink,
#container a.c_trilink,
#container a.l_trilink,
#container a.m_trilink,
#container a.p_trilink,
#container a.j_trilink,
#container a.bo_trilink,
#container a.ad_trilink,
#container a.tl_trilink,
#container a.td_trilink,
#container .trilink {
    background-image: url("/resources/a/pc/common/images/bg_arrow_right.png?date=150722");
}
#container a.or_trilink_s{ font-size: 12px; font-weight: normal;}
#container a.or_trilink_l{ font-size: 15px; background-position: left 7px; }
#container a.mc_trilink { background-position: 0 -14px; }
#container a.fc_trilink { background-position: 0 -34px; }
#container a.c_trilink  { background-position: 0 -54px; }
#container a.l_trilink  { background-position: 0 -74px; }
#container a.b_trilink  { background-position: 0 -94px; }
#container a.j_trilink  { background-position: 0 -114px; }
#container a.m_trilink  { background-position: 0 -134px; }
#container a.p_trilink  { background-position: 0 -134px; }
#container a.ad_trilink { background-position: 0 -154px; }
#container a.tl_trilink { background-position: 0 -174px; }
#container a.bo_trilink { background-position: 0 -194px; }
#container a.td_trilink { background-position: 0 -214px; }
#container .trilink { background-position: 0 -234px; }

#container .link_right {
    text-align: right;
}
#container .link_center {
    text-align: center;
}
#container .txt_link_line {
    margin-bottom: 10px;
}
.text_link_arrow_right {
    font-weight: bold;
}
.text_link_arrow_right:before {
    background-position: top left;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    width: 6px;
    height: 8px;
    content: " ";
    margin-right: 6px;
    padding: 0;
}

#container .txt_link_line .or_trilink {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    margin-right: 30px;
}
#container .txt_link_line .or_trilink:last-child {
    margin-right: 0;
}
#container .or_trilink_list li,
#container .or_downlink_list li {
    margin-bottom: 3px;
}
#container .or_trilink_list li a,
#container .or_downlink_list li a {
    color: #333333;
    background-repeat: no-repeat;
}
#container .or_trilink_list li a { padding-left: 12px;}
#container .or_downlink_list li a { padding-left: 14px;}
/* 長文下リンク */
.sentencelink { padding-top: 8px; }

#container a.back_arrow_link {
    color: #333;
    display: block;
    overflow: hidden;
    padding: 0 25px;
    background-image: url("/resources/a/sp/common/images/icon_arrow_left.png?date=140618");
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 14px 14px;
}

/* 元のページに戻るリンク */
#main a.back_link.back_arrow_link {
    font-size: 16px;
    margin: 10px 0px 10px 14px;
    padding: 0 36px !important;
    background-size: 20px 20px !important;
    background-position: 0px center !important;
}



/* Buttons
* ====================================================================================================================================== */

/* ---------button size--------- */
/* small */
#container .btn_s {
    line-height: 20px;
    padding: 0px 4px;
    font-size: 10px;
}

#container .cart_action.btn_s,
#container .purchased_action.btn_s,
#container .tachiyomi_action.free_tachiyomi.btn_s {
    width: 100px;
}
/* middle */
#container .btn,
#popup_window .btn {
    line-height: 27px;
    padding: 0px 10px;
    font-size: 12px;
}
#container input[type="submit"].btn {
    height: 30px;
    font-size: 12px;
    padding: 0;
}
#container .btn.keep_action,
#container .btn.tachiyomi_action,
#container .btn.cart_action,
#container .btn.buy_action,
#container .btn.reservation_action,
#container .btn.read_action,
#container .btn.purchased_action {
    /*width: 108px;
    padding: 0px 0px;*/
    width: 88px;/* +左右1px border +左右padding 10px */
}
#container .btn.cart_action.wdt144 {
    width: 152px;
}
#container .btn.cart_action.wdt144 i {
    margin-left: 0px;
}
#container .btn.cart_action.wdt200 {
    width: 200px;
}
#container .btn.cart_action.wdt200 i {
    margin-left: 0px;
}
/*詳細ページ専用*/
#container .btn.tachiyomi_action.product_tachiyomi {
    font-size: 11px;
    padding: 3px 9px 5px 1px;
    width: 83px;
    height: 26px;
    line-height: 27px;
}
#container .btn.tachiyomi_action.product_tachiyomi i {
    margin-left: 0px;
}
#container .btn.tachiyomi_action.product_tachiyomi .btn_txt{
    line-height: 1.2;
}

/* medium */
#container .btn_m {
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding: 0px 0px;
    text-align: center;
}
#container a.btn_m:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}
#container a.btn_m:active {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
}
#container .btn_m span.btn_txt {
    font-size: 13px;
    font-weight: bold;
    line-height: 36px;
    vertical-align: middle;
}

#container .btn_m.keep_action.keep_off {
    color: #4d4d4d;
}
#container .btn_m.keep_action {
    color: #ff5a00;
}
#container .btn_m {
    border: 1px solid #ccc;
    background: #fff;
    color: #4d4d4d;
    border-radius: 3px;
    display: block;
}
#container .btn_m.disabled {
    background: #ddd;
    color: #969696;
}
#container .btn_m i.btn_icon {
    vertical-align: top;
    background-image: url("/resources/a/pc/common/images/btn_icons_l.png?date=0118");
    height: 34px;
    width: 28px;
    margin-right: 4px;
    vertical-align: top;
}

#container .btn_m .btn_icon.cart_view,
#container .btn_m.cart_in .btn_icon.cart_icon {
    background-position: -0px 0;
    margin-right: 10px;
    margin-left: -10px;
}
#container .btn_m .btn_icon.cart_view,
#container .btn_m .btn_icon.cart_icon {
    background-position: -28px 0;
    margin-right: 10px;
    margin-left: -10px;
}

#container .btn_m.keep_off .btn_icon.keep_add {
    background-position: -84px 0;
    margin-right: 14px;
    margin-left: -20px;
}
#container .btn_m .btn_icon.keep_add,
#container .btn_m .btn_icon.keep_view {
    background-position: -140px 0;
    margin-right: 14px;
    margin-left: -20px;
}
#container .btn_m .btn_icon.keep_disabled {
    background-position: -112px 0;
    margin-right: 10px;
    margin-left: -20px;
}
#container .btn_m .btn_icon.tachiyomi_browser {
    background-position: -168px 0;
    margin-right: 5px;
    margin-left: -5px;
}

#container .btn_m .btn_icon.tachiyomi_browser_disabled {
    background-position: -196px 0;
    margin-right: 5px;
    margin-left: -5px;
}
#container .btn_m .btn_icon.tachiyomi_app {
    background-position: -252px 0;
    margin-right: 2px;
    margin-left: -10px;
}
#container .btn_m .btn_icon.tachiyomi_app_disabled {
    background-position: -280px 0;
    margin-right: 2px;
    margin-left: -10px;
}

#container .btn_m .btn_icon.read_browser {
    background-position: -224px 0;
}
#container .btn_m .btn_icon.read_browser_disabled {
    background-position: -196px 0;
}
#container .btn_m .btn_icon.read_app {
    background-position: -308px 0;
}
#container .btn_m .btn_icon.read_app_disabled {
    background-position: -280px 0;
}
#container .btn_m .btn_icon.reservation_icon {
    background-position: -364px 0;
}
#container .btn_m .btn_icon.reservation_view {
    background-position: -392px 0;
}
#container .btn_m .btn_icon.auto_reservation_icon {
    background-position: -420px 0;
}
#container .btn_m .btn_icon.auto_reservation_view {
    background-position: -448px 0;
}


/* large */
#container .btn_l,
#popup_window .btn_l {
    font-size: 15px;
    line-height: 34px;
    font-weight: bold;
    padding: 0 10px;
}
#container .btn_l.multi_line {
    line-height: 19px;
    padding: 8px 0px 6px;
    font-size: 13px;
}
#container .btn_l.multi_line .word_break {
    font-size: 18px;
}
#container .btn_xl,
#popup_window .btn_xl {
    font-size: 18px;
    line-height: 46px;
    font-weight: bold;
    padding: 0 10px;
}
#container input[type="submit"].btn_l {
    height: 36px;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
}
#container input[type="submit"].btn_xl {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
}
#container .btn_l.buy_action,
#container .btn_l.reservation_action,
#container .btn_l.read_action,
#container .btn_l.cart_action,
#container .btn_l.keep_action,
#container .btn_l.purchased_action {
    width: 178px;
}

#container .btn_ll {
    font-size: 15px;
    line-height: 46px;
    font-weight: bold;
    padding: 0 10px;
}

/* btn_link */
#container .btn_link,
#footer .btn_link {
    padding: 10px;
}
/* slider */
#container .slider_prev,
#container .slider_next{
    width: 28px;
    height: 90px;
}

/* 検索 */
#header input.header_searchbtn,
#container input.searchbtn {
    font-size:13px;
    height: 32px;
    width:42px;
    padding:0;/* ie */
}
/* 汎用width */
#container .btn.wdt150 {
    width: 128px;
}
#container .btn.wdt180,
#footer .btn_l.wdt180,
#container .btn_l.wdt180 {
    width:158px;
}
#container .btn.wdt200,
#container .btn_l.wdt200 {
    width:178px;
}
#container .btn_l.wdt250 {
    width: 228px;
}
#container input.btn.wdt180,
#container input.btn_l.wdt180 {
    width:180px;
}
#container input.btn.wd200,
#container input.btn_l.wdt200 {
    width:200px;
}
#container input.btn_l.wdt250 {
    width: 250px;
}

/*専用center*/
#container .keep_action,
#container .tachiyomi_action,
#container .cart_action,
#container .purchased_action,
#container .buy_action,
#container .reservation_action,
#container .read_action {
    text-align: center;
}
/* ---------button text icon layout--------- */
#container .btn_txt {
    display: inline-block;
    /display: inline;
    /zoom: 1;
}
#container .btn_txt_full {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 100%;
}
#container .centered .btn_txt {
    display: block;
    text-align: center;
}
#container .btn_multiline .btn_txt {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: middle;
    word-break: break-all;
    text-align: left;
}
/* icon right */
#container .icon_right .btn_txt,
#header .icon_right .btn_txt {
    float:left;
}
#container .icon_right .btn_icon,
[id^="header"] .icon_right .btn_h_icon {
    float:right;
    margin-right: 0px;
}
/* btn_link */
#container .btn_link .btn_txt,
#footer .btn_link .btn_txt {
    float: left;
    line-height: 14px;
    display: block;
}
#container .btn_link .list_btn_link_icon,
#footer .btn_link .list_btn_link_icon {
    float: right;
    display: block;
}

/* --------------link button (white)-------------- */
#container .keep_action,
#container .purchased_action,
#container .read_action,
#container .reservation_action,
#container .btn_link,
#footer .btn_link {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: block;
}
#container .keep_action,
#container .reservation_action {
    color: #FF5A00;
}
#container .purchased_action {
    color: #ccc;
}
#container .read_action,
#container .btn_link,
#footer .btn_link {
    color: #333333;
}
/* hover */
#container a.btn_link:hover {
    background: #FFEFE6;
}
/* --------------action button (silver)-------------- */
#container .tachiyomi_action,
#container .keep_action.keep_off,
#container .btn_action,
#header .btn_action,
#popup_window .btn_action {
    border: 1px solid #ccc;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
    color: #4d4d4d;
    border-radius: 3px;
    display: block;
}
/* hover */
#container a.keep_action:hover,
#container a.read_action:hover,
#container a.tachiyomi_action:hover,
#container a.keep_action.keep_off:hover,
#container a.btn_action:hover,
#popup_window a.btn_action:hover,
#container input[type="submit"].btn_action:hover,
#header input[type="submit"].btn_action:hover,
#header a.btn_action:hover,
#header a.header_safe_btn:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}
/* active */
#container a.keep_action:active,
#container a.read_action:active,
#container a.tachiyomi_action:active,
#container a.keep_action.keep_off:active,
#container a.btn_action:active,
#popup_window a.btn_action:active,
#container input[type="submit"].btn_action:active,
#header input[type="submit"].btn_action:active,
#header a.btn_action:active,
#header a.header_safe_btn:active  {
     box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
}
/* disabled */
#container p.btn_action.disabled,
#container p.tachiyomi_action.disabled,
#container p.keep_action.disabled,
#container p.read_action.disabled {
    -ms-filter: none;
    filter: none;
    background: #FFFFFF;
    color: #ccc;
}

/* --------------action2 button (orange)-------------- */
#container .buy_action,
#container .btn_action2,
#header .btn_action2 {
    border: 1px solid #e44600;
    background: rgb(254,116,53); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,116,53,1) 0%, rgba(254,81,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,116,53,1)), color-stop(100%,rgba(254,81,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7435', endColorstr='#fe5100',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    border-radius: 3px;
    display: block;
}

/* 会員登録ボタン用 「30秒でカンタン」 */
#container .icon_easy_login {
    display:inline-block;
    margin-right:6px;
    width:60px;
    border-radius: 30px / 16px;
    padding:4px 0;
    background:#fff;
    vertical-align:middle;
    font-size:10px;
    font-weight:normal;
    font-weight:bold;
    color:#ff5a00;
    line-height:1;
    font-style:normal;
}
.icon_easy_login_num {
    font-size:14px;
}
#container .btn_easy_login {
    width: 250px;
    padding: 8px 10px;
}
#container .btn_easy_login .btn_txt {
    display:inline-block;
}

/* --------------action3 button (green/cart)-------------- */
#container .cart_action.cart_in,
#container .btn_action3 {
    border: 1px solid #5f9805;
    background: rgb(127,180,43); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(127,180,43,1) 0%, rgba(105,167,8,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,180,43,1)), color-stop(100%,rgba(105,167,8,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(127,180,43,1) 0%,rgba(105,167,8,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(127,180,43,1) 0%,rgba(105,167,8,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(127,180,43,1) 0%,rgba(105,167,8,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(127,180,43,1) 0%,rgba(105,167,8,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb42b', endColorstr='#69a708',GradientType=0 ); /* IE6-9 */
    border-radius: 3px;
    color: #ffffff;
    display: block;
}

/*予約ボタン*/
#container .reservation_action.reservation_in {
    border: 1px solid #e44600;
    background: rgb(254,116,53); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,116,53,1) 0%, rgba(254,81,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,116,53,1)), color-stop(100%,rgba(254,81,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7435', endColorstr='#fe5100',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    border-radius: 3px;
    display: block;
}

#container .btn_action4 {
    border: 1px solid #c50000;
    background: rgb(220,1,1); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,0,0,1) 0%, rgba(220,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,0,0,1)), color-stop(100%,rgba(220,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,0,0,1) 0%,rgba(220,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,0,0,1) 0%,rgba(220,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,0,0,1) 0%,rgba(220,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,0,0,1) 0%,rgba(220,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d73333', endColorstr='#cd0101',GradientType=0 ); /* IE6-9 */
    border-radius: 3px;
    color: #ffffff;
    display: block;
}
#container .btn_action2.off,
#container .btn_action4.off {
    border:solid 1px #b7b7b7;
    background: #fff;
    color: #b7b7b7;
    filter: none; /* IE6-9 */
    cursor: default;
}

#container .btn_action5 {
    border: 1px solid #ff51aa;
    background: #FF5A00;
    text-align: center;
    display: block;
    border-radius: 5px;
    color: #ffffff;
}
#container .btn_action5:hover {
    text-decoration: none;
    opacity: 0.7;
}


#container .sub_action {
    border:solid 1px #ccc;
    border-radius: 5px;
    color: #666;
    display: block;
    text-align: center;
}
#container .sub_action:hover {
    text-decoration: none;
    opacity: 0.7;
}

/* OVERRIDE ME */
#container .cart_action {
    border: 1px solid #5f9805;
    background: #ffffff;
    border-radius: 3px;
    color: #5f9805;
    display: block;
}

/* ---------hover--------- */
#container a.buy_action:hover,
#container a.reservation_action:hover,
#container a.cart_action.cart_in:hover,
#container a.btn_action2:hover,
#container a.btn_action3:hover,
#container a.btn_action4:hover,
#container input[type="submit"].btn_action2:hover,
#container input[type="submit"].btn_action3:hover,
#header a.btn_action2:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}
#container input[type="submit"].btn_action2.off:hover,
#container a.btn_action4.off:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/*カートを見る*/
#container a.cart_action:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
/* ---------active--------- */
#container a.buy_action:active,
#container a.reservation_action:active,
#container a.cart_action.cart_in:active,
#container a.btn_action2:active,
#container a.btn_action3:active,
#container input[type="submit"].btn_action2:active,
#container input[type="submit"].btn_action3:active,
#header .btn_action2:active {
     box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35) inset;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35) inset;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35) inset;
}
#container input[type="submit"].btn_action2.off:active {
     box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/*カートを見る*/
#container a.cart_action:active {
     box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
}


/* Buttons icons
* ====================================================================================================================================== */
#container .btn_icon,
#header .btn_h_icon,
#popup_window .btn_icon {
    background-repeat:no-repeat;
    background-color: transparent;
    content: " ";
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: bottom;
    *vertical-align: middle;
}

/* ---------small--------- */
#container .btn_s .btn_icon {
    background-image: url("/resources/a/pc/common/images/btn_icons_s.png?date=160527");
    height: 20px;
    width: 14px;
    margin-right: 2px;
}

#container .btn_s.cart_in .btn_icon.cart_icon { background-position: -3px 0;}
#container .btn_s .btn_icon.cart_icon,
#container .btn_s .btn_icon.cart_view { background-position: -24px 0;}

/* ---------svg cart icon--------- */
#container .cart_action .icon-cart {
    display: inline-block;
    vertical-align: middle;
    fill: #5f9805;
}
#container .btn_s.cart_action .icon-cart {
    width: 16px;
    height: 16px;
    margin-right: 2px;
}
#container .btn.cart_action .icon-cart {
    width: 18px;
    height: 18px;
    margin-left: -11px;
    margin-right:4px;
}
#container .wdt144.cart_action .icon-cart {
    width: 21px;
    height: 21px;
    margin-left: -14px;
    margin-right: 4px;
}
#container .btn_m.cart_action .icon-cart {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}
#container .btn_l.cart_action .icon-cart {
    width: 24px;
    height: 24px;
    margin-left: -14px;
    margin-right: 4px;
}
#container .cart_in.cart_action .icon-cart {
    fill: #fff;
}
#container .btn.cart_action.wdt144 svg {
    margin-left: 0px;
}

/* ---------svg auto icon--------- */
#container .icon-auto{
    display: inline-block;
    vertical-align: middle;
}
#container .btn .icon-auto{
    width: 24px;
    height: 24px;
    margin-right:5px;
    fill:#FF5A00;
}
#container .btn_l .icon-auto{
    width: 26px;
    height: 26px;
    margin-right:5px;
    fill:#FF5A00;
}
#container .reservation_in .icon-auto{
    fill:#ffffff;
}

/* ---------middle--------- */
#container .btn .btn_icon,
#popup_window .btn .btn_icon {
    background-image: url("/resources/a/pc/common/images/btn_icons_m.png?date=0118");
    height: 28px;
    width: 20px;
    margin-right: 4px;
    margin-left: -8px;
}
#container .btn.keep_off .btn_icon.keep_add { background-position: -88px 0; }
#container .btn .btn_icon.keep_add,
#container .btn .btn_icon.keep_view { background-position: -144px 0; }
#container .btn .btn_icon.keep_disabled { background-position: -116px 0; }
#container .btn.cart_in .btn_icon.cart_icon { background-position: -4px 0;}
#container .btn.all_cart.cart_in .btn_icon.cart_icon { background-position: -369px 0;}
#container .btn .btn_icon.cart_icon,
#container .btn .btn_icon.cart_view { background-position: -32px 0;}
#container .btn .btn_icon.dl_icon { background-position: -60px 0;}
#container .btn .btn_icon.delete_icon,
#popup_window .btn .btn_icon.delete_icon { background-position: -172px 0;}
#container .btn .btn_icon.tachiyomi_browser { background-position: -200px 0; }
#container .btn .btn_icon.tachiyomi_app { background-position: -284px 0; }
#container .btn .btn_icon.read_browser { background-position: -256px 0; }
#container .btn .btn_icon.read_app { background-position: -340px 0; }
#container .btn .btn_icon.read_browser_disabled,
#container .btn .btn_icon.tachiyomi_browser_disabled { background-position: -228px 0; }
#container .btn .btn_icon.read_app_disabled,
#container .btn .btn_icon.tachiyomi_app_disabled { background-position: -312px 0; }
#container .btn .btn_icon.reservation_icon { background-position: -396px 0; }
#container .btn .btn_icon.reservation_view { background-position: -424px 0; }
#container .btn .btn_icon.auto_reservation_icon { background-position: -452px 0; }
#container .btn .btn_icon.auto_reservation_view { background-position: -480px 0; }

/* ---------large--------- */
#container .btn_l .btn_icon {
    background-image: url("/resources/a/pc/common/images/btn_icons_l.png?date=0118");
    height: 34px;
    width: 28px;
    margin-right: 8px;
    margin-left: -14px;
}
#container .btn_l.cart_in .btn_icon.cart_icon { background-position: 0 0;}
#container .btn_l.cart_in.all_cart .btn_icon.cart_icon { background-position: -333px 0;}
#container .btn_l .btn_icon.cart_icon,
#container .btn_l .btn_icon.cart_view { background-position: -28px 0;}
#container .btn_l .btn_icon.dl_icon { background-position: -56px 0;}
#container .btn_l.keep_off .btn_icon.keep_add { background-position: -84px 0; }
#container .btn_l .btn_icon.keep_add,
#container .btn_l .btn_icon.keep_view { background-position: -140px 0; }
#container .btn_l .btn_icon.keep_disabled { background-position: -112px 0; }
#container .btn_l .btn_icon.read_browser { background-position: -224px 0; }
#container .btn_l .btn_icon.read_browser_disabled { background-position: -196px 0; }
#container .btn_l .btn_icon.read_app { background-position: -308px 0; }
#container .btn_l .btn_icon.read_app_disabled { background-position: -280px 0; }
#container .btn_l .btn_icon.reservation_icon { background-position: -364px 0;}
#container .btn_l .btn_icon.reservation_view { background-position: -392px 0;}
#container .btn_l .btn_icon.auto_reservation_icon { background-position: -420px 0;}
#container .btn_l .btn_icon.auto_reservation_view { background-position: -448px 0;}


/* ---------list_btn--------- */
.list_btn_link_icon,
#footer .list_btn_link_icon,
.fued > :first-child .arrow_link::before,
.fued > :last-child .arrow_link::after {
    background-image: url("/resources/a/pc/common/images/bg_arrow_orange.png?date=140618");
    background-repeat: no-repeat;
    background-color: transparent;
    height: 14px;
    width: 14px;
    content: " ";
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: text-top;
}
.fued .arrow_link {
    color: #333;
}
.fued .arrow_link[href="javascript:void(0)"] {
    cursor: default;
    opacity: 0;
    pointer-events: none;
}
.fued > :first-child .arrow_link::before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.fued > :first-child .arrow_link::before,
.fued > :last-child .arrow_link::after {
    content: '';
    display: block;
    margin: 0 1.5em;
}
.list_btn_link_icon.down_arrow { background-position: -20px 0;}
.list_btn_link_icon.right_arrow,
#footer .list_btn_link_icon.right_arrow { background-position: 0 0;}


/* ---------レビューページページャー--------- */
#container .review_pager > .btn_case {
    position: relative;
}
#container .fued.review_pager > :first-child .arrow_link::before,
#container .fued.review_pager > :nth-child(2) .arrow_link::before,
#container .fued.review_pager > :nth-child(3) .arrow_link::after,
#container .fued.review_pager > :last-child .arrow_link::after {
    background-image: url("/resources/a/pc/common/images/bg_arrow_orange.png?date");
    background-repeat: no-repeat;
    background-color: transparent;
    height: 14px;
    width: 14px;
    content: " ";
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: text-top;
    position: relative;
}
#container .fued.review_pager .arrow_link[href="javascript:void(0)"] {
    opacity: 0.3;
}
#container .fued.review_pager > :first-child .arrow_link::before,
#container .fued.review_pager > :nth-child(2) .arrow_link::before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: 0;
    position: absolute;
    left: 10px;
}
#container .fued.review_pager > :nth-child(3) .arrow_link::after,
#container .fued.review_pager > :last-child .arrow_link::after {
    margin: 0;
    position: absolute;
    right: 10px;
}

/* バナーなどに乗せる閉じるボタン */
.commonjs_btn_banner_close {
    box-sizing: border-box;
    text-align: center;
}
.commonjs_btn_banner_close p {
    padding: 5px 0;
    overflow: visible;
    position: relative;
    display: none;
}
.commonjs_btn_banner_close__icon {
    position: absolute;
    right: -5px;
    top: 0;
    width: 21px;
    height: 21px;
    line-height: 19px;
    font-size: 16px;
    border-radius: 10px;
    text-align: center;
    color: #ffffff;
    background: #dddddd;
    font-style: normal;
    cursor: pointer;
}
.commonjs_btn_banner_close.hedden {
    display: none;
}


/* ---------slider--------- */
#container .slider_prev.btn_action,
#container .slider_next.btn_action {
    background: #fff;
}
#container .slider_prev span,
#container .slider_next span  {
    display: block;
    background-image: url("/resources/a/pc/common/images/main_viz_arrow.png");
    background-repeat: no-repeat;
    background-size: 28px 56px;
    width: 28px;
    height: 28px;
    margin-top: 31px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
@media \0screen {
    #container .slider_prev span,
    #container .slider_next span  {
        text-indent: -9999px;
        background-image: url("/resources/a/pc/common/images/bg_arrow_gray_big2.png?date=140618");
        height: 20px;
        width: 16px;
        margin-top: 35px;
        margin-left: 6px;
    }
}
#container .slider_prev span {
    background-position: left bottom;
}
#container .slider_next span {
    background-position: left top;
}
@media \0screen {
    #container .slider_prev span {
        background-position: center left;
    }
    #container .slider_next span {
        background-position: -2px 0;
    }
}
#container .slider_next:hover span,
#container .slider_next.disabled span,
#container .slider_prev:hover span,
#container .slider_prev.disabled span {
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* ---------collapsible--------- */
i.icon-collapsible {
    background-image: url(/resources/a/pc/common/images/icon_collapsible.png?date=140618);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px 16px;
    -webkit-background-size: 32px 16px;
    display: block;
    height: 16px;
    width: 16px;
    line-height: 0;
    overflow: hidden;
    vertical-align: top;
}
.on i.icon-collapsible {
    background-position: left;
}

/* icon only button
* ====================================================================================================================================== */
#container .delete_icon_btn {
    background-color: #CCCCCC;
    background-image: url("/resources/a/pc/common/images/btn_icons_m.png?date=0118");
    background-position: -171px -3px;
    display: block;
    height: 22px;
    width: 22px;
    content: " ";
    cursor: pointer;
}
#container .delete_icon_btn:hover {
    background-color: #D5D5D5;
}

/* Buttons layout
* ====================================================================================================================================== */

/* slider layout */
#container .slider_cont {
    margin-bottom: 40px;
}
#container .slider_prev,#container .slider_next {
    position: absolute;
    top: 54px;
}
#container .slider_prev {
    left: 0;
}
#container .slider_next {
    right: 0;
}

/* btn_l button並べる */
#container .button_line,
#popup_window .button_line {
    width:100%;
    text-align: center;
    margin-bottom: 20px;
}
#container .button_line:last-child {
    margin-bottom: 0;
}
#container .button_line>div,
#popup_window .button_line>div {
    display:inline-block;
    /display: inline;
    /zoom: 1;
}
#container .button_line .clearfix .btn_l,
#popup_window .button_line .clearfix .btn_l {
    float: left;
    margin-right: 10px;
}
#container .button_line .clearfix .btn_l:last-child,
#popup_window .button_line .clearfix .btn_l:last-child {
    margin-right: 0;
}

/* 完了画面ボタン
* ====================================================================================================================================== */
#container .btn_intro_blue,
#container .btn_intro_orange {
    margin-bottom: 4px;
    font-size: 14px;
    width: 360px;
}
#container .btn_intro_blue { color: #1796C1; }
#container .btn_intro_orange { color: #ff5A00; }
#container .btn_note { font-size: 12px; }
#container .btn_browser_read,
#container .btn_mybookshelf,
.pop_window .btn_app_launch,
#container .btn_app_launch,
.pop_window .btn_app_download,
#container .btn_app_download {
    position: relative;
    margin-bottom: 10px;
}
.pop_window .btn_reader_icon,
#container .btn_reader_icon {
    background-image: url("/resources/a/pc/common/images/icon_reader_60px.png?date=140618");
    background-repeat: no-repeat;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    height: 60px;
    width: 60px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 30px;
}
#container .btn_browser_read .btn_reader_icon { background-position: 0 0;}
#container .btn_mybookshelf .btn_reader_icon { background-position: -60px 0;}
.pop_window .btn_app_launch .btn_reader_icon, #container .btn_app_launch .btn_reader_icon { background-position: -120px 0;}
.pop_window .btn_app_download .btn_reader_icon, #container .btn_app_download .btn_reader_icon { background-position: -180px 0;}

.pop_window .btn_app_launch > a,
#container .btn_app_launch > a,
#container .btn_mybookshelf > a,
#container .btn_browser_read > a,
#container .btn_browser_read.disabled > p,
.pop_window .btn_app_download > a,
#container .btn_app_download > a  {
    border-radius: 4px;
    height: 74px;
    width: 360px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.pop_window .btn_app_download > a,
#container .btn_app_download > a {
    height: 72px;
    width: 358px;
    border: 1px solid #1796C1;
    position: relative;
}
#container .btn_browser_read > a:hover,
#container .btn_mybookshelf > a:hover {
    background-color: #FF8D4B;
}
.pop_window .btn_app_download > a:hover, #container .btn_app_download > a:hover { background-color: #E6E6E6; }
.pop_window .btn_reader_txt,
#container .btn_reader_txt {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    color: #fff;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin-top: 7px;
    padding-left: 30px;
}
.pop_window .btn_app_download .btn_reader_txt, #container .btn_app_download .btn_reader_txt{ color: #1796C1; }
.pop_window .btn_reader_txt.btn_reader_multiline,
#container .btn_reader_txt.btn_reader_multiline {
    line-height: 25px;
}
.pop_window .btn_reader_txt.btn_reader_multiline span,
#container .btn_reader_txt.btn_reader_multiline span {
    font-size: 14px;
}
#container .btn_browser_read > a,
#container .btn_mybookshelf > a { background-color: #ff5a00; }
#container .btn_browser_read.disabled > p { background-color: #FFCEB3; }
.pop_window .btn_app_launch > a, #container .btn_app_launch > a { background-color: #1796C1; }
.pop_window .btn_app_launch > a:hover, #container .btn_app_launch > a:hover { background-color: #40B0D5; }

#container .btn_app_download_s,
.popup_window .btn_app_download_s {
    display: block;
    padding: 2px 0 6px;
    width: 198px;
    border: 1px solid #1796C1;
    color: #1796C1;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
}
#container .btn_app_download_s:hover,
#popup_window .btn_app_download_s:hover {
    background-color: #E6E6E6;
    text-decoration: none;
}
.app_login_get_point_1 {
    max-width: 350px;
    text-align: center;
    margin: 10px auto 0;
}
.app_login_get_point_2 {
    max-width: 230px;
    text-align: center;
    margin: 5px auto 0;
}
.app_login_get_point_1 img,
.app_login_get_point_2 img {
    width: 95%;
    height: auto;
}
.app_login_get_point_3 {
    text-align: center;
    margin-top: 20px;
}
.app_login_get_point_3 img {
    width: 100%;
    max-width: 600px;
}
.app_login_get_point_4 {
    text-align: center;
    margin: 5px 0 10px;
    padding: 0 10px;
}
.app_login_get_point_4 img {
    width: 100%;
    max-width: 600px;
}

/* layout */
.reader_button_area {
    padding: 0 80px;
    margin-bottom: 40px;
}
.reader_text_area { padding: 0 80px;}

.reader_text_area .area_left,
.reader_button_area .area_left{ float: left; }

.reader_text_area .area_right,
.reader_button_area .area_right{ float: right; }

#container ul.btn_basic_col2 {
    overflow: hidden;
}
#container ul.btn_basic_col2 li {
    float:left;
    width: 49%;
    margin: 0;
}
#container ul.btn_basic_col2 li:nth-child(even){
    float:right;
}
#container ul.btn_basic_col2 li .btn_basic_flat {
    width: 100%;
}
#container .btn_basic_flat {
    display: table;
    height: 48px;
    width: 680px;
    margin: 0 auto;
}
#container #main .main_inner .btn_basic_flat {
    width: 660px;
}
#container .btn_basic_flat a {
    display: table-cell;
    text-align:center;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    background: #fff;
    padding: 6px 8px;
    font-size: 18px;
    color: #333;
}
#container .btn_basic_flat a:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}
#container .btn_basic_flat a:hover span {
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

/* 詳細+一覧icons
* ====================================================================================================================================== */
#container i[class^="book_icon_"],
#container .product_for li i,
#container .product_for_i li i,
i[class^="detail-icon-"]{
    background-image:url(/resources/a/pc/v2/images/product/pc_parts_product.png?date=20190612);
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    line-height: 0;
    overflow: hidden;
    vertical-align: top;
    /zoom: 1;
    *display: inline;
}

i[class^="detail-icon-device-"]{
    height: 20px;
    display: block;
    margin: 0 auto 0px auto;
    width: 20px;
}

i.detail-icon-device-lideo{background-position: 0px -49px;}
i.detail-icon-device-pc{background-position: -20px -49px;}
i.detail-icon-device-ios{background-position: -40px -49px;}
i.detail-icon-device-and{background-position: -60px -49px;}
i.detail-icon-device-win{background-position: -80px -49px;}
i.detail-icon-device-browser{background-position: -100px -49px;}
i.detail-icon-device-movie{background-position: -20px -89px;}
i.detail-icon-device-sound{background-position: -40px -89px;}
i.detail-icon-device-read{background-position: -60px -89px;}

.disabled i.detail-icon-device-lideo{background-position: 0px -69px;}
.disabled i.detail-icon-device-pc{background-position: -20px -69px;}
.disabled i.detail-icon-device-ios{background-position: -40px -69px;}
.disabled i.detail-icon-device-and{background-position: -60px -69px;}
.disabled i.detail-icon-device-win{background-position: -80px -69px;}
.disabled i.detail-icon-device-browser{background-position: -100px -69px;}
.disabled i.detail-icon-device-movie{background-position: -20px -109px;}
.disabled i.detail-icon-device-sound{background-position: -40px -109px;}
.disabled i.detail-icon-device-read{background-position: -60px -109px;}

i[class^="detail-icon-link-"],
i[class^="detail-icon-special-"]{
    height: 16px;
    display: inline-block;
    margin: 0 3px 0 0;
    width: 16px;
}
i.detail-icon-special-point{background-position: -80px -33px;}
i.detail-icon-special-bulk{background-position: -96px -33px;}
i.detail-icon-special-free{background-position: -112px -33px;}
i.detail-icon-special-book{background-position: -48px -33px;}

i[class^="detail-icon-sns-"]{
    height: 32px;
    width: 32px;
    vertical-align: middle;
}
i.detail-icon-sns-facebook{
    background-position: -0px -145px;
}
i.detail-icon-sns-twitter{
    background-position: -32px -145px;
}
i.detail-icon-sns-hatena{
    background-position: -96px -145px;
}
i.detail-icon-sns-mail{
    background-position: 0px -177px;
}

#container span.mark {
    background-color: #aaa;
    color: #ffffff;
    display: inline-block;
    margin: 0 5px 0 0;
    height: 16px;
    width: 16px;
    /zoom: 1;
    text-align: center;
}
#container i[class^="book_icon_"]{
    margin-right: 4px;
    height: 16px;
    width: 16px;
}
i.book_icon_author  {   background-position: -0px -33px;    }
i.book_icon_genre   {   background-position: -16px -33px;   }
i.book_icon_publish {   background-position: -32px -33px;   }
i.book_icon_series  {   background-position: -48px -33px;   }
i.book_icon_price   {   background-position: -64px -33px;    }
i.book_icon_point   {   background-position: -80px -33px;   }

.multiple_links {color: #aaa;}

/* 対応OS ラベル
* ====================================================================================================================================== */
/* icon + text */
#container .product_for {
    margin-bottom: 10px;
}
#container .product_for li {
    float: left;
    margin-right: 5px;
    width: 72px;
    border: 1px solid #CCCCCC;
    background-repeat: no-repeat;
    background-position: 2px 50%;
    padding: 5px 0;
}
/* icon only */
#container .product_for_i li {
    float: left;
    width: 20px;
    height: 16px;
}
#container .product_for_i li span{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
#container .product_for li a {
    color: #333333;
    display: block;
}
#container .product_for li a:hover { text-decoration:none; }
#container .product_for li i,
#container .product_for_i li i {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
#container .product_for li i {
    margin-left: 3px;
}
#container .product_for li span {
    text-align: center;
    font-size: 11px;
    height: 16px;
    line-height: 14px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 48px;
    vertical-align: bottom;
}

#container .product_for li.for_lideo.support i,
#container .product_for_i li.for_lideo.support i{background-position: 0px -49px;}
#container .product_for li.for_pc.support i,
#container .product_for_i li.for_pc.support i{background-position: -20px -49px;}
#container .product_for li.for_ios.support i,
#container .product_for_i li.for_ios.support i{background-position: -40px -49px;}
#container .product_for li.for_android.support i,
#container .product_for_i li.for_android.support i {background-position: -60px -49px;}
#container .product_for li.for_winphone.support i,
#container .product_for_i li.for_winphone.support i{background-position: -80px -49px;}
#container .product_for li.for_bviewer.support i,
#container .product_for_i li.for_bviewer.support i{background-position: -100px -49px;}

/* 非対応 */
#container .product_for li.disabled {
    border: 1px solid #E6E6E6;
    color: #CCCCCC;
}

#container .product_for li.for_lideo.disabled i,
#container .product_for_i li.for_lideo.disabled i{background-position: 0px -69px;}
#container .product_for li.for_pc.disabled i,
#container .product_for_i li.for_pc.disabled i{background-position: -20px -69px;}
#container .product_for li.for_ios.disabled i,
#container .product_for_i li.for_ios.disabled i{background-position: -40px -69px;}
#container .product_for li.for_android.disabled i,
#container .product_for_i li.for_android.disabled i {background-position: -60px -69px;}
#container .product_for li.for_winphone.disabled i,
#container .product_for_i li.for_winphone.disabled i{background-position: -80px -69px;}
#container .product_for li.for_bviewer.disabled i,
#container .product_for_i li.for_bviewer.disabled i{background-position: -100px -69px;}

/* 対応ospopup */
#popup_window.pop_device .pop_title {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 10px;
    text-align: center;
}
#popup_window .pop_title span {
    display: inline-block;
    /display:inline;
    /zoom:1;
    font-size: 1.2em;
    height: 22px;
    line-height: 24px;
    padding-left: 30px;
    background-repeat: no-repeat;
}
#popup_window.pop_forpc .pop_title span {
    background: url("/resources/a/pc/v2/images/product/pop_icon_pc.png?date=140618") no-repeat scroll 0 50% transparent;
    padding-left: 40px;
}
#popup_window.pop_forlideo .pop_title span {
    background: url("/resources/a/pc/v2/images/product/pop_icon_lideo.png?date=140618") no-repeat scroll 0 50% transparent;
}
#popup_window.pop_forios .pop_title span {
    background: url("/resources/a/pc/v2/images/product/pop_icon_ios.png?date=140618") no-repeat scroll 0 50% transparent;
}
#popup_window.pop_forandroid .pop_title span {
    background: url("/resources/a/pc/v2/images/product/pop_icon_android.png?date=140618") no-repeat scroll 0 50% transparent;
}
#popup_window.pop_forwinphone .pop_title span {
    background: url("/resources/a/pc/v2/images/product/pop_icon_winphone.png?date=140618") no-repeat scroll 0 50% transparent;
}
#popup_window.pop_bviewer .pop_title span {
    background: url("/resources/a/pc/v2/images/product/pop_icon_bviewer.png?date=140618") no-repeat scroll 0 50% transparent;
}
#popup_window .download_info {
    width: 300px;
    line-height: 1.3;
    height: 40px;
    padding: 4px 10px;
    text-align:center;
}
#popup_window .button_line .pop_close {
    width: 160px;
}

/*新刊通知ボタン*/
#container .bl_notification a {
    background-image: url("/resources/a/pc/common/images/shinkan_off.png");
    background-repeat: no-repeat;
    display: block;
    width: 80px;
    height: 20px;
    text-indent: -9999px;
}
#container .bl_notification.on a {
    background-image: url("/resources/a/pc/common/images/shinkan_on.png?date=140618");
}
#container .bl_notification.little a {
    background-image: url("/resources/a/pc/common/images/shinkan_notification_off.png?date=140618");
    background-repeat: no-repeat;
    display: block;
    width: 80px;
    height: 20px;
    color: #969696;
    text-indent: 0;
    font-size: 10px;
    line-height: 2;
    text-align: center;
}
#container .bl_notification.little.on a {
    background-image: url("/resources/a/pc/common/images/shinkan_notification_on.png?date=140618");
    color: #ff5A00;
}

/* book tag
* ====================================================================================================================================== */
#container .tags,
#container .tag_box {
    text-align: center;
    height: 19px;
}
/*
#container #container_inner .book .tag_box + .picture,
#container #container_inner .book .tags + .picture {
    vertical-align: top;
}
*/
#container #container_inner .book .picture + .tag_box,
#container #container_inner .book .picture + .tags {
    margin: -5px 0 5px;
}
#container #container_inner .book .tag_box + .picture ~ .tag_box,
#container #container_inner .book .tags + .picture ~ .tags {
    display: none;
}
#container .item-ph .tag,
#container .book .tag,
#container .product_series_tag,
#container .product_bookshelf_tag {
    text-align: center;
    font-weight: normal;
    line-height: normal;
    height: 14px;
}
#container .item-ph > .item-thumb.mb05 + .tag {
    padding-top: 5px;
}
.base_tag,
#container .item-ph .tag span,
#container .book .tag span,
#container .product_topic span,
#container .product_series_tag span,
#container .product_bookshelf_tag span,
#container .tags .genre_tag {
    width:70px;
    font-size:11px;
    line-height: 15px;
    background: #AAA;
    border: none;
    display:inline-block;
    color: #fff;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    height: 14px;
}
#container .tags .genre_tag {
    font-weight: normal;
}
.base_tag.strong,
#container .item-ph .tag.strong span,
#container .book .tag.strong span,
#container .product_topic span.strong,
#container .product_topic .tag.strong span,
#container .product_series_tag.strong span,
#container .product_bookshelf_tag .strong span {
    background-color: #ee0000;
    font-weight: normal;
}
#container .item-ph .tag.reserve span,
#container .book .tag.reserve span,
#container .product_topic span.reserve,
#container .product_topic .tag.reserve span,
#container .product_series_tag.reserve span {
    background-color: #69A700;
}
#container .book .tag_orange span{
    color:#ff5a00;
    border:#ff5a00 solid 1px;
    background-color: #fff;
    line-height: 13px;
}
#container .item-ph .tag.orange span,
#container .book .tag.orange span,
#container .product_topic span.orange,
#container .product_topic .tag.orange span,
#container .product_series_tag.orange span,
#container .product_bookshelf_tag .orange span {
    background-color: #FF5A00;
}

/* genre tags
* ====================================================================================================================================== */
#container .tags .genre_tag {
     width:100px;
}
#container .tags .genre_tag {                       color: #000;background-color: #FFEFE6; }
#container .tags .genre_tag.mcomic_color_tag {      color: #000;background-color: #E6F3FA; }
#container .tags .genre_tag.fcomic_color_tag {      color: #000;background-color: #FFEFF4; }
#container .tags .genre_tag.comic_color_tag {       color: #000;background-color: #FFF4E6; }
#container .tags .genre_tag.lightnovel_color_tag {  color: #000;background-color: #FBF9E6; }
#container .tags .genre_tag.book_color_tag {        color: #000;background-color: #F0F6E6; }
#container .tags .genre_tag.business_color_tag {    color: #000;background-color: #E6F5FA; }
#container .tags .genre_tag.magazine_color_tag {    color: #000;background-color: #EBEEF4; }
#container .tags .genre_tag.photobook_color_tag {   color: #000;background-color: #EBEEF4; }

/* genre ranking icon
* ====================================================================================================================================== */
#container i.genre_icon_crown {
    display: inline-block;
    content: " ";
    background-image: url("/resources/a/pc/common/images/icon_ranking.png?date=150722");
    background-repeat: no-repeat;
    width: 29px;
    height: 19px;
    padding-top: 4px;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 2.4;
}
#container i.genre_icon_rect {
    display: inline-block;
    content: " ";
    width: 18px;
    height: 18px;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 19px;
    vertical-align: text-top;
}
#container i.genre_icon_rect.last_child {width: 28px;}
#container i.genre_icon_crown.bl        { background-position: 0 0; }
#container i.genre_icon_crown.mcomic    { background-position:  -38px 0; }
#container i.genre_icon_crown.fcomic    { background-position:  -76px 0; }
#container i.genre_icon_crown.comic     { background-position: -114px 0; }
#container i.genre_icon_crown.lightnovel{ background-position: -152px 0; }
#container i.genre_icon_crown.books     { background-position: -190px 0; }
#container i.genre_icon_crown.business  { background-position: -228px 0; }
#container i.genre_icon_crown.magazine  { background-position: -266px 0; }
#container i.genre_icon_crown.photo     { background-position: -266px 0; }
#container i.genre_icon_crown.adult     { background-position: -304px 0; }
#container i.genre_icon_crown.teenslove { background-position: -342px 0; }
#container i.genre_icon_crown.boyslove  { background-position: -380px 0; }

#container i.genre_icon_rect.bl         { background-color: #FF5A00; }
#container i.genre_icon_rect.mcomic     { background-color: #0080D0; }
#container i.genre_icon_rect.fcomic     { background-color: #FF6090; }
#container i.genre_icon_rect.comic      { background-color: #FF9000; }
#container i.genre_icon_rect.lightnovel { background-color: #D4C400; }
#container i.genre_icon_rect.books      { background-color: #69A700; }
#container i.genre_icon_rect.business   { background-color: #009ED0; }
#container i.genre_icon_rect.magazine   { background-color: #365290; }
#container i.genre_icon_rect.photo      { background-color: #365290; }
#container i.genre_icon_rect.adult      { background-color: #DC5AC0; }
#container i.genre_icon_rect.teenslove  { background-color: #868CF0; }
#container i.genre_icon_rect.boyslove   { background-color: #3FADB0; }

#container .icon_rect_slider {
    height: 26px;
}
#container .icon_rect_slider i.genre_icon_rect {
    margin-top: 6px;
    height: 17px;
}
#container #main .area_common.area_daily_ranking .cont_title {
    margin-bottom: 0;
    padding-bottom: 10px;
}
#container .genre_ranking_crown {
    text-align: center;
    line-height: normal;
}
#container .genre_ranking_crown .genre_icon_crown {
    width: 28px;
    height: 28px;
    line-height: 30px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: none;
    font-size: 14px;
    background: #aaa;
    margin: 10px;
    padding: 0;
    font-weight: normal;
}
#container .genre_ranking_crown.rank1 .genre_icon_crown,
#container .genre_ranking_crown.rank2 .genre_icon_crown,
#container .genre_ranking_crown.rank3 .genre_icon_crown {
    background-image: url("/resources/a/common/images/icon_ranking.png");
    background-size: 144px 48px;
    background-position: 0 0;
    background-color: #fff;
    border: none;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    display: block;
}
#container .genre_ranking_crown.rank2 .genre_icon_crown {
    background-position: -48px 0;
}
#container .genre_ranking_crown.rank3 .genre_icon_crown {
    background-position: -96px 0;
}
#container #container_inner .genre_ranking_crown .genre_icon_crown {
    margin: 13px 10px 7px;
}
#container #container_inner .genre_ranking_crown.rank1 .genre_icon_crown,
#container #container_inner .genre_ranking_crown.rank2 .genre_icon_crown,
#container #container_inner .genre_ranking_crown.rank3 .genre_icon_crown {
    margin: 0 auto;
}
@media \0screen {
    #container #container_inner .genre_ranking_crown.rank1 .genre_icon_crown,
    #container #container_inner .genre_ranking_crown.rank2 .genre_icon_crown,
    #container #container_inner .genre_ranking_crown.rank3 .genre_icon_crown {
        margin: 13px 10px 7px;
    }
    #container #container_inner .genre_ranking_crown .genre_icon_crown {
        background : #aaa;
        overflow: visible;
        text-indent: 0;
        white-space: normal;
        width: 28px;
        height: 28px;
        line-height: 30px;
        display: inline-block;
    }
}

/* other icon
* ====================================================================================================================================== */
/*別win icon*/
#container i.icon_blankwin {
    background-repeat: no-repeat;
    background-image: url("/resources/a/pc/v2/images/howtoread/icon_blankwin.png?date=140618");
    display: inline-block;
    width: 13px;
    height: 12px;
    margin-left: 4px;
    vertical-align: middle;
    padding-top: 3px;
}


/* common_list
* ====================================================================================================================================== */
/* ---------------- sort_area ---------------- */
#container .bl-pagination .refine_area {
    line-height: 33px;
    margin: auto;
    margin-left: 15px;
    float: left;
}
#container .refine_area .refine_terms {
    display: inline;
}
#container .refine_area .refine_cancel {
    display: inline;
}
#container .star_only_review_area{
    position: relative;
}
#container .star_only_review_position{
    position: absolute;
    top: -28px;
}
/* pulldown_box */
#container .pulldown_box,
#container .pulldown_box_locked {
    position: relative;
    margin: 10px 0;
}
#container .pulldown_box .ttl {
    padding: 6px 0px;
    margin-right: 5px;
    float:left;
}
#container .pulldown_box .pulldown,
#container .pulldown_box_locked .pulldown_locked {
    border: 1px solid #ccc;
    text-decoration:none;
    background: url("/resources/a/pc/common/images/bg_arrow_down_gray.png?date=140618") no-repeat scroll 130px 50% transparent;
    position: relative;
    padding: 0;
    float:left;
    width: 150px;
}
#container .pulldown_box div.pulldown:hover{ border: 1px solid #969696; }
#container .pulldown_box div.pulldown:active{
    border-color: #969696;
    -webkit-box-shadow:inset 0px 2px 0px 2px #f4f4f4;
    -moz-box-shadow:inset 0px 2px 0px 2px #f4f4f4;
    box-shadow:inset 0px 2px 0px 2px #f4f4f4;
}
#container .pulldown_box div.pulldown a,
#container .pulldown_box_locked .pulldown_locked a {
    text-decoration:none;
    color: #333333;
    display: block;
    padding: 6px 10px 6px 15px;
    text-align: left;
}
#container .pulldown_box_locked .pulldown_locked a {
    color: #aaa;
    cursor: default;
}
/* #container外 */
.pulldown_box_item{ display: none; }
.pulldown_box_item li a{
    line-height: 30px;
    display: block;
    padding-right: 10px;
    padding-left: 15px;
    text-align: left;
}
.pulldown_box_item li a:hover{ background:#E6E6E6; }

/* ---------------- list view ---------------- */
#container .search_item_list {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin: 0 0 20px;
}
#container .search_item_list li.item {
    border-bottom: 1px solid #dddddd;
    width: 658px;
}

#container .search_item_list li.item.reservation_cancel {
    background: #f1f1f1;
}

#side .price_range {
    padding: 0 10px 10px 10px;
}
#side .price_range .input_text_block {
    display: inline;
}
#side .price_range .input_text_block .text {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #cccccc;
    height: 28px;
    width: 40px;
}
#side .price_range .input_area {
    float: left;
}
#side .price_range .price_search {
    float: left;
    font-size: 13px;
    margin: 0px 0px 0 3px;
    width: 46px;
}
#side .price_range .price_search a {
    border-radius: 3px;
    height: 14px;
    line-height: 16px;
    padding: 7px 10px;
    text-align: center;
}
#side .price_range .price_search a.disabled {
    background-color: #fff;
    color: #b7b7b7;
}
/* ---------left--------- */
#container .search_item_list li.item div.left {
    width: 90px;
    padding: 10px;
    float: left;
    text-align: center;
}
#container .search_item_list li.item .picture {
    height:126px;
}
#container .search_item_list li.item .picture img {
    border: 1px solid #E5E5E5;
    max-width: 86px;
    max-height: 122px;
}
/* ---------right--------- */
#container .search_item_list li.item div.right {
    float: left;
    padding: 10px;
    width: 528px;
}
/* 予約ステータス */
#container .search_item_list .reservation_status_now {
    font-size: 16px;
    font-weight: bold;
    color: #5F9805;
}
#container .search_item_list .reservation_status_other {
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

/* title */
#container .search_item_list li.item .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-bottom: 10px;
    line-height: 24px;
}

#container .search_item_list li.item .title.review_title_name {
    margin-bottom: 3px;
}

#container .search_item_list li.item .title .inline {
    display: inline;
}
#container .search_item_list li.item .title a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

#container .search_item_list .review_star_wrap {
    margin-bottom: 2px;
    display: table;
}

#container .search_item_list .review_star_wrap .review_search_average {
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    vertical-align: middle;
}
#container .search_item_list .review_star_wrap .no_review {
    color: #DDD;
}
#container .search_item_list .review_star_wrap .review_search_star {
    display: table-cell;
    z-index: 0;
    padding: 2px 0 0 2px;
}
/* detail */
#container .search_item_list li.item .detail {
    float: left;
    width: 400px;
    margin-right: 18px;
}

#container .search_item_list li.item .detail_item {
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
}
#container .search_item_list li.item .ellipsis {
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    max-width: 430px;
    /width: 430px;
}
#container .search_item_list li.item .product_cart_point {
    margin-left: 10px;
    background: url(/resources/a/pc/common/images/icon_p.png?date=140618) no-repeat 0 50%;
    color: #ff5a00;
    padding: 1px 0 1px 20px;
}
#container .search_item_list li.item .spec_list {
    margin-bottom: 10px;
}

#container .search_item_list li.item .spec .detail_item {
    height: 16px;
    line-height: 16px;
    margin-bottom: 6px;
}
#container .search_item_list li.item .spec .detail_item.discount_item {
    height: 22px;
    line-height: 22px;
    margin-bottom: 0;
}
#container .search_item_list li.item .spec .detail_item > span,
#container .search_item_list li.item .spec .detail_item a {
    vertical-align: middle;
}
#container .search_item_list li.item .spec .detail_item > .sales_type_detail {
    display: inline-block;
    height: 16px;
    width: 48px;
}
#container .search_item_list li.item .spec .detail_item > .sales_type_detail_discount {
    display: inline-block;
    height: 22px;
    width: 70px;
}
#container .search_item_list li.item .spec .detail_item > .detail_colon {
    color: #333;
}
#container .search_item_list li.item .spec .detail_item .discoun_price {
    font-size: 18px;
}
#container .search_item_list li.item .spec i[class^="detail-icon-special-"]{
    margin: 0 4px 0 0px;
}
#container .search_item_list li.item .view_voice {
    background:url(/resources/a/pc/v2/images/product/view_voice.png?date=140618) no-repeat 10px 50%;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    padding-left: 45px;
    margin-left: 10px;
    line-height: 30px;
}
#container .search_item_list .product_review_star li {
    float:left;
    margin-right:2px;
    margin-top:10px;
}
#container .search_item_list li.item .review_title {
    margin-bottom: 3px;
}
#container .search_item_list li.item .review_title,
#container .search_item_list li.item .review_title a {
    color: #666;
    font-weight: bold;
}

/*チェックボックス有り*/
#container .search_item_list.use_checkbox .block_check {
    float: left;
    width: 30px;
}
#container .search_item_list.use_checkbox .block_check span {
    margin: 60px 0 0 10px;
}
/*チェックボックス無し*/
#container .search_item_list.use_checkbox .block_check_none {
    float: left;
    margin: 15px;
}
#container .search_item_list.use_checkbox li.item div.right {
    width: 498px;
}
#container .search_item_list.use_checkbox li.item .detail.detailshort {
    width: 325px;
}

#container .bookshelf_bottom_area {
    margin-bottom: 20px;
}

/* search keyword */
#container .highlight {
    color: #ffffff;
    background-color: #ff5a00;
    padding: 2px;
}

/* button */
#container .search_item_list li.item .buttons { float: left;width: 110px; }
#container .search_item_list li.item .buttons a,
#container .search_item_list li.item .buttons p {
    margin-bottom: 5px;
}

/* セーフサーチ */
#container .safe_search_box {
    background: #fff;
    padding: 15px;
}
#container #main_inner .safe_search_box,
#container .main_inner .safe_search_box {
    border: 1px solid #ddd;
}
#container .safe_search_box_title {
    color: #FF5A00;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2;
}
#container .safe_search_box .safe_search_box_inner {
    margin-top: 10px;
    border-top: 1px solid #ddd;
}
#container .safe_search_box .pulldown_box,
#container .safe_search_box .pulldown_box_locked {
    float: right;
    margin-right: 0;
}
#container .safe_search_box .safe_search_box_text {
    width: 650px;
    margin-top: 10px;
}
#container #main > .safe_search_box .safe_search_box_text {
    width: 490px;
}
#container #main #main_inner .safe_search_box .safe_search_box_text,
#container #main .main_inner .safe_search_box .safe_search_box_text {
    width: 470px;
}
#container .safe_search_box .text_more_area{
    background-color: #E5E5E5;
    padding: 10px;
    margin-top: 5px;
}
#container .safe_search_box .text_less,
#container .safe_search_box .text_more {
    width:70px;
    margin:0px auto;
    padding:0 5px 5px;
    border:1px solid #ddd;
    border-top:0;
    border-radius:0px 0px 3px 3px;
    box-shadow:1px 2px 2px 0px #f1f1f1;
    text-align:center;
}
#container .safe_search_box .text_less a,
#container .safe_search_box .text_more a {
    display:inline-block;
    /display:inline;
    /zoom:1;
    padding:0 0 6px;
    background:url(/resources/a/pc/v2/images/product/product_text_more.png) no-repeat 50% 100%;
    font-size:11px;
    text-align:center;
    color:#333333;
}
#container .safe_search_box .text_less {
    display:none;
    padding:5px 5px 0;
}
#container .safe_search_box .text_less a{
    padding:6px 0 0;
    background:url(/resources/a/pc/v2/images/product/product_text_less.png) no-repeat 50% 0%;
}

/* ---------------- side_area ---------------- */
/* recommend */
#side .side_area_recommend {
    margin-bottom:20px;
    padding:10px;
    background-color:#ffffff;
}
.side_area_recommend_box {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

/* 外部ソースのレビューの出典 */
#container .search_item_list li.item .post_info_area {
    text-align: right;
    margin-top: 10px;
}
#container .postedby {
    color: #666;
    margin-right: 10px;
}
#container .search_item_list li.item .post_info_area .postedby {
    margin-right: 0;
}
#container .postedby a {
    color: #666;
}

#container .spoiler_hide a:link,
#container .spoiler_hide a:visited{
    color: #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
#container .spoiler_hide{
    color: #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
#container .spoiler_hide:hover a {
    color: #0048B4;
}
#container .spoiler_hide:hover{
    color: #333;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}

/* tab,menu
* ====================================================================================================================================== */
/* tab,menu共通 */
#container .menu_list li,
#container .tab_navi li,
#container .tab_sub li {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#container .menu_type1 ul li,
#container .tab_type1 ul li { width: 100%; *width: 99.8%; }
#container .menu_type2 ul li,
#container .tab_type2 ul li { width: 50%; *width: 49.8%; }
#container .menu_type3 ul li,
#container .tab_type3 ul li { width: 33.3%; *width: 33.16%;}
#container .menu_type3 ul li.last-child,
#container .tab_type3 ul li.last-child { width: 33.4%; }
#container .menu_type4 ul li,
#container .tab_type4 ul li { width: 25%; *width: 24.8%; }
#container .menu_type5 ul li,
#container .tab_type5 ul li { width: 20%; *width: 19.8%; }
#container .menu_type6 ul li,
#container .tab_type6 ul li { width: 16.6%; *width: 16.4%; }
#container .menu_type6 ul li.last-child,
#container .tab_type6 ul li.last-child { width: 16.9%; }

/* -----------------tab_navi----------------- */
#container .tab_navi {
    width: 100%;
    margin-bottom: 20px;
}
#container .tab_navi ul li {
    float: left;
    text-align: center;
    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 */
}
#container .tab_navi 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 */
}
#container .tab_navi 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;
}
#container .tab_navi ul li.current {
    background: #ff5a00;
    font-weight: bold;
}
#container .tab_navi ul li.current a { color: #fff; }
#container .tab_navi ul li:first-child.current {
    border: none;
    background: #ff5a00;
}
#container .tab_navi ul li.current a:after {
    content: " ";
    display: block;
    font-size: 0px; line-height: 0%; width: 0px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 6px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-bottom-color: #fff;
    border-left-color: #ff5a00;
    border-right-color: #ff5a00;
    position: absolute;
    margin-bottom: -10px;
    left: 50%;
    bottom: 9px;
    margin-left: -6px;
}
#container .tab_navi ul li a {
    display: block;
    color: #333;
    position: relative;
    text-decoration: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 9px 0;
}
#container .tab_navi ul li.last-child a { border-right: 1px solid #ccc; }
#container .tab_navi ul li.current a {
    background: #FF5A00;
    border-left: 1px solid #ccc;
    border-top: 1px solid #FF5A00;
    border-bottom: 1px solid #FF5A00;
}

/*2行の場合*/
#container .tab_navi ul li.multiline a{
    padding: 3px 0 2px;
    line-height: 16px;
}

/*mcomic*/
#container .tab_navi ul li.mcomic_tab.current a {
    background: #0080D0;
    border-top: 1px solid #0080D0;
    border-bottom: 1px solid #0080D0;
}
#container .tab_navi ul li.mcomic_tab.current a:after {
    border-left-color: #0080D0;
    border-right-color: #0080D0;
}
/*fcomic*/
#container .tab_navi ul li.fcomic_tab.current a {
    background: #FF6090;
    border-top: 1px solid #FF6090;
    border-bottom: 1px solid #FF6090;
}
#container .tab_navi ul li.fcomic_tab.current a:after {
    border-left-color: #FF6090;
    border-right-color: #FF6090;
}
/*comic*/
#container .tab_navi ul li.comic_tab.current a {
    background: #FF9000;
    border-top: 1px solid #FF9000;
    border-bottom: 1px solid #FF9000;
}
#container .tab_navi ul li.comic_tab.current a:after {
    border-left-color: #FF9000;
    border-right-color: #FF9000;
}
/*lightnovel*/
#container .tab_navi ul li.lightnovel_tab.current a {
    background: #D4C400;
    border-top: 1px solid #D4C400;
    border-bottom: 1px solid #D4C400;
}
#container .tab_navi ul li.lightnovel_tab.current a:after {
    border-left-color: #D4C400;
    border-right-color: #D4C400;
}
/*book*/
#container .tab_navi ul li.book_tab.current a {
    background: #69A700;
    border-top: 1px solid #69A700;
    border-bottom: 1px solid #69A700;
}
#container .tab_navi ul li.book_tab.current a:after {
    border-left-color: #69A700;
    border-right-color: #69A700;
}
/*business*/
#container .tab_navi ul li.business_tab.current a {
    background: #009ED0;
    border-top: 1px solid #009ED0;
    border-bottom: 1px solid #009ED0;
}
#container .tab_navi ul li.business_tab.current a:after {
    border-left-color: #009ED0;
    border-right-color: #009ED0;
}
/*magazine*/
#container .tab_navi ul li.magazine_tab.current a {
    background: #365290;
    border-top: 1px solid #365290;
    border-bottom: 1px solid #365290;
}
#container .tab_navi ul li.magazine_tab.current a:after {
    border-left-color: #365290;
    border-right-color: #365290;
}
/*photo*/
#container .tab_navi ul li.photo_tab.current a {
    background: #365290;
    border-top: 1px solid #365290;
    border-bottom: 1px solid #365290;
}
#container .tab_navi ul li.photo_tab.current a:after {
    border-left-color: #365290;
    border-right-color: #365290;
}
#container .tab_navi ul li.last-child.current a { border-right: none; }
#container .tab_navi ul li:first-child.current a { border-left: none; }

/* -----------------tab_sub----------------- */
#container .tab_sub {
    width: 100%;
    margin-bottom: 20px;
}
#container .tab_sub ul {
    width: 100%;
    border: 1px solid #ccc;
}
#container .tab_sub ul li{ float: left; }
#container .tab_sub ul li a {
    color: #333;
    width: 100%;
    text-decoration: none;
    text-align: center;
    border-right: 1px solid #ccc;
    display: block;
    float: left;
    padding-top: 12px;
    padding-bottom: 12px;
}
#container .tab_sub ul li.last-child a { border-right: none; }
#container .tab_sub ul li.current a,
#container .tab_sub ul li a:hover {
    border-bottom: 2px solid #FF5A00;
    color: #FF5A00;
    padding-bottom: 10px;
}

/*線タブナビ*/
#container .tab_navi_border {
    border: solid 1px #ff5a00;
    border-radius: 5px;
    overflow: hidden;
}
#container .tab_navi_border li {
    float: left;
    width: 50%;
}
#container .tab_navi_border.tab3 li {
    width: 33.333%;
}
#container .tab_navi_border.digiplus.tab3 li.current {
    float: right;
}
#container .tab_navi_border li a {
    display: block;
    font-size: 18px;
    color: #ff5a00;
    text-align: center;
    padding: 15px 0 13px;
    text-decoration: none;
    line-height: 1;
}
#container .tab_navi_border li a:hover {
    background: #FFEFE6;
}
#container .tab_navi_border li.current a {
    background: #ff5a00;
    color: #fff;
}
#container .tab_navi_border.tab3 li a {
    border-left: 1px solid #ff5a00;
}
#container .tab_navi_border.airbook.tab3 li a {
    border-left: none;
}
#container .tab_navi_border.tab3 li:first-child a {
    border: none;
}

/*線タブナビ airbook本棚用*/
#container .tab_navi_border.airbook {
    border: solid 1px #092253;
}
#container .tab_navi_border.airbook li a {
    color: #092253;
}
#container .tab_navi_border.airbook li a:hover {
    background: #e6e8ed;
}
#container .tab_navi_border.airbook li.current a {
    background: #092253;
    color: #fff;
}
#container .tab_navi_border.tab3.airbook. li a {
    border-left: 1px solid #092253;
}
#container .tab_navi_border.tab3.airbook. li:first-child a {
    border: none;
}

/*線タブナビ デジプラス本棚用*/
#container .tab_navi_border.digiplus {
    border: solid 1px #b8193f;
}
#container .tab_navi_border.digiplus li a {
    color: #b8193f;
}
#container .tab_navi_border.digiplus li a:hover {
    background: #f7e8eb;
}
#container .tab_navi_border.digiplus li.current a {
    background: #b8193f;
    color: #fff;
}
#container .tab_navi_border.tab3.digiplus li a {
    border-left: 1px solid #b8193f;
}
#container .tab_navi_border.tab3.digiplus li:first-child a {
    border: none;
}

/*角丸のタブナビ*/
#container .tab_navi_radius {
    margin-bottom: 10px;
    overflow: hidden;
}
#container .tab_navi_radius li {
    float: left;
    width: 130px;
    margin-right: 1px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #ff5a00;
    border-radius: 4px;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#container .tab_navi_radius.safe_search_1 li,
#container .tab_navi_radius.safe_search_2 li,
#container .tab_navi_radius.safe_search_3 li {
    width: 91px;
}
/* 2カラムレイアウト */
#container #main .tab_navi_radius li {
    width: 93px;
}
#container #main .tab_navi_radius.safe_search_1 li {
    width: 72px;
}
#container #main .tab_navi_radius.safe_search_2 li,
#container #main .tab_navi_radius.safe_search_3 li {
    width: 65px;
}

#container .tab_navi_radius li a{
    height: 42px;
    color: #ff5a00;
    display: block;
    padding-top: 13px;
    text-align: center;
    text-decoration: none;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#container .tab_navi_radius li.two_line a {
    padding-top: 7px;
}

#container .tab_navi_radius ul li a:hover {
    background: #FFEFE6;
}
#container .tab_navi_radius ul li:active {
    background: #FFEFE6;
}

#container .tab_navi_radius li.current {
    background: #ff5a00;
}
#container .tab_navi_radius li.current a {
    color: #fff;
}

/* category tab */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
#container .tab_navi_category {
    width:660px;
    margin-bottom: 20px;
    overflow: hidden;
}
#container .tab_navi_category7,
#container .tab_navi_category8 {
    display: flex;
    flex-wrap: wrap;
}
#container .tab_navi_category8 li {
    width:75.5px;
    border-bottom: 1px solid #CCCCCC;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#container .tab_navi_category8 li:not(:nth-child(8n)) {
    margin-right:8px;
}
#container .tab_navi_category7 li {
    width:84px;
    border-bottom: 1px solid #CCCCCC;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#container .tab_navi_category7 li:not(:nth-child(7n)) {
    margin-right:12px;
}
/* カテゴリ名二行の場合 */
#container .tab_navi_category li.two_line a{
    padding-top: 9px;
    line-height: 1.4;
}
#container .tab_navi_category7 li a,
#container .tab_navi_category8 li a{
    height: 46px;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
    display: block;
    padding-top: 18px;
    text-align: center;
    text-decoration: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#container .tab_navi_category7 li.current a,
#container .tab_navi_category8 li.current a {
    font-weight: bold;
}
#container .tab_navi_category7 li a:hover,
#container .tab_navi_category8 li a:hover {
    transition: all 0.6s ease 0s;
}
/* category color */
#container .tab_navi_category7 .current.tab_navi_general a,
#container .tab_navi_category8 .current.tab_navi_general a {
    border-bottom: solid 3px #FF5A00;
    color: #FF5A00;
}
#container .tab_navi_category .tab_navi_general a:hover {
    background: #FFEFE6;
}
#container .tab_navi_category .current.tab_navi_C a {
    border-bottom: solid 3px #0080D0;
    color: #0080D0;
}
#container .tab_navi_category .tab_navi_C a:hover {
    background: #E6F3FA;
}
#container .tab_navi_category .current.tab_navi_CF a {
    border-bottom: solid 3px #ff6090;
    color: #ff6090;
}
#container .tab_navi_category .tab_navi_CF a:hover {
    background: #FFEFF4;
}
#container .tab_navi_category .current.tab_navi_L a {
    border-bottom: solid 3px #d4c400;
    color: #d4c400;
}
#container .tab_navi_category .tab_navi_L a:hover {
    background: #FBF9E6;
}
#container .tab_navi_category .current.tab_navi_B a {
    border-bottom: solid 3px #69a700;
    color: #69a700;
}
#container .tab_navi_category .tab_navi_B a:hover {
    background: #F0F6E6;
}
#container .tab_navi_category .current.tab_navi_J a {
    border-bottom: solid 3px #009ed0;
    color: #009ed0;
}
#container .tab_navi_category .tab_navi_J a:hover {
    background: #E6F5FA;
}
#container .tab_navi_category .current.tab_navi_M a,
#container .tab_navi_category .current.tab_navi_P a {
    border-bottom: solid 3px #365290;
    color: #365290;
}
#container .tab_navi_category .tab_navi_M a:hover,
#container .tab_navi_category .tab_navi_P a:hover {
    background: #EBEEF4;
} 
#container .tab_navi_category .current.tab_navi_AD a {
    border-bottom: solid 3px #dc5ac0;
    color: #dc5ac0;
}
#container .tab_navi_category .tab_navi_AD a:hover {
    background: #FCEFF9;
}
#container .tab_navi_category .current.tab_navi_TL a {
    border-bottom: solid 3px #868CF0;
    color: #868CF0;
}
#container .tab_navi_category .tab_navi_TL a:hover {
    background:	#F3F4FE;
}
#container .tab_navi_category .current.tab_navi_BL a {
    border-bottom: solid 3px #3fadb0;
    color: #3fadb0;
}
#container .tab_navi_category .tab_navi_BL a:hover {
    background:	#EFF8F4;
}

/*非表示の開閉用ボタン*/
#container .toggle_btn {
    padding:5px 10px;
    border:solid 1px #cccccc;
    border-radius: 2px;
    display:block;
    margin-bottom: 5px;
}
#container a.toggle_btn {
    color: #333;
    text-decoration: none;
}
#container a.toggle_btn:hover {
    background: #FFEFE6;
}
#container a.toggle_btn i {
    background: url(/resources/a/pc/common/images/bg_arrow_orange.png?date=140618) no-repeat;
    background-position:-40px 2px;
    float: right;
    width: 16px;
    height: 16px;

}
#container a.toggle_btn.on i {
    background-position:-20px 2px;
}
/* tab_main・ menu_listリンク集（特集で使用）共通
--------------------------------------------------*/
#container .menu_list {
    width: 100%;
    margin-bottom: 20px;
}
#container .menu_list:last-child {
    margin-bottom: 0;
}
#container .menu_list .menu_inner {
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;;
    border-radius:4px;
}
/*ご利用ガイドページ内リンク*/
#main #main_inner .menu_type3 .menu_inner{
    margin: 0 0 30px 0;
}
#container .menu_list .menu_inner .menu_btnset li{
    float: left;
    border-right: 1px dotted #ccc;
}
#container .menu_list .menu_inner .menu_btnset.fued li + li:last-child {
    border-right: none;
}
.menu_list .menu_inner .menu_btnset { overflow: hidden; }/*特集用clearfix*/

.menu_list li { width: 33.33%; *width: 33.16%; }/*特集用default:type3*/
#container .menu_list .menu_inner .menu_btnset li.current { background-color: #FFEFE6; }
#container .menu_list .menu_inner .menu_btnset li a {
    width: 100%;
    line-height: 48px;
    text-decoration: none;
    position: relative;/* 特集用caret_round */
    display: block;
}
#container .menu_list .menu_inner .menu_btnset.fued li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#container .menu_list .menu_inner .menu_btnset li a:hover { background-color: #FFEFE6; }
#container .menu_list .menu_inner .menu_btnset li a span { color: #333; }
#container .menu_list .menu_inner .menu_btnset li a span:first-child { padding-left: 16px; }
#container .menu_list .menu_inner .menu_btnset li.last-child { border-right: none; }
#container .menu_list .menu_inner .menu_btnset li a.icon_right_arrow {
    padding: 17px 0;
    line-height: 14px;
}
#container .menu_list .menu_inner .menu_btnset li a.icon_right_arrow span {
    display: block;
    float: left;
}
#container .menu_list .menu_inner .menu_btnset li a.icon_left_arrow span {
    display: block;
}
#container .menu_list .menu_inner .menu_btnset li a.icon_right_arrow i {
    float:right;
    margin-right: 5px;
}
/* multicolumn */
.menu_list .menu_inner ul.border_btm { border-bottom: 1px dotted #ddd; }
/* 特集用icon caret_round */
#container .menu_list .menu_inner .menu_btnset li a span.icon.caret_round {
    background-image: url("/resources/a/pc/v2/images/tokushu/link_caret_round.png?date=140618");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 8px 0 8px;
    position: absolute;
    right: 0px;
    top: 12px;
}
/*   lists    */
.list_btns.list_outline {
    border: 1px solid #ddd;
}
.list_btns.list_outline2 {
    border: 1px solid #ddd;
    border-bottom: none;
}
.list_btns.list_borders {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.list_btns.list_top_border {
    border-top: 1px solid #ddd;
}
.list_btns.list_bottom_border {
    border-bottom: 1px solid #ddd;
}
#container .list_btn_item > .list_btns {
    background-color: #ddd;
    padding-left: 10px;
}
.list_btns .list_btn_item {
    background-color: #ffffff;
    display: block;
    table-layout: fixed;
}
.list_btns.lined .list_btn_item {
    background-color: #fff !important;
    border-bottom: 1px solid #ddd;
}
.list_btns.lined .list_btn_item.hide {
    display: none;
}
.list_btns.lined.no_last_bd .list_btn_item:last-child {
    border-bottom: none !important;
}
.list_btns .list_btn_item.read_item {
    background: #f1f1f1 !important;
}
.list_btns .list_btn_item:nth-child(2n) {
    background-color: #fafafa;
}
.list_btns .list_btn_item .list_btn_link {
    color: #333333;
    display: block;
    padding: 12px 36px 12px 15px;
    position: relative;
}
.list_btns .list_btn_item a.list_btn_link:hover {
    background-color: #FFEFE6;
    text-decoration: none;
}
.list_btns .list_btn_item .list_btn_link.ellipsis {
    padding: 12px 32px 12px 10px;
}
.list_btns .list_btn_item .list_btn_link.ellipsis p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_btns .list_btn_link_icon {
    margin-top: -7px;
    margin-right: 0px;
    content: " ";
    position: absolute;
    top: 50%;
    right: 10px;
}
.list_btns .list_btn_link_icon.arrow_gray2 {
    background-image: url("/resources/a/pc/common/images/bg_list_arrow_gray_60.png");
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    margin-top: -15px;
}
.list_btns .list_btn_link_icon.arrow_free {
    background-image: url("/resources/a/pc/common/images/bg_list_arrow_free.png");
    background-size: 10px 20px;
    height: 20px;
    width: 10px;
    margin-top: -10px;
    margin-right: 7px;
}
.list_btns .list_btn_link:not(a) .list_btn_link_icon,
.list_btns .list_btn_link:not(a) .list_btn_link_icon.arrow_gray2,
.list_btns .list_btn_link:not(a) .list_btn_link_icon.arrow_free {
    display: none;
}

/* list_btns_sh */
#container .list_btns_sh.rectangle,
#container .list_btns_sh.round_corner {
    overflow: hidden;
}
#container .list_btns_sh--4col.round_corner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 20px !important;
}
#container .list_btns_sh.rectangle .list_btn_item,
#container .list_btns_sh.round_corner .list_btn_item {
    display: block;
    background: #fff;
    border-bottom: none;
    box-sizing: border-box;
    float: left;
    height: 40px;
    font-size: 13px;
    line-height: 14px;
}
#container .list_btns_sh.rectangle .list_btn_item:nth-child(2n+1) {
    border-right: 1px solid #ddd;
}
#container .list_btns_sh.rectangle .list_btn_item > p,
#container .list_btns_sh.round_corner .list_btn_item > p {
    display: table;
    width: 100%;
    height: 100%;
}
#container .list_btns_sh.rectangle .list_btn_item > p > a,
#container .list_btns_sh.round_corner .list_btn_item > p > a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #333;
    padding: 3px 5px 1px;
    text-decoration: none;
}
#container .list_btns_sh.rectangle .list_btn_item {
    width: 50%;
    height: 43px;
    border-bottom: 1px solid #ddd;
}
#container .list_btns_sh.round_corner .list_btn_item {
    width: 20%;
    height: 45px;
}
#container .list_btns_sh--4col.round_corner .list_btn_item {
    width: 25%;
}
#container .list_btns_sh.round_corner {
    padding: 0 5px 20px 10px;
}
#container .list_btns_sh.round_corner .list_btn_item {
    background: none;
    border: none;
    padding: 5px 5px 0px 0;
}
#container .list_btns_sh.round_corner:not(.list_btns_sh--4col) .list_btn_item:nth-child(-n+5):not(.list_logo_item),
#container .list_btns_sh--4col.round_corner .list_btn_item:nth-child(-n+4) {
    padding-top: 0;
    height: 40px;
}
#container .list_btns_sh.round_corner .list_btn_item > p > a {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ddd;
    background: #fff;
}
#container .list_btns_sh.round_corner.or_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.or_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.or_trilink .list_btn_item > p > a:active {      background-color: #ff5a00; border-color: #ff5a00; }
#container .list_btns_sh.round_corner.mc_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.mc_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.mc_trilink .list_btn_item > p > a:active {      background-color: #0080D0; border-color: #0080D0; }
#container .list_btns_sh.round_corner.fc_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.fc_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.fc_trilink .list_btn_item > p > a:active {      background-color: #FF6090; border-color: #FF6090; }
#container .list_btns_sh.round_corner.comic_color .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.comic_color .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.comic_color .list_btn_item > p > a:active {       background-color: #FF9000; border-color: #FF9000; }
#container .list_btns_sh.round_corner.l_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.l_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.l_trilink .list_btn_item > p > a:active {  background-color: #D4C400; border-color: #D4C400; }
#container .list_btns_sh.round_corner.b_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.b_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.b_trilink .list_btn_item > p > a:active {        background-color: #69A700; border-color: #69A700; }
#container .list_btns_sh.round_corner.j_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.j_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.j_trilink .list_btn_item > p > a:active {    background-color: #009ED0; border-color: #009ED0; }
#container .list_btns_sh.round_corner.m_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.m_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.m_trilink .list_btn_item > p > a:active {    background-color: #365290; border-color: #365290; }
#container .list_btns_sh.round_corner.p_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.p_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.p_trilink .list_btn_item > p > a:active {   background-color: #365290; border-color: #365290; }
#container .list_btns_sh.round_corner.ad_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.ad_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.ad_trilink .list_btn_item > p > a:active {       background-color: #DC5AC0; border-color: #DC5AC0; }
#container .list_btns_sh.round_corner.tl_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.tl_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.tl_trilink .list_btn_item > p > a:active {   background-color: #868CF0; border-color: #868CF0; }
#container .list_btns_sh.round_corner.bl_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.bl_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.bl_trilink .list_btn_item > p > a:active,
#container .list_btns_sh.round_corner.bo_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.bo_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.bo_trilink .list_btn_item > p > a:active {    background-color: #3FADB0; border-color: #3FADB0; }
#container .list_btns_sh.round_corner.td_trilink .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner.td_trilink .list_btn_item > p > a:hover,
#container .list_btns_sh.round_corner.td_trilink .list_btn_item > p > a:active {     background-color: #FFAA00; border-color: #FFAA00; }

#container .list_btns_sh.round_corner .list_btn_item.active > p > a,
#container .list_btns_sh.round_corner .list_btn_item > p:hover > a,
#container .list_btns_sh.round_corner .list_btn_item > p:active > a {
    color: #fff;
}
#container .list_btns_sh.rectangle.column2 .list_btn_item {
    width: 50%;
}
#container .list_btns_sh.round_corner.l_trilink .list_btn_item {
    width: 22%;
}



/* 書誌
* ====================================================================================================================================== */
.book .author { color: #777; }
/* 6 */
#container .book_row_six { margin-bottom: 20px; }
#container .row_end { margin-right:0; }
/* 7 */
#container .book_row_seven { margin-left: 10px; }
#container #container_inner .book_row_seven li {
    width: 115px !important;
    margin: 0 15px 40px 0 !important;
}
#container .book_row_seven .book .title {
    height: 2.5em;
}

/* modal window
* ====================================================================================================================================== */
#modal_area .modal_set{ display:none; }
#modal_area .modalbody{
    position: fixed;
    background: #FFF;
    left:50%;
    top:50%;
    width:900px;
    height: 660px;
}
#modal_area .modalback{
    position: absolute;
    left: 0;
    top: 0;
    height:100%;
    width:100%;
    background:#000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity:0.50;
}
#modal_area .modal_area_title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

/* side navi
* ====================================================================================================================================== */
.local_nav {
    background-color: #FAFAFA;
    font-size: 12px;
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.local_nav h2 {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    padding: 10px;
}
.local_nav a {
    display: block;
    line-height: 1.2;
    padding:10px;
}
.local_nav a.category_toggle {
    padding:0;
}
.local_nav a:hover { background-color: #e5e5e5;}
.local_nav .category_open,
.local_nav .category_close {
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #666;
}
.local_nav .local_nav_toggle_btn { padding: 0; }
.local_nav .toggle_wrap { display: none; }
.local_nav .toggle_wrap h3:first-child { border-top: none; }
.local_nav .category_open { background-image: url("/resources/a/pc/common/images/bg_arrow_down_black.png?date=140618");}
.local_nav .category_close { background-image: url("/resources/a/pc/common/images/bg_arrow_up_black.png?date=140618");}

/* 第1階層 */
.local_nav h3 {
    border-top: 1px solid #ddd;
    font-weight: bold;
    padding: 10px;
}
.local_nav {
    word-wrap:break-word;
}
/* 第2階層 */
.local_nav ul.sub_category li a,
.local_nav ul.sub_category li p { padding: 4px 10px 4px 22px; }
/* 第3階層 */
.local_nav ul.sub_category li ul.sub_category li a,
.local_nav ul.sub_category li ul.sub_category li p { padding: 4px 10px 4px 34px; }
/* 第4階層 */
.local_nav ul.sub_category li ul.sub_category li ul.sub_category li a,
.local_nav ul.sub_category li ul.sub_category li ul.sub_category li p { padding: 4px 10px 4px 46px; }
.local_nav ul.sub_category li ul.sub_category li ul.sub_category li.select.active p { padding-right: 34px; }
/* 第5階層 */
.local_nav ul.sub_category li ul.sub_category li ul.sub_category li ul.sub_category li a,
.local_nav ul.sub_category li ul.sub_category li ul.sub_category li ul.sub_category li p { padding: 4px 10px 4px 58px; }
.local_nav ul.sub_category li ul.sub_category li ul.sub_category li ul.sub_category li.select.active p { padding-right: 34px; }
.local_nav ul.sub_category li.campaign a,
.local_nav ul.sub_category li.campaign p{ padding: 10px; }
.local_nav ul.sub_category.pb05 li.campaign a,
.local_nav ul.sub_category.pb05 li.campaign p { padding: 10px 10px 5px; }
.local_nav ul.sub_category li.campaign .release { top: 3px; }
/* link color */
.local_nav a { color: #333; text-decoration: none; }
.local_nav .current>a,
.local_nav .select>a,
.local_nav p { line-height: 1.2; }
.local_nav .current>a,
.local_nav .select>a,
.local_nav .select { color: #FF5900; }
.local_nav .release a { color: #0048B4; }
.local_nav h3.link_tbl { padding: 0; font-weight:normal; }
/* review */
.local_nav .star_box img { margin-right: 3px; }
.local_nav ul li.cont {
    padding: 10px;
}
.local_nav ul li.select {
    position: relative;
}
.local_nav ul li.select > a,
.local_nav ul li .release {
    display: none;
}
.local_nav ul li.select .release {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.local_nav ul li.select .release a,
.local_nav ul li.select p {
    line-height: 1.2em;
}
.local_nav ul li .filter_name {
    display: none;
}
.local_nav ul li.select .filter_name {
    display: block;
}

/* ご利用ガイドside navi */
.local_nav.guide_local_nav p.guide_local_nav_sub {
    padding: 10px 10px 10px 20px;
    font-weight: bold;
}
.local_nav.guide_local_nav .sub_category li a {
    padding-left: 30px;
}
.local_nav.guide_local_nav a {
    line-height: 1.5;
}
.local_nav.guide_local_nav p {
    border-top: 1px solid  #e5e5e5;
}
.local_nav.guide_local_nav ul.sub_category {
    padding-bottom: 10px;
}

/* -- Left colum add Start ------------------------ */
.left_fff {
    background-color: #FFF;
}
.local_nav2 {
    background-color: #FFF;
    font-size: 12px;
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
}
.local_nav2 h2 {
    font-weight: bold;
    padding: 10px;
    color: #FFF;
}
.local_nav2 h2.category_c {
    background-color: #0080D0;
}
.local_nav2 h2.category_cf {
    background-color: #FF6090;
}
.local_nav2 h2.category_l {
    background-color: #D4C400;
}
.local_nav2 h2.category_b {
    background-color: #69A700;
}
.local_nav2 h2.category_j {
    background-color: #009ED0;
}
.local_nav2 h2.category_m {
    background-color: #365290;
}
.local_nav2 h2.category_ad {
    background-color: #DC5AC0;
}
.local_nav2 h2.category_tl {
    background-color: #868CF0;
}
.local_nav2 h2.category_bl {
    background-color: #3FADB0;
}
.local_nav2 a {
    display: block;
    line-height: 1.2;
    padding:10px;
}
.local_nav2 a.category_toggle {
    padding:0;
}
.local_nav2 a:hover {
    background-color: #e5e5e5;
}
.local_nav2 .category_open,
.local_nav2 .category_close {
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #666;
}
.local_nav2 .local_nav_toggle_btn { padding: 0; }
.local_nav2 .toggle_wrap { display: none; }
.local_nav2 .toggle_wrap h3:first-child { border-top: none; }
.local_nav2 .category_open { background-image: url("/resources/a/pc/common/images/bg_arrow_down_black.png?date=140618");}
.local_nav2 .category_close { background-image: url("/resources/a/pc/common/images/bg_arrow_up_black.png?date=140618");}

/* 第1階層 */
.local_nav2 h3.m_mb10{
    margin-bottom: 0px;
    padding: 10px 0px 5px 10px;
}
.local_nav2 ul li{
    padding-left: 0px;
}
.local_nav2 h3 {
    font-weight: bold;
    padding: 6px 0px 4px 10px;
    color: #333333;
}
.local_nav2 .sub_category2 h3 {
    padding: 6px 0px 4px 22px;
}
.local_nav2 .sub_category2 a {
    padding: 6px 0px 4px 22px;
}

.local_nav2  h3.no_ml{
    border-top: 2px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 0px;
    margin-top: 0px;
    color: #777777;
}
.local_nav2 {
    word-wrap:break-word;
}
/* 第2階層 */
.local_nav2 ul.sub_category li h3 {
    padding: 4px 10px 4px 22px;
}
.local_nav2 ul.sub_category li a,
.local_nav2 ul.sub_category li p { padding: 4px 10px 4px 34px; }
/* 第3階層 */
.local_nav2 ul.sub_category li ul.sub_category li a,
.local_nav2 ul.sub_category li ul.sub_category li p { padding: 4px 10px 4px 34px; }
/* 第4階層 */
.local_nav2 ul.sub_category li ul.sub_category li ul.sub_category li a,
.local_nav2 ul.sub_category li ul.sub_category li ul.sub_category li p { padding: 4px 10px 4px 46px; }
.local_nav2 ul.sub_category li ul.sub_category li ul.sub_category li.select.active p { padding-right: 34px; }
/* 第5階層 */
.local_nav2 ul.sub_category li ul.sub_category li ul.sub_category li ul.sub_category li a,
.local_nav2 ul.sub_category li ul.sub_category li ul.sub_category li ul.sub_category li p { padding: 4px 10px 4px 58px; }
.local_nav2 ul.sub_category li ul.sub_category li ul.sub_category li ul.sub_category li.select.active p { padding-right: 34px; }
.local_nav2 ul.sub_category li.campaign a,
.local_nav2 ul.sub_category li.campaign p{ padding: 10px; }
.local_nav2 ul.sub_category.pb05 li.campaign a,
.local_nav2 ul.sub_category.pb05 li.campaign p { padding: 10px 10px 5px; }
.local_nav2 ul.sub_category li.campaign .release { top: 3px; }
/* link color */
.local_nav2 a { color: #333; text-decoration: none; }
.local_nav2 a:link, .local_nav2 a:visited, .local_nav2 a:active, .local_nav2 a:hover { color: #333; text-decoration: none; }
.local_nav2 .current>a,
.local_nav2 .select>a,
.local_nav2 p { line-height: 1.2; }
.local_nav2 .current>a,
.local_nav2 .select>a,
.local_nav2 .select { color: #FF5900; }
.local_nav2 .release a { color: #0048B4; }
.local_nav2 h3.link_tbl { padding: 0; font-weight:normal; }
/* review */
.local_nav2 .star_box img { margin-right: 3px; }

/* ご利用ガイドside navi */
.local_nav2.guide_local_nav p.guide_local_nav2_sub {
    padding: 10px 10px 10px 20px;
    font-weight: bold;
}
.local_nav2.guide_local_nav .sub_category li a {
    padding-left: 30px;
}
.local_nav2.guide_local_nav a {
    line-height: 1.5;
}
.local_nav2.guide_local_nav p {
    border-top: 1px solid  #e5e5e5;
}
.local_nav2.guide_local_nav ul.sub_category {
    padding-bottom: 10px;
}
.local_nav2 li.fs_small:hover {
    background-color: #e5e5e5;
}
.local_nav2 ul.sub_category li.fs_small a,
.local_nav2 ul.sub_category li ul.sub_category li.fs_small a {
    background: url("/resources/a/pc/common/images/icon_gr_m_right.png") no-repeat scroll left center transparent;
    font-size: 12px;
    color: #777777;
    margin-left: 36px;
    padding: 4px 10px 4px 12px;
    text-decoration: none;
}
/* -- Left colum add End ------------------------ */

/* フォームのステップ */
.form_step {
    text-align:center;
    margin-bottom:15px;
    line-height:1;
}
.form_step ul {
    text-align:center;
    margin:0 auto;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    overflow:hidden;
}
.form_step li {
    float:left;
    width:195px;
    padding-left:15px;
    background:url(/resources/a/pc/common/images/form_right_arrow_tail.png?date=140618) no-repeat left top;
    margin-left: -7px;
}
.form_step li:first-child {
    background:none;
    padding-left: 0;
    margin-left: 0;
}
.form_step li:last-child {
    margin-right:0;
    width:180px;
}
.form_step .form_step_wrap {
    background:url(/resources/a/pc/common/images/form_right_arrow.png?date=140618) no-repeat right top;
    padding-right:15px;
}
.form_step li .form_step_inner {
    background: #fff;
    display:block;
    width:180px;
    padding-left: 12px;
    color:#ff5a00;
    padding:7px 0 7px;
    overflow: hidden;
    line-height: 20px;
    text-align: left;
}
.form_step li .form_step_inner i {
    display:block;
    float: left;
    width:19px;
    font-size:8px;
    height:20px;
    color:#ff5a00;
    margin:0 5px 0 15px;
    text-align: center;
    font-style:normal;
    background: url(/resources/a/pc/common/images/bg_form_step.png?date=140618) no-repeat left top;
}
.form_step li .form_step_inner i.step2 {
    background-position: 0 -20px;
}
.form_step li .form_step_inner i.step3 {
    background-position: 0 -40px;
}
.form_step li .form_step_inner i.step4 {
    background-position: 0 -60px;
}
.form_step li .form_step_inner i.step5 {
    background-position: 0 -80px;
}
.form_step li.current {
    background: url(/resources/a/pc/common/images/form_right_arrow_current_tail.png?date=140618) no-repeat left top;
}
.form_step li.current .form_step_wrap {
    background:url(/resources/a/pc/common/images/form_right_arrow_current.png?date=140618) no-repeat right top;
    padding-right:15px;
}
.form_step li.current .form_step_inner {
    color:#ffffff;
    background: #ff5a00;
}
.form_step li.current:last-child {
    background: url(/resources/a/pc/common/images/form_right_arrow_current_tail.png?date=140618) no-repeat left top;
}
.form_step li.current .form_step_inner i {
    background: url(/resources/a/pc/common/images/bg_form_step.png?date=140618) no-repeat left top;
    background-position: 0 -100px;
}
.form_step li.current .form_step_inner i.step2 {
    background-position: 0 -120px;
}
.form_step li.current .form_step_inner i.step3 {
    background-position: 0 -140px;
}
.form_step li.current .form_step_inner i.step4 {
    background-position: 0 -160px;
}
.form_step li.current .form_step_inner i.step5 {
    background-position: 0 -180px;
}

/* 特集バナー */
/* tokushu banners */
.tokushu_banners {
    background-color: #ffffff;
    width: 100%;
}
.tokushu_banners ul {
    overflow: hidden;
}
.tokushu_banners ul li {
    float: left;
    margin-right: 18px;
    text-align: center;
    width: 208px;
}
.tokushu_banners ul li.last {
    margin-right: 0;
}
.tokushu_banners ul li a {
    display: block;
}
.tokushu_banners ul li a img {
    width: 100%;
    height: 61px;
    max-width: 220px;
    vertical-align: top;
}

/* tablePreset
-------------------------------------------------- */
.must{
    color:#f00;
}
.defTbl{
    width:100%;
    margin-bottom:20px;
}
.defTbl tr th,
.defTbl tr td{
    padding:10px;
    border:#ddd solid 1px;
    color:#333;
    vertical-align:middle;
}
.defTbl tr th{
    background:#f1f1f1;
    text-align:right;
    line-height:1.4;
    white-space:nowrap;
}
.defTbl tr td .block{
    display:inline-block;
    width:250px;
}
.defTbl tr td input[type="text"],
.defTbl tr td input[type="email"],
.defTbl tr td input[type="password"]{
    width:240px;
}
.defTbl tr td input[type="radio"]{
    vertical-align:top;
}
.defTbl tr td select{
    width:240px;
}
.defTbl tr td textarea{
    width:98%;
    height:130px;
}
.defTbl tr th.imgcell,
.defTbl tr td.imgcell{
    line-height:1;
    font-size:0;
}

.defTbl.word_break {
    word-break: break-all;
}

/* point table */
.point_table tr th {
    text-align: center;
}
.point_table tr td {
    text-align: right;
}
.point_table td.course,
.point_table td.menu,
.point_table td.kenshu {
    white-space: nowrap;
    color: #F9F9F9;
    font-weight: bold;
    text-align: left;
}
.point_table td.course {
    background: none repeat scroll 0 0 #9AC508;
}
.point_table td.menu {
    background: none repeat scroll 0 0 #36b0d1;
}
.point_table td.kenshu {
    background: none repeat scroll 0 0 #F7772D;
}
.point_table.small {
    width:300px;
}
.point_table.small tr th,
.point_table.small tr td {
    font-size: 12px;
    padding: 2px;
    white-space: normal;
}
.point_table.small tr td.course,
.point_table.small tr td.menu {
    width:70px;
    white-space:normal;
    text-align: center;
}

/* form elements
 *-----------------------------------------------------------*/
#container input[type="submit"] {
    border-radius: 3px;
}
#container input[type="tel"].styled,
#wrapper input[type="text"].styled,
.search_module_with_suggest input[type="text"].styled,
#container input[type="password"].styled,
#container input[type="email"].styled {
    font-size: 100%;
    height: 48px;
    padding: 0px 8px;
    width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 0px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
}
#container input[type="password"].styled,
#container input[type="email"].styled {
    ime-mode: disabled;
}
/*#container select.styled {
    font-size: 100%;
    height: 48px;
    padding: 0px 8px;
    width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 0px;
}*/

#container textarea.styled {
    font-size: 100%;
    padding: 8px;
    width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 0px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
}
/* credit card*/
#card_number input[type="tel"].styled, #container #security_cd.styled {
    display: inline-block;
    width: 4em;
}
#container .validity select {
    display: inline-block;
}
.about_secure_code {display: table; table-layout: fixed;padding: 5px 0;}
.secure_code img {
    display: inline-block;
    float: left;
    margin: 0px 10px 0px 0;
}
.about_secure_code .secure_code, .about_secure_code .secure_code_note {
    display: table-cell;
    vertical-align: top;
}

#container input[type="text"].styled.error,
#container input[type="password"].styled.error,
#container input[type="email"].styled.error {
    border: 1px solid #ee0000;
    background-color: #ffecec;
}
/* hide default radio and checkboxes */
input[type="radio"].styled ,
input[type="checkbox"].styled {
    display: none;
}
input[type="radio"].styled + .btn_label ,
input[type="checkbox"].styled + .btn_label {
    display: block;
    padding: 16px 0;
}
input[type="radio"].styled + label > span:first-child,
input[type="checkbox"].styled + label > span:first-child {
    display: inline-block;
    background: url("/resources/a/pc/common/images/radiocheck.png?date=140618") no-repeat;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    margin-bottom: 4px;
    cursor:pointer;
    vertical-align: middle;
}
input[type="radio"].styled + .no_label > span:first-child,
input[type="checkbox"].styled + .no_label > span:first-child {
    margin-right: 0;
}
input[type="checkbox"].styled + label > span:first-child {
    background-position: 0px 0px;
}
input[type="checkbox"].styled:checked + label > span:first-child {
    background-position: -20px 0px;
}
input[type="checkbox"].styled:checked:disabled + label > span:first-child {
    background-position: -40px 0px;
}
input[type="radio"].styled + label > span:first-child{
    background-position: -60px 0px;
}
input[type="radio"].styled:checked + label > span:first-child {
    background-position: -80px 0px;
}
input[type="radio"].styled:checked:disabled + label > span:first-child {
    background-position: -100px 0px;
}
input[type="radio"].styled:disabled + label {
    opacity:0.5;
}

/* form elements big
 *-----------------------------------------------------------*/
#container .main_form {
    background-color: #fff;
    padding: 40px 80px;
}
#container .facebook_btn_note {
    color: #666;
    font-size: 11px;
}
#container dl.form_element {
    margin-bottom: 20px;
    overflow: hidden;
}
#container dl.form_element dt {
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    width: 229px;
}
#container dl.form_element dd {
    float: right;
    width: 551px;
}
#container div.form_element_right {
    margin-bottom: 20px;
    padding-left: 230px;
    width: 550px;
}
#container dl.form_element dt .note {
    color: #666;
    font-weight: normal;
}
#container dl.form_element dd input[type="email"],
#container dl.form_element dd input[type="password"],
#container dl.form_element dd input[type="text"] {
    width: 440px !important;
}
#container dl.form_element dd.check {
    line-height: 50px;
}
#container dl.form_element dd.check label {
    vertical-align: middle;
}
#container dl.form_element dd select {
    margin: 0 6px 0 9px;
    height: 40px;
    vertical-align: baseline;
    font-size: 15px;
    border: 1px solid #ddd;
    line-height: 1.8;
    padding: 9px 0;
}
#container dl.form_element dd select:first-child{
    margin-left: 0;
}
#container .bl-error {
    max-width: 100%;
}
#login_form .bl-error,
#regist-member .bl-error {
    max-width: 470px;
}
#login_form .bl-error {
    width: 100%;
}
#container dl.form_element dd .note {
    color: #666;
    font-size: 11px;
    font-weight: normal;
}
#container .checkbox_note {
    color: #666;
    font-size: 11px;
    margin-left: 28px;
}
#container ul.agreements li {
    margin-top: 5px;
}
#container .security_marks {
    margin: 40px 0 0px 0;
    text-align: center;
}
#container .select_wrap {
    margin-bottom: 10px;
}
#container dl.form_element dd.confirm_text {
    color: #ff5a00;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}
#container dl.form_element dd.confirm_text.mail_addr {
    line-height: 20px;
    padding-top: 16px;
    word-wrap: break-word;
}
#container dl.form_element dd.confirm_email {
    border: 1px solid #ddd;
    font-size: 16px;
    padding: 10px;
    width: 538px;
    word-wrap: break-word;
    box-sizing: border-box;
}
#container .form_input_text p {
    font-size: 16px;
    line-height: 50px;
}
#container .form_input_text.text_mail_addr p {
    word-wrap: break-word;
    line-height: 20px;
    padding-top: 16px;
}
#container .form_input_text input {
    font-size: 16px;
    border: 1px solid #ddd;
    width: 438px;
    padding: 16px 20px 14px 20px;
    line-height: 1;
}
#container .form_elements input[type="submit"].single {
    width: 322px;
}
#container .auth_box {
    width: 462px;
}
#container .button_line input[type="submit"].single {
    display: inline;
}


/* input list */
#container .input_list {

}
#container .input_list .input_option {
    background: #ffffff;
    border-bottom: 1px dotted #e5e5e5;
    padding: 10px;
}
#container .input_list .input_option:last-child {
    border-bottom: none;
}
#container .input_list .input_option input[type="radio"].styled + label {
    display: block;
    overflow: hidden;
}
#container .input_list .input_option input[type="radio"].styled + label > span {
    margin: 10px 10px 10px 0;
    float: left;
}


/* placeholder */
.placeholder {
    color: #999;
}

/* main area slide
--------------------------------------------------*/

.area_slideNum{
text-align:right;
margin-bottom:10px;
font-size: 12px;
display: none; /*非表示*/
}

.area_slide {
clear:both;
display: block;
position: relative;
}

.area_slide .content{
_zoom: 1;
overflow: hidden;
margin: 0 0 0 48px;
/margin: -47px 0 0 48px; /*ie7*/
}

#area_keep .area_slide .content{
_zoom: 1;
overflow: hidden;
margin: 0 0 0 37px;
/margin: -36px 0 0 37px; /*ie7*/
}

.area_slide .content .inner{
width:1190px;
clear:both;
}
/*add_create_elements*/
.area_slide .content .inner.add_create_elements {
width: 1800px;
margin-left: 0px;
min-height:212px;
}
.history_inner.add_create_elements,
.book_ranking_inner.add_create_elements {
min-height: 211px;
}
.recommend_inner.add_create_elements,
.product_recommend .recommend_inner.add_create_elements {
min-height: 263px;
}
.ranking_inner.add_create_elements {
min-height: 212px;
}

.area_slide .navi{
display:block;
_zoom: 1;
overflow: hidden;
}

.area_slide .navi li a{
width:30px;
height:auto;
display:inline-block;
text-indent:-9999px;
overflow:hidden;
}
.area_slide .navi li a.next{
background:#969696 url(/resources/a/pc/common/images/bg_arrow_right_gray_big.png?date=140618) no-repeat center center;
position: absolute;
top: 0;
right: 0;
}
.area_slide .navi li a.next:hover{
background:#B5B5B5 url(/resources/a/pc/common/images/bg_button_slide_right.png?date=140618) no-repeat center center;
}

.area_slide .navi li a.next.off{
background:#E6E6E6 url(/resources/a/pc/common/images/bg_button_slide_right.png?date=140618) no-repeat center center;
}

.area_slide .navi li a.prev{
background:#969696 url(/resources/a/pc/common/images/bg_arrow_left_gray_big.png?date=140618) no-repeat center center;
position: absolute;
top: 0;
left: 0;
}
.area_slide .navi li a.prev:hover{
background:#B5B5B5 url(/resources/a/pc/common/images/bg_button_slide_left.png?date=140618) no-repeat center center;
}
.area_slide .navi li a.prev.off{
background:#E6E6E6 url(/resources/a/pc/common/images/bg_button_slide_left.png?date=140618) no-repeat center center;
}

.area_slide .book {
margin-right:15px;
width:105px;
_zoom: 1;
overflow: hidden;
}
.spcms .area_slide .book {
    margin-right:13px;
}
/* facebook
* ====================================================================================================================================== */
.facebook_btn {
    border: 1px solid #334D80;
    background: #3b5998; /* Old browsers */
    background: -moz-linear-gradient(top,#627aad,#3b5998); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(98, 122, 173)), color-stop(100%,rgb(59, 89, 152))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(98, 122, 173) 0%,rgb(59, 89, 152) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(98, 122, 173) 0%,rgb(59, 89, 152) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(98, 122, 173) 0%,rgb(59, 89, 152) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(98, 122, 173) 0%,rgb(59, 89, 152) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627aad', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-radius: 3px;
    display: block;
    text-align: center;
    position: relative;
    width: 280px;
}
a.facebook_btn:link,a.facebook_btn:hover,a.facebook_btn:visited,a.facebook_btn:active {
    color: #fff;
    text-decoration: none;
}
a.facebook_btn:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}
a.facebook_btn:active {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35) inset;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35) inset;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35) inset;
}
.facebook_btn span {
    padding-left: 30px;
}
.icon-btn-facebook {
    background-image: url("/resources/a/pc/common/images/btn_sns_facebook_icon.png?date=140618");
    background-size: 34px 34px;
    -webkit-background-size: 34px 34px;
    border-right: 1px solid #334d80;
    display: inline-block;
    height: 34px;
    position: absolute;
    width: 35px;
    top: 0px;
    left: 0px;
}
.icon-btn-facebook:after {
    content: " ";
    border-left: 1px solid #627aad;
    display: inline-block;
    position: absolute;
    left: 34px;
    top: 0px;
    width: 1px;
    height: 34px;
}

.auth_box {
    background-color: #f1f1f1; /*facebook bg color*/
    overflow: hidden;
    padding: 10px;
}
.auth_box .avatar_box {
    background-color: #fff;
    display: block;
    float: left;
    height: 58px;
    width: 58px;
    vertical-align: middle;
    border-radius: 50%;
}
.auth_box .avatar_box img {
    height: 58px;
    width: 58px;
    border-radius: 50%;
}
.auth_box .body {
    display: block;
    float: left;
}
.auth_box .body span {
    display: block;
    font-size: 16px;
    line-height: 58px;
    margin-left: 10px;
    vertical-align: middle;
}

.auth_box.line {
    overflow: hidden;
    padding: 7px 10px;
}


/*yahoo連携用ボタン*/
#container .yahoo_btn {
    border: 1px solid #ff0033;
    background: #ff1a48; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff1a48 0%, #ff0033 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1a48), color-stop(100%,#ff0033)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff1a48 0%,#ff0033 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff1a48 0%,#ff0033 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff1a48 0%,#ff0033 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff1a48 0%,#ff0033 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a48', endColorstr='#ff0033',GradientType=0 ); /* IE6-9 */
    border-radius: 3px;
    display: block;
    text-align: center;
    width: 280px;
}
#container .yahoo_btn:link,
#container .yahoo_btn:hover,
#container .yahoo_btn:active,
#container .yahoo_btn:visited {
    color: #FFF;
    text-decoration: none;
}
#container .yahoo_btn:hover {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}
/*CCC、Airbook用ボタン*/
#container .ccc_btn {
    border: 1px solid #003399;
    background: #2d4292; /* Old browsers */
    background: -moz-linear-gradient(top,  #2d4292 0%, #003399 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4292), color-stop(100%,#003399)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2d4292 0%,#003399 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2d4292 0%,#003399 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2d4292 0%,#003399 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2d4292 0%,#003399 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4292', endColorstr='#003399',GradientType=0 ); /* IE6-9 */
    border-radius: 3px;
    display: block;
    text-align: center;
    width: 280px;
    margin: 0px auto;
}
#container a.ccc_btn:link,
#container a.ccc_btn:hover,
#container a.ccc_btn:active,
#container a.ccc_btn:visited {
    color: #FFF;
    text-decoration: none;
}
#container a.ccc_btn:hover {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}

/*LINEログイン用ボタン*/
.line_btn {
    border: 1px solid #00C300;
    background: #00C300;
    color: #fff;
    border-radius: 3px;
    display: block;
    text-align: center;
    position: relative;
    width: 280px;
    text-decoration: none;
}
.line_btn span {
    color: #fff;
}
a.line_btn:hover {
    opacity: 0.7;
    text-decoration:none;
}
.line_btn span {
    padding-left: 30px;
}
.icon-btn-line {
    background-image: url("/resources/a/sp/common/images/btn_line_icon.png");
    background-size: 34px 34px;
    -webkit-background-size: 34px 34px;
    display: inline-block;
    height: 34px;
    position: absolute;
    width: 35px;
    top: 0px;
    left: 0px;
}

/*docomoログイン用ボタン*/
.docomo_login {
    padding: 20px 0 0 20px;
}
.docomo_btn {
    display: block;
    width: 100%;
    line-height: 40px;
    border: solid 1px #C03;
    border-radius: 3px;
    background: url(/resources/a/sp/common/images/d_account_logo.png) no-repeat #fff 10px;
    background-size: 20px;
}
.docomo_btn .d_text {
    display: block;
    margin: 0 0 0 42px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #C03;
}
a.docomo_btn:hover {
    opacity: 0.7;
    text-decoration:none;
}
.docomo_head_txt{
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}
.docomo_foot_txt{
    font-size: 11px;
    line-height: 16px;
}

/* 年齢認証
--------------------------------------------------*/
.adultlevel_block{
    background-color:#FFF;
    padding-top:30px;
    text-align:center;
    padding: 20px;
}
.adultlevel_block .r18_color {
    color: #EC2B4D;
}
.adultlevel_block .light_color {
    color: #ccc;
}
#container .tab_navi_radius + .adultlevel_block {
    padding-top: 30px;
}
#main_inner .adultlevel_block{ padding: 0; }/*詳細以外*/
.adultlevel_block .adultlevel_btnset{
    width:320px;
    text-align:center;
    margin:0 auto 20px;
}
.adultlevel_block .adultlevel_btnset li {
    float:left;
    width:150px;
}
.adultlevel_block .adultlevel_btnset li:last-child {
    float:right;
}
.adultlevel_block .adultlevel_btnset li .btn_adult_confirm {
    background-color: #EC2B4D;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    text-align: center;
}
.adultlevel_block h2 {
    margin-bottom:20px;
    font-weight:bold;
    font-size:20px;
}

.adultlevel_block .title_rock {
    font-weight:bold;
    color:#ff0000;
}
.adultlevel_block .or_trilink_list {
    margin-top:;
    text-align:left;
    margin:50px auto 0;
    width:300px;
}
.adultlevel_block .separator {
    border-top: solid 1px #ddd;
    padding-top: 20px;
    margin-top: 40px;
}


/* bl_autopager AJAXローダー関連 */
#bl_autopg_more {
    display: none;
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 60px;
    line-height: 95px;
    text-align: center;
    background-image:url("/resources/a/common/images/loading_pc.gif?date=140618");
    background-position: center 5px;
    background-repeat: no-repeat;
    clear:both;
}

#bl_autopg_no-more {
    color: #000000;
    display: none;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
}

bl_autopg_see-more {
    height: 60px;
    line-height: 60px;
    width:100%;
    text-align:center;
    font-weight: bold;
}

#bl_autopg_see-more .next-trigger {
    display: block;
    font-weight: bold;
    height: 100%;
    width: 100%;
}

#bl_autopg_more-error {
    height: 60px;
    line-height: 60px;
    display: none;
    text-align:center;
    font-weight: bold;
}

#bl_autopaging {
    clear: both;
    background: #fff;
    height: 60px;
    display: block;
    border-top: 1px solid #E3E3E3;
}
/* カード登録
--------------------------------------------------*/
#container #new-card-form {
    border:solid 1px #dddddd;
    padding: 20px;
}
#new_creditcard_form dt{
    font-weight: bold;
    margin-bottom: 3px;
}
#new_creditcard_form dl dd{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
#new_creditcard_form dl dd.expire {
    margin-bottom: 20px;
}

#new_creditcard_form dl dd select{
    padding: 1px;
    margin: 0 5px 0 10px;
    background-color:#fff;
}
#new_creditcard_form dl dd select:first-child{
    margin-left: 0;
}

#new_creditcard_form dl dd input.text{
    width: 80px;
    margin: 0 3px;
}
#new_creditcard_form dl dd span.hyphen{
    display: inline-block;
    /display: inlie;
    /zoom: 1;
    width: 7px;
    text-align: center;
}
#new_creditcard_form dl dd input.textfirst-child{
    margin-left: 0;
}

#new_creditcard_form dl dd.name input.text,
#new_creditcard_form dl dd.no input{
    width: 180px;
}
#new_creditcard_form dl dd .new_creditcard_left {
    float: left;
    width: 200px;
}

#new_creditcard_form dl dd .new_creditcard_right {
    width: 350px;
    float: right;
}
#new_creditcard_form dl dd div div{
    float: none;
}
#new_creditcard_form dl dd div.about_security_code {
    width:335px;
}
.about_security_code.amex {
    display:none;
}

#new_creditcard_form .regist_card_attention {
    border: 1px solid #F00;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: none;
}
#new_creditcard_form .regist_card_attention h4 {
    background: #F00;
    color: #FFF;
    padding: 5px;
    margin-bottom: 10px;
}
#new_creditcard_form .regist_card_attention h4 span {
    font-weight: bold;
    font-size: 16px;
}
#new_creditcard_form .regist_card_attention p {
    padding: 0 10px;
}
#new_creditcard_form .regist_card_attention .text_debit_prepaid,
#new_creditcard_form .regist_card_attention .registration_failure,
#new_creditcard_form .regist_card_attention .tls_unsupported {
    display: none;
}

/* ページ内リンク
--------------------------------------------------*/
.pagenavibox {
    border: 1px solid #DDDDDD;
    padding: 14px 20px;
    margin-bottom:20px;
}
.pagenavibox p {
    margin-bottom: 12px;
}
.pagenavibox ul {
    float:left;
    width:309px;
}
#container .pagenavibox .or_downlink_list li {
    margin-bottom: 10px;
    font-weight: bold;
}
#container .pagenavibox .or_downlink_list li:last-child {
    margin-bottom: 0;
}

.pmark_wrap {
    display: block;
    overflow: hidden;
}
.pmark_inner {
    border: 1px solid #ddd;
    float: left;
    padding: 10px;
    width: 365px;
}
.pmark_wrap a {
    float: left;
    margin-right: 20px;
    width: 75px;
}
p.pmark_text {
    float: left;
    font-size: 11px;
    padding-top: 15px;
    width: 270px;
}

/* ===================top side======================== */
/* side imagetitle */
#side .top_side_attn .attn_title_rcmd,
#side .top_side_attn .attn_title_topix,
#side .area_genre .genre_title,
#side .top_side_title h2 {
    background-image: url("/resources/a/pc/v2/images/top/bg_title_side.png?date=140618");
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
/* top_side_attn */
#side .top_side_attn {
    width: 198px;
    background: #FFF;
    padding:14px 10px 10px;
    margin-bottom:10px;
    border: 1px solid #DDDDDD;
}
#side .top_side_attn:last-child {
    margin-bottom:0;
}
#side .top_side_attn .attn_title_rcmd,
#side .top_side_attn .attn_title_topix {
    height: 14px;
    margin-left: 5px;
    margin-bottom: 5px;
}
#side .top_side_attn .attn_title_rcmd { background-position: 0 -198px; }
#side .top_side_attn .attn_title_topix { background-position: 0 -226px; }
#side .top_side_attn ul li a {
    height: 25px;
    line-height: 25px;
    display: block;
    background:url(/resources/a/pc/common/images/bg_arrow_right_orange.png?date=140618) no-repeat 5px center;
    padding-left: 15px;
    color: #333;
    text-decoration: none;
}
#side .top_side_attn ul li a:hover {
    background-color: #E6E6E6;
    text-decoration: none;
}








/*共通CSSから　ここから*/


/* main_lite
--------------------------------------------------*/

.main_lite {
    background-color: #ffffff;
    padding: 20px 0px;
}

.main_lite h2{
    font-weight: bold;
}

.main_lite h2.hrbt{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 3px solid #ff5900;
    font-weight: bold;
    display: block;
    padding-left: 32px;
    min-height: 22px;
}

.main_lite h2.hrbt span{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 22px;
}

.main_lite h4,
.main_lite h3{
    font-weight: bold;
}

.main_lite .form_section{
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.main_lite .form_section.last-child{
    border: 0px;
    margin-bottom: 0px;
}

.main_lite .error_balloon{ width: 390px; }
.main_lite .button_common{ width: 390px; }
.main_lite .input_text_block{ width: 400px; /* 390 + 5 * 2 */ }

.main_lite .form_elements .error_balloon{ width: auto; }
.main_lite .form_elements .button_common{ width: auto; }
.main_lite .form_elements .input_text_block{ width: auto; }

form .input_text_block{
    position: relative;
}
form .input_text_block > div{
    margin-right: 10px;
}

form .input_text_block textarea.text,
form .input_text_block input.text{
    width: 100%;
    height: 35px;
    line-height: 35px\9;
    border: solid 1px #cccccc;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 2px 0px #b6b6b6;
    -moz-box-shadow: 0px 0px 2px 0px #b6b6b6;
    box-shadow: 0px 0px 2px 0px #b6b6b6;
    padding: 0 5px;
    position: relative;
}

form .input_text_block span{
    position: absolute;
    color: #b6b6b6;
    left: 0;
    top: 0;
    padding:0 5px;
    line-height: 35px;
}

.input_text_block input.text.transparent,
.input_text_block textarea.text.transparent{
    background-color: transparent;
}

.main_lite input.radio {
    /*margin-right: 5px;*/
    margin-top:-5px;
}
.error_balloon{
    border: solid 1px #ffe4e4;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 2px 0px #ffe4e4;
    -moz-box-shadow: 0px 0px 2px 0px #ffe4e4;
    box-shadow: 0px 0px 2px 0px #ffe4e4;
    background-color: #ffe4e4;
    padding: 10px 5px;
    text-align: center;
    color: #cb1c1c;
    position: relative;
    margin: 0 0 20px 229px;
    width: 470px;
}
.main_lite .form_elements.style_b .error_balloon{
    margin-left: 125px;
    /margin-left: 0;
}

.error_balloon .arrow{
    top: -8px;
    left: 0;
    height: 8px;
    width: 100%;
    background: transparent url(/resources/a/pc/common/images/bg_arrow_pink.png?date=140618) center top no-repeat;
    position: absolute;
}

.main_lite .button_common{
    /*margin: 10px 0 20px;*/
    margin: 20px 0 20px;
    text-align: center;
}

.main_lite .button_common .button{
    margin-left: 5px;
    margin-right: 5px;
}

.main_lite .button_common .button > span,
.main_lite .button_common .button a > span{
    height: 35px;
    line-height: 35px;
    width: 180px;
}
.main_lite .button_login .button span{ background:transparent url(/resources/a/pc/common/images/icon_key.png?date=140618) 10px 50% no-repeat !important; }
.main_lite .button_register .button span{ background:transparent url(/resources/a/pc/common/images/icon_write.png?date=140618) 10px 50% no-repeat !important; }
.main_lite .button_yahoo_login .button span{ background:transparent url(/resources/a/pc/common/images/icon_link_white.png?date=140618) 10px 50% no-repeat !important; }

.main_lite .button_common .button span span{
    padding-left: 10px;
    background-image: none;
    /background-image: none !important;
}
.main_lite dl.form_elements dt{
    float: left;
    width: 230px;
    margin-left: -95px;
    text-align: right;
    font-weight: bold;
    padding: 10px 0 0;
    margin-top: 10px;
    min-height: 19px;
}

.main_lite dl.form_elements dd{
    margin-left: 155px;
    padding: 10px 0;
    margin-top: 10px;
    /width: 340px;
    min-height: 19px;
}
.main_lite dl.form_elements dt:first-child,
.main_lite dl.form_elements dt:first-child+dd{
    margin-top: 0px;
}

.main_lite dl.form_elements.style_b dt{
    width: 200px;
}

.main_lite dl.form_elements.style_b dd{
    margin-left: 125px;
    /width: 370px;
}

.main_lite dl.form_elements .confirm_text{
    color: #ff5900;
}
.main_lite dl.form_elements .confirm_text .confirm_attention {
    color:#000000;
}
.main_lite dl.form_elements.style_a dt{
}

.main_lite dl.form_elements.style_a dd{
    padding: 10px;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 2px 0px #e5e5e5;
    -moz-box-shadow: 0px 0px 2px 0px #e5e5e5;
    box-shadow: 0px 0px 2px 0px #e5e5e5;
    background-color: #e5e5e5;
    /width: 320px;
}
.main_lite dl.style_c dt,
.main_lite dl.style_c dd{
    padding: 0px !important;
    margin-top: 20px;
}

.main_lite dl.form_elements dd select{
    margin: -7px 5px -7px 10px;
    padding: 5px;
    /margin-bottom: 0;
}
.main_lite dl.form_elements dd select:first-child{
    margin-left: 0;
}
#terms_box {
    padding: 10px;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #e5e5e5;
    position: relative;
}

#terms_box .terms_box_inner{
    overflow: auto;
    height: 100px;
}

#terms_box h3 {
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a7a7a7;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
}

#terms_box p {
    /*line-height: 1.4;*/
}

/*** 追加 ***/
#terms_box h3.hrbt span {
    margin-bottom:0px;
    border-left: 6px solid #999;
    color:#333;
}

#terms_box h4 {
    color:#333;
    padding:10px 0px;
    font-size:1.0em;
}

#terms_box .col{
    margin-bottom:30px;
}
.main_lite .button_reader_download .button > span,
.main_lite .button_reader_download .button a > span{
    height: 46px;
    line-height: 46px;
    width: 290px;
}

.main_lite .button_reader_download .button span{ background:transparent url(/resources/a/pc/v2/images/product/pop_btn_arrow.png?date=140618) 100% 50% no-repeat !important; }

.main_lite .button_reader_download .button span span{
    padding: 0 40px 0 0;
    background-image: none;
    font-weight: bold;
}
/* ===== product_series ===== */
.product_series {
    margin-bottom:30px;
    text-align: center;
}
.product_series_hgroup {
    overflow:hidden;
    _zoom:1;
}
.product_series_hgroup h3 {
    float:left;
    margin-top:5px;
}

/* product_series_detail */
.product_series_detail {
    overflow:hidden;
    _zoom:1;
    margin-left: -32px;
    text-align: left;
}
.product_series_detail dl {
    float:left;
    width:110px;
    margin-left:32px;
    padding-bottom:30px;
}
.product_series_detail dt {
    text-align:center;
    vertical-align:bottom;
    /*height:169px;*/
    height:162px;
    overflow: hidden;
}
.product_series_detail dt .picture {
    /*height:152px;*/
    /*height:148px;
    overflow: hidden;*/
    width: 115px;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    height: 146px;
    padding-bottom: 3px;
    overflow: hidden;
}
/*.product_series_detail dt img {
    max-width:105px;
    max-height:140px;
    border: solid 1px #E5E5E5;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}*/
/*
.product_series_tag {
    padding:0;
    margin:0;
    text-align:center;
    line-height: 1;
}
*/
/*.product_series_tag span {
    display:inline-block;
    /display:inline;
    /zoom:1;
    width:58px;
    height:11px;
    padding:0;
    border:#69a707 solid 1px;
    font-size:0.85em;
    line-height:11px;
    text-align:center;
    color:#69a707;
}*/
/* LP */
.product_series_title {
    margin: 0 0 10px;
    overflow:hidden;
    height: 3.1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-align:left;
}

.product_series_title.multiline {
    white-space: normal;
}
.product_series_title a {
    color:#333333;
    text-decoration:none;
}
.product_series_title a:hover {
    text-decoration:underline;
}

/* product_series_btn */
.product_series_btn {
    float:right;
    overflow:hidden;
    _zoom:1;
}
.product_series_btn li {
    float:left;
    padding-left:10px;
}

.product_series_btn_new.button > span,
.product_series_btn_new.button a > span {
    height: 30px;
    line-height: 30px;
    width: 90px;
}
.product_series_btn_list.button > span,
.product_series_btn_list.button a > span {
    height: 30px;
    line-height: 30px;
    width: 90px;
}

/* シリーズ作品　中ボタン：カートを見る　 */
/* シリーズ作品　中ボタン：カートに入れる　 */
.product_series_btn_cart.button > span,
.product_series_btn_cart.button a > span,
.product_series_btn_look.button > span,
.product_series_btn_look.button a > span {
    height: 30px;
    line-height: 30px;
    width: 180px;
}
.product_series_btn_cart.button span{
    background:transparent url(/resources/a/pc/v2/images/product/product_cart_into_m.png?date=140618) 10px 50% no-repeat !important;
}
.product_series_btn_look.button span{
    background:transparent url(/resources/a/pc/v2/images/product/product_cart_look_m.png?date=140618) 10px 50% no-repeat !important;
}
.product_series_btn_cart.button span span,
.product_series_btn_look.button span span{
    padding-left: 10px;
    background-image: none;
}

/* product_series_nav */
.product_series_nav {
    overflow:hidden;
    _zoom:1;
    padding:10px 0;
}
.product_series_nav p {
    float:left;
    width:610px;
    height:30px;
    font-size:0.92em;
    line-height:30px;
    text-align:right;
    font-weight:bold;
}
.product_series_nav p span {
    font-size:0.85em;
}
.product_series_nav ul {
    float:right;
}
.product_series_nav ul li {
    float:left;
    margin-left:1px;
}
.product_series_nav ul li a {
    float:left;
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
}
.product_series_nav_prev a {
    background:#969696 url(/resources/a/pc/common/images/bg_button_slide_left.png?date=140618) no-repeat 50% 50%;
}
.product_series_nav_next a {
    background:#969696 url(/resources/a/pc/common/images/bg_button_slide_right.png?date=140618) no-repeat 50% 50%;
}
.product_series_nav ul li a:hover {
    background-color:#b5b5b5 !important;
}
.product_series_nav .product_series_nav_next a {
    background:#969696 url(/resources/a/pc/common/images/bg_button_slide_right.png?date=140618) no-repeat 50% 50%;
}
.product_series_nav .product_series_nav_prev a {
    background:#969696 url(/resources/a/pc/common/images/bg_button_slide_left.png?date=140618) no-repeat 50% 50%;
}


/* product_series_page */
ul.product_series_page {
    text-align: center;
    letter-spacing: -0.4em;
}
ul.product_series_page li {
    display: inline-block;
    /display:inline;
    /zoom:1;
    letter-spacing: normal;
}
ul.product_series_page li a {
    display: inline-block;
    /display:inline;
    /zoom:1;
    width:49px;
    height:30px;
    padding:0px;
    line-height:30px;
    text-align:center;
    background-color:#969696;
    font-weight:bold;
    color:#ffffff;
    border-right: 1px solid #fff;
    text-decoration:none;
}
ul.product_series_page li.product_series_page_prev a,
ul.product_series_page li.product_series_page_next a {
    width:30px;
}
ul.product_series_page li.product_series_page_prev a {
    background:#969696 url(/resources/a/pc/common/images/icon_gr_m_left.png?date=140618) no-repeat 50% 50%;
    text-indent:-9999px;
    /display: block;
}
ul.product_series_page li.product_series_page_next a {
    background:#969696 url(/resources/a/pc//common/images/icon_gr_m_right.png?date=140618) no-repeat 50% 50%;
    text-indent:-9999px;
    /display: block;
}
ul.product_series_page li.product_series_page_first a,
ul.product_series_page li.product_series_page_last a {
    width:58px;
}
ul.product_series_page li.product_series_page_first a span {
    padding-left:12px;
    background:url(/resources/a/pc/common/images/icon_gr_m_left.png?date=140618) no-repeat 0 50%;
    font-size:0.92em;
}
ul.product_series_page li.product_series_page_last a span {
    padding-right:12px;
    background:url(/resources/a/pc/common/images/icon_gr_m_right.png?date=140618) no-repeat 100% 50%;
    font-size:0.92em;
}
ul.product_series_page li a:hover {
    background-color:#b5b5b5;
}
ul.product_series_page li.product_series_pagecr a {
    background-color:#ff5a00 !important;
}

.product_series_list .book_row_six .btn_s {
    width: auto !important;
}
.product_series_list .series_title_kanno {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    margin-left: 10px;
}
.product_series_list .series_title_btn li {
    float: left;
    margin-left: 10px;
    padding: 6px 0;
}
.product_series_list .series_title_btn li.li_btn {
    padding: 0;
}
.product_series_list .book dt {
    text-align:center;
    vertical-align:bottom;
    height:174px;
    overflow: hidden;
}
.product_series_list .book dt .picture {
    width: 100px;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    height: 145px;
    padding-bottom: 10px;
    overflow: hidden;
}

/*計測タグ関連*/
img[src^="//ad.poncan.jp"],
img[src^="//ad.poncan.jp"],
img[src^="http://log10.recommender.jp"] {
    position: absolute;
}

/*共通CSSから　ここまで*/


/*クーポンエントリーボタン*/
#container .bl-coupon_entry {
    background: url("/resources/a/pc/common/images/btn_coupon_entry.png?date=0707") no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -999em;
    width: 184px;
    height: 97px;
}
#container .bl-coupon_entry.small {
    background-position: 0 -109px;
    width: 184px;
    height: 49px;
}
#container .bl-coupon_entry.orange {
        background-position: -196px 0;
}
#container .bl-coupon_entry.blue {
        background-position: -392px 0;
}
#container .bl-coupon_entry.green {
        background-position: -588px 0;
}
#container .bl-coupon_entry.black {
        background-position: -784px 0;
}
#container .bl-coupon_entry.pink {
        background-position: -980px 0;
}
#container .bl-coupon_entry.off {
    background-position: -1374px 0;
}
#container .bl-coupon_entry.already.off {
    background-position: -1176px 0;
}
#container .bl-coupon_entry.small.off {
    background-position: -1374px -109px;
}
#container .bl-coupon_entry.small.already.off {
    background-position: -1176px -109px;
}

/*cccポイントバック*/
#container .ccc_point_back {
    color: #ff5a00;
}
#container .ccc_point_back span {
    font-weight: bold;
}
#container .ccc_point_back i{
    background-image:url(/resources/a/pc/v2/images/product/pc_parts_product.png?date=20190612);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 0;
    overflow: hidden;
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px;
    vertical-align: top;
    background-position: -128px -33px;
}

/*スムーズスクロール*/
#pgtop {
    position: fixed;
    text-align: center;
    /*left: 100%;*/
    height: 44px;
    width: 44px;
    border-radius: 22px;
    display:block;
    background-image: url("/resources/a/pc/common/images/toprise.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
    right: 50px;
    bottom: 40px;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    -webkit-transition: 200ms;
    transition: 200ms;
    -webkit-transition-timing-function: cubic-bezier(0.660, 0.000, 0.675, 0.355);
    -moz-transition-timing-function: cubic-bezier(0.660, 0.000, 0.675, 0.355);
    -o-transition-timing-function: cubic-bezier(0.660, 0.000, 0.675, 0.355);
    transition-timing-function: cubic-bezier(0.660, 0.000, 0.675, 0.355); /* custom */
    pointer-events: none;
}
#pgtop.in {
    /*right: 50px;*/
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    opacity:0.4;
    pointer-events: auto;
}
#pgtop.in:hover {
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
    opacity:0.3;
}
#pgtop.footerpos {
    position: relative;
    float: right;
    margin-top: 18px;
    -webkit-transition: 0ms;
    transition: 0ms;
}

#container .feature_campaign_list_wrap {
    margin-bottom: 35px;
}

#container .feature_campaign_list {
    margin-bottom: 20px;
}

#container .feature_campaign_list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

#container .feature_campaign_list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#container .feature_campaign_list li .feature_campaign_list_left {
    float: left;
    width: 220px;
}

#container .feature_campaign_list li .feature_campaign_list_left img {
    width: 100%;
}

#container .feature_campaign_list li .feature_campaign_list_right {
    float: right;
    width: 420px;
}
/* BOOKWALKER 連携ログイン */
#main_stage ul li.no_disc{
    list-style-type: none;
    margin-left: 0em;
    margin-top: 10px;
    margin-bottom: 10px;
}
#main_stage ul li {
    list-style-type: disc;
    margin-left: 2em;
}
#main_stage ul li.gray_back{
    background-color: #F1F1F1;
}

/* message popup */
#header.message_popup_active {
    overflow: visible;
}
#header.message_popup_active .header_main {
    position: relative;
}
#area_message_popup {
    display:none;
    position: absolute;
    right: 48px;
    top: 66px;
    z-index: 1001;
    width: 400px;
    border:1px solid #ccc;
    cursor: pointer;
}
#area_message_popup .area_message_popup_inner {
    background: #f1f1f1;
    padding: 0 10px 10px;
    -moz-box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
}
#area_message_popup .heading {
    float: left;
    font-size: 16px;
    margin-top: 6px;
}
#area_message_popup .area_message_popup_inner .heading .message {
    background-position: -5px 0;
    position: relative;
    display: inline-block;
    top: -3px;
    left: 0;
    width: 32px;
    height: 25px;
    vertical-align: top;
}
#area_message_popup .message_close_button {
    float: right;
}
#area_message_popup .message_close_button img {
    padding: 12px 0 8px;
    height: 10px;
    width: 10px;
}
#area_message_popup .list_btns {
    background: #fff;
}
#area_message_popup .list_btns .list_btn_item .list_btn_link {
    padding: 10px 26px 6px 10px;
}
#area_message_popup .list_btns .list_btn_link.disable_link {
    padding: 10px;
    cursor: default;
}
#area_message_popup .list_btns .list_btn_link.disable_link:hover {
    background: #fff;
}
#area_message_popup .list_btns .message_page_link {
    border-bottom: none;
}
#area_message_popup .list_btns .message_page_link .list_btn_link {
    padding: 10px 10px 8px;
}
#area_message_popup .list_btns .infomation {
    display: none;
}
#area_message_popup .list_btns .message_page_link .notice.hide,
#area_message_popup .list_btns .message_page_link .text_link_arrow_right.hide {
    visibility: hidden;
}
#area_message_popup .disable_link .list_btn_link_icon {
    display: none;
}
#area_message_popup .message_tag,
#area_message_popup .message_data {
    margin-bottom: 3px;
}
#area_message_popup .base_tag span {
    display: none;
}
#area_message_popup .base_tag span.tag_default,
#area_message_popup .base_tag.tag_class1 span,
#area_message_popup .base_tag.tag_class2 span,
#area_message_popup .base_tag.tag_class3 span {
    display: block;
}
#area_message_popup .list_btn_link_icon {
    right: 0;
}
#area_message_popup .text_link_arrow_right {
    text-align: right;
}
#area_message_popup .balloon_arrow_top {
    position: relative;
    left: 50%;
    top: -1px;
    margin-left: -6px;
    display: none;
    width: 10px;
}
#area_message_popup .balloon_arrow_top_inner1 {
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    border-top-width: 0;
    border-bottom: 10px solid #bbb;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -10px;
}
#area_message_popup .balloon_arrow_top_inner2 {
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    border-top-width: 0;
    border-bottom: 10px solid #f1f1f1;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 1px;
    left: -10px;
}

/* product_title_ranking
--------------------------------------------------*/
#container .product_tag_list + .product_title_ranking,
#container .product_topic_ranking + .product_title_ranking {
    margin-top: 5px;
}
#container .product_title_ranking {
    margin: 0 0 5px;
    padding-left: 25px;
    position: relative;
}
#container .product_series_tag + .product_title_ranking {
    margin-top: 10px;
}
#container #list_view .detail .detail_list li.product_title_ranking {
    overflow: visible;
    white-space: normal;
    margin-top: 15px;
}
#container #list_view .detail .detail_list li.series_link_item + li.product_title_ranking {
    margin-top: 0;
}
#container .product_title_ranking .crown {
    background: url("/resources/a/pc/common/images/icon_ranking2.png") no-repeat left top;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: 0;
}
#container .product_title_ranking .ranking {
    color: #ff5a00;
    margin-left: 5px;
    font-weight: bold;
}
#container .item .left .product_title_ranking {
    font-size: 11px;
    padding-left: 20px;
    text-align: left;
}
#container .item .left .product_title_ranking .crown {
    background-size: 16px;
    width: 16px;
    height: 16px;
}
#container .item .left .product_title_ranking .ranking {
    margin-left: 0;
}

/* error page
--------------------------------------------------*/
#container .error_page {
    background:#fff;
    padding:20px;
    margin-top:20px;
}
#container .error_page .ttl001 {
    background: url(/resources/a/pc/common/images/errorimage2.png) no-repeat left top;
    font-weight:bold;
    font-size:16px;
    line-height:16px;
    padding-left: 20px;
}
#container .error_page .ttl001 img {
    display:inline;
    margin-right:5px;
}
#container .error_page_inner {
    padding:0 0 60px;
}
#container .error_page #search_top {
    padding: 0 0 30px;
    background: none;
}
#container .error_exception {
    padding:10px;
    color:#f00;
    margin-top:20px;
}
.area_common.area_common--atf .design_pattern--beta {
    background: #ffea00 repeating-linear-gradient(-45deg, #ffea00, #ffea00 20px, #ffe100 20px, #ffe100 34px);
    text-align: center;
    padding: 10px;
}
.area_common.area_common--atf .design_pattern--beta #join-input_button_1 {
    width: 170px;
    border: none;
    background: #ff5a00;
}
.area_common.area_common--atf .design_pattern--beta #validator_alert_mail_addr {
    position: absolute;
    left: 10px;
}
.area_common.area_common--atf .design_pattern--beta #validator_alert_mail_addr::before {
    display: none;
}
.area_common.area_common--atf .design_pattern--alpha h2 {
    position: relative;
    background: #000 linear-gradient(to right bottom, transparent 49.999%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 51%, transparent 51.999%) repeat;
    background-size: 4px;

}
.area_common.area_common--atf .design_pattern--alpha img:not(:first-child),
.area_common.area_common--atf .design_pattern--alpha h2 > p,
.area_common.area_common--atf .design_pattern--alpha h2 > a,
.area_common.area_common--atf .design_pattern--alpha .btn_beginner2 {
    position: absolute;
    bottom: auto;
    left: 55px;
    margin: auto;
}
.area_common.area_common--atf .atf_logo {
    top: 55px;
    width: 250px;
}
.area_common.area_common--atf .atf_lede {
    top: 155px;
    font-size: 22px;
}
.area_common.area_common--atf .design_pattern--alpha h2 > a {
    bottom: 40px;
    top: auto;
    width: 244px;
    text-align: center;
}
.area_common.area_common--atf .btn_beginner2 {
    bottom: 20px;
    left: 0;
    right: 0;
}
.area_inner--nocharge__volume {
    font-size: 20px;
    margin: 20px 0;
}
.area_inner--nocharge__volume > h2 {
    position: relative;
}
.area_inner--nocharge__volume > h2 > img {
    width: 60%;
}
.area_inner--nocharge__volume > h2 > span {
    position: absolute;
    right: 20px;
    top: 10px;
    margin-right: 10px;
    max-width: 270px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.area_inner--nocharge__volume em {
    font-size: 30px;
    font-style: normal;
}
.side_widget--apps {
    position: relative;
}
.side_widget--apps > .bl-appdownload--ios,
.side_widget--apps > .bl-appdownload--android {
    display: block;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    margin: auto;
    width: 160px;

}
.side_widget--apps > .bl-appdownload--android {
    top:158px;
}
#container .btn_action6 {
    border: 1px solid hsl(195, 80%, 40%);
    background: hsl(195, 80%, 50%) -webkit-gradient(linear, left top, left bottom, from(hsl(195, 80%, 50%)),to(hsl(195, 80%, 45%)));
    background: hsl(195, 80%, 50%) linear-gradient(to bottom, hsl(195, 80%, 50%) 0%,hsl(195, 80%, 45%) 100%);
    color: #ffffff;
    border-radius: 3px;
    display: block;
    text-align: center;

}
#container .btn_action6:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}
#container .btn_action6 .btn_icon.tachiyomi_browser.-white, #container .btn_action6 .btn_icon.tachiyomi_browser.-white {
    background-image: url("/resources/a/sp/common/images/icon_reader_100px.png?date=0213");
    background-size: cover;
    background-position: -2px 0;
    height: 26px;
    width: 26px;
    vertical-align: middle;
    margin-right: 0;
    margin-left: 0;

}
.cm_banner_area {
    text-align: center;
    padding: 10px;
}
#container .review_point_present_balloon {
    color: #FF0000;
    padding: 3px 8px;
    border: solid 1px #FF0000;
    margin: 10px 0;
    display: block;
    font-size: 12px;
    width: fit-content;
}