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

/* reset
--------------------------------------------------*/
/* input submit */
input[type="submit"] {
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック","Hiragino Sans",Meiryo,"メイリオ",sans serif;
    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: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック","Hiragino Sans",Meiryo,"メイリオ",sans serif;
}
/* common
--------------------------------------------------*/

html, body{
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック","Hiragino Sans",Meiryo,"メイリオ",sans serif;
    width:100%;
    height:100%;
    background-color: #F1F1F1;
    color:#333333;
    font-size:13px;
    line-height:1.5;
    -webkit-text-size-adjust: none;
}

body {
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

#container{
    flex: 1 0 auto;
}


/*広告用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: #666666;}
.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;}
/* button
--------------------------------------------------*/
.btn_hvr:hover {
    text-decoration: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}
/* img
--------------------------------------------------*/
a:hover img:not(.icon-instagram) {
    -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; }
.mt_-10 { margin-top: -10px !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: #FFFFFF;
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
    border:1px solid #E6E6E6;
}
.overflow a{
    text-decoration: none;
    color: #333333;
}
.overflow a:hover { background-color: #F1F1F1; }
.txt_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table_txt_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}
.multi_line_txt {
    display: block;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.5;
    height: 54px; /* 18px * 3 lines */
}
@supports (-webkit-line-clamp: 3) { /* IE以外は「...」で省略 */
    .multi_line_ellipsis {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: initial;
    }
}
.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;
    border-radius: 2px;
    padding: 6px 5px 4px 5px;
    color:#FFFFFF;
    text-decoration: none;
    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: #FFFFFF;
    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);
    padding:8px 15px 7px;
    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,
#breadcrumb ul li:last-of-type a {
    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,#breadcrumb ul li span.book_title {
    height: auto;
    /*height:21px;*/
    max-height: 42px;
    padding:0 10px 0 10px;
    position: relative;
    text-align: center;
    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: 0;
    bottom: 2.2em;
}

#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_area {
    width: 960px;
    margin: 0 auto;
}

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

/* 通常ヘッダー */
header {
    width:100%;
    margin-bottom:15px;
}
header.header_step {
    margin-bottom:10px;
}

#header {
    width: 100%;
    background-color: #FFFFFF;
    min-width: 960px;
}
#header .header_inner {
    width: 960px;
    margin: 0 auto;
}
#header .header_inner .header_main {
    margin-bottom: 8px;
}
#header .header_row {
    display: flex;
    align-items: flex-end;
}
/* 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.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: flex;
    justify-content: space-between;
    line-height:1.4em;
}
#header .header_top .header_topmsg {
    padding: 7px 0 5px;
    width: 560px;
    text-align: left;
    font-size: 11px;
}

.login_button_wrap {
    display: flex;
}

/* -------header login 会員登録(logout時)------- */
#header .header_top .header_joinbtn,
#header .header_top .header_loginbtn {
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    text-decoration: none;
    box-sizing: border-box;
    height: 22px;
    display: flex;
    justify-content: center;
}

#header .header_top .header_joinbtn span,
#header .header_top .header_loginbtn span {
    margin: 1px 0 0;
}
/* -------header login 会員登録(logout時)ホバー時------- */
#header .header_top .header_joinbtn:hover {
    background: #D44B00;
    transition-duration: 0.5s
}
#header .header_top .header_loginbtn:hover {
    transition-duration: 0.5s
}
#header .header_top .header_joinbtn {
    margin-right: 3px;
    width: 125px;
    background: #FF5A00;
    border: 1px solid #FF5A00;
    color: #FFFFFF;
    border-radius: 3px;
}
#header .header_top .header_loginbtn {
    width: 93px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    border-radius: 3px;
}
#header .header_loginbtn .icon-login{
    width:1.25em;
    height:1.25em;
    fill: #333333;
    vertical-align: middle;
    margin-right: 4px;
}
/* header_welcome(login時) */
#header .header_top .header_welcome {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    position: relative;
}
#header .header_top 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 a.header_welcome_btn span {
    line-height: 20px;
}
#header .header_top a.header_welcome_btn:hover {
    text-decoration: none;
    background-color: #DDDDDD;
}
#header .header_top .header_welcome .header_welcome_list {
    width: 180px;
    text-align: left;
    position: absolute;
    right: 0;
    display: none;
}
#header .header_top .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;
    width: 362px;
}
#header .header_logo { width: 164px; }
[id^="header"] .header_search { width: 450px; }
/* 初回訪問 */
[id^="header"] .header_search_first_user {
    width: 478px;
    float: none;
    margin: 0 auto;
}
/* ----------------- header_logo ----------------- */
#header .header_logo .logo,
#header .header_logo .docomo_logo,
#footer .foot_logo a {
    display: block;
    overflow: hidden;
}

.anniversary_logo {
    object-fit: contain;
    margin-top: 25px;
}

#header .header_inner .header_logo .logo .h_logo {
    fill: #FF5A00;
    width: 148px;
    height: 40px;
    margin-top: 26px;
}
#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: 12px;
    text-indent:-9999px;
}

#header .header_logo .docomo_logo img {
    display: block;
    width: 100%;
    height: 100%;
}

/* ----------------- 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; }
/* 初回訪問 */
[id^="header"] .header_search_first_user .header_search_main .header_searchbox,
[id^="header"] .header_search_first_user .header_search_main .header_searchbtn { float: left; }
[id^="header"] .header_search_first_user .header_search_main .header_safe { float: right; }
#header--inbody .header_search_first_user .header_search_main .header_searchbtn.btn_module { width: 42px; }


/* header_searchbox */
/* 検索 */
#header .btn_action.search_btn {
    background: #EBEBEB;
    color: #4D4D4D;
    display: block;
}
/* 検索 */
#header .search_btn {
    font-size:12px;
    position:absolute;
    right:0;
    top:0;
    border:0;
    border-left: 1px solid #CCCCCC;
    height: 100%;
    padding: 0 18px;
    border-radius: 0 5px 5px 0;
    background:#EBEBEB;
    -webkit-appearance: none;
    margin :0;
}
.header_search #search > .header_searchbox {
    width: 245px;
    border-radius: 5px;
    display:inline-block;
}
[id^="header"] .header_search .header_search_main .header_searchbox {
    width: 302px;
    border: 1px solid #CCCCCC;
    position: relative;
}
/* 初回訪問 */
[id^="header"] .header_search_first_user .header_search_main .header_searchbox {
    width: 302px;
    border: 1px solid #CCCCCC;
    position: relative;
}

[id^="header"] .header_search .header_searchbox .header_criteria,
[id^="header"] .header_search .header_searchbox .input {
    float: left;
}
[id^="header"] .header_search .header_searchbox .header_criteria button{
    background-color: #FFFFFF;
}
/* 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: #EEEEEE;
    text-decoration: none;
    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: #DDDDDD;
}
[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: 0;
    padding: 10px 0 10px 2px;
    width: 182px;
    font-size: 11px;
    border-radius: 5px 0 0 5px;
    margin: 0;
}
[id^="header"] .header_search .header_searchbox input[type="text"]::placeholder {
    font-size: 10px;
}
/* 初回訪問 */
[id^="header"] .header_search_first_user .header_searchbox input[type="text"] {
    border: 0;
    padding: 10px 0 10px 5px;
    width: 270px;
    font-size: 11px;
    border-radius: 5px 0 0 5px;
    margin: 0;
}

/* ------- 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: 8px 2px;
    font-size: 11px;
    width: 115px;
    height: 16px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    color: #4D4D4D;
    border-radius: 3px;
    display: block;
}
/* 初回訪問 */
[id^="header"] .header_search_first_user .header_search_main .header_safe .header_safe_btn {
    padding: 8px 2px;
    font-size: 11px;
    width: 115px;
    height: 16px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    color: #4D4D4D;
    border-radius: 3px;
    display: block;
}
.header_safe .header_safe_btn .cssicon-down {
    display: inline-block;
    color: #B4B4B4;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.15em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
    vertical-align: top;
    margin-top: 0.3em;
    margin-left: 0.3em;
}
[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 ----------------- */
#header .header_tools {
    margin: 0 0 0 10px;
    float: right;
    font-size: 10px;
    color: #333333;
}
#header .header_tools p {
    color: #333333;
}
#header .header_tools a:hover {
    text-decoration: none;
}
#header .header_tools li {
    width: 50px;
    text-align: center;
    float: left;
    position: relative;
    display: block;
}
#header .header_tools li.last {
    margin-right: 0;
}
#header .global_menu_header_icon2.message,
#header .header_tools li>span {
    overflow: hidden;
    text-indent: -9999px;
    background-image: url("/resources/a/pc/common/images/icon_header.png?date=0527");
    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_keep .icon-follow {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

#header .header_tools li.header_tools_login_pt .icon-login_pt,
#header .header_tools li.header_tools_message .icon-message,
#header .header_tools li.header_tools_mybookshelf .icon-bookshelf,
#header .header_tools li.header_tools_cart .icon-cart,
#header .header_tools li.header_tools_mypage .icon-mypage,
#header .header_tools li.header_tools_coupon .icon-coupon,
#header .header_tools li.header_tools_watch_history .icon-watchhistory {
    width: 30px;
    height: 30px;
    fill: #4D4D4D;
    vertical-align: middle;
}
#header .header_tools li.header_tools_message.alert .icon-message {
    width: 26px;
}
#header .header_tools li.header_tools_mybookshelf.disabled .icon-bookshelf,
#header .header_tools li.header_tools_mypage.disabled .icon-mypage,
#header .header_tools li.header_tools_coupon.disabled .icon-coupon {
    fill: #B4B4B4;
}
#header .header_tools li.header_tools_mybookshelf.disabled  p,
#header .header_tools li.header_tools_keep.disabled div,
#header .header_tools li.header_tools_mypage.disabled p,
#header .header_tools li.header_tools_coupon.disabled p,
#header .header_tools li.header_tools_keep.disabled p {
 color: #B4B4B4;
}
#header .header_tools li .header_tools_num {
    position: absolute;
    top: -20px;
    left: 0;
    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 .main_menu_icon_home {
    display: block;
    position: relative;
    margin: 4px auto;
    top: 0;
    height: 24px;
    width: 24px;
    fill: #333333;
}

#area_message_popup .global_main_menu_icon_alert,
#header .main_menu_icon_alert {
    display: inline-block;
    left: 0;
    margin: 0 -3px 0 0;
    top: 6px;
    position: relative;
    height: 24px;
    width: 24px;
    fill: #333333;
}

/* ----------------- 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: 42px;
    width : 110px;
    border-right: 1px solid #F6F6F6;
    box-sizing: border-box;
    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: 80px;
    border-right: 1px solid #F6F6F6;
    box-sizing: border-box;
}
#header .header_navi ul.header_navi_main.safe_search_1>li {
    width : 84px;
    border-right: 1px solid #F6F6F6;
    box-sizing: border-box;
}
#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 {
    color: #333333;
    font-size: 12px;
    line-height: 14px;
    border-left-color: #CCCCCC;
    border-right-color: #CCCCCC;
    display: table-cell;
    height: 40px;
    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: 80px;
}
#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.englishtxt { font-size: 13px; }/*英語文字小さく見えるため*/

#header .header_navi .h_index>a.current       { border-bottom: 2px solid #FF5A00; color: #FF5A00; }
#header .header_navi li.h_mcomic>a.current      { border-bottom: 2px solid #0080D0; color: #0080D0; }
#header .header_navi li.h_fcomic>a.current      {border-bottom: 2px solid #FF6090; color: #FF6090; }
#header .header_navi li.h_lightnovel>a.current  { border-bottom: 2px solid #D4C400; color: #D4C400; }
#header .header_navi li.h_book>a.current        { border-bottom: 2px solid #69A700; color: #69A700; }
#header .header_navi li.h_business>a.current    { border-bottom: 2px solid #009ED0; color: #009ED0; }
#header .header_navi li.h_magazine>a.current    { border-bottom: 2px solid #365290; color: #365290; }
#header .header_navi li.h_adult>a.current       { border-bottom: 2px solid  #DC5AC0; color: #DC5AC0; }
#header .header_navi li.h_teenslove>a.current       { border-bottom: 2px solid #868CF0; color: #868CF0; }
#header .header_navi li.h_boyslove>a.current    { border-bottom: 2px solid  #3FADB0; color: #3FADB0; }
/* navi_hover (jsでaddclass)*/
#header .header_navi ul.header_navi_main>li.navi_hover>a.current     { color: #333333;}
#header .header_navi li.h_index.navi_hover>a       { color: #FF5A00; }
#header .header_navi li.h_mcomic.navi_hover>a      { color: #0080D0;}
#header .header_navi li.h_fcomic.navi_hover>a      { color: #FF6090; }
#header .header_navi li.h_lightnovel.navi_hover>a  { color: #D4C400; }
#header .header_navi li.h_book.navi_hover>a        { color: #69A700; }
#header .header_navi li.h_business.navi_hover>a    { color: #009ED0; }
#header .header_navi li.h_magazine.navi_hover>a    { color: #365290; }
#header .header_navi li.h_adult.navi_hover>a       { color: #DC5AC0; }
#header .header_navi li.h_teenslove.navi_hover>a       { color: #868CF0; }
#header .header_navi li.h_boyslove.navi_hover>a    { 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: #FFFFFF;
    z-index: 11;
    min-width: 230px;
    padding: 10px;
    display:none;
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
}


#header .header_navi .h_navibtn_menu:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    width: 110px;
    height: 3px;
    background: #FFFFFF;
    z-index: 12;
}
#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;
}
#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;
    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: #666666;
}
#header .header_navi .commonjs_Tbl .tbl_row .mypage_link {
    color: #666666;
}

/* 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 #FFFFFF;
    float: left;
    padding: 5px 0 0 0px;
    color:#666666;
}
#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;
}

/* footer
--------------------------------------------------*/
#footer {
    width:100%;
    background:#FFFFFF;
    min-width: 960px;
    position: relative;
}

/* 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 {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 10px 0 5px;
    height: 15px;
}
#footer .navi dl.foot01,
#footer .navi dl.foot02,
#footer .navi dl.foot04{ width: 175px; }
#footer .navi dl.foot03{ width: 95px; }
#footer .navi dd{ margin-bottom:7px; }
/* footer.lite */
#footer.lite {
    border-bottom: 4px solid #FF5A00;
    padding: 0px 0 4px;
    background: #FFFFFF;
}
#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: #333333;
}
#footer.lite .lite_navi span {
    color: #AAAAAA;
}
#footer.lite .ftr_copy {
    text-align: center;
    font-size: 12px;
    margin:20px 0 10px;
    color: #AAAAAA;
}
#footer.lite address {
    color: #FF5A00;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
    font-style: normal;
}

/* contents
--------------------------------------------------*/
#container { margin-bottom: 64px; }
#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 #DDDDDD;
            box-sizing: border-box;
    display: block;
    padding: 20px;
}

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

/* new clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

.word_break_all {
    word-break: break-all;
}

/* 見出し
--------------------------------------------------*/
#container .cont_title {
    font-size: 18px;
    line-height: 1;
    min-height: 18px;
    position: relative;
    padding: 20px 0;
    border-top: 1px solid #DDDDDD;
    background: #FFFFFF;
}
#container .cont_title + .spcms {
    padding-top: 0;
}
/*
#container .spcms .cont_title,
*/
#container #mainarea .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 .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: #666666;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 8px;
}
#container .cont_sub_title7 {
    color: #777777;
    font-size: 16px;
    padding:0 10px 10px;
    line-height: 1.2;
}
#container .guide_sub_title {
    color: #333333;
    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;
}
#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: #333333;
}
#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: #666666;
}

/* 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: #333333;
    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;
}

/* 注意喚起枠 */
#container p.warning_box,
#container div.warning_box {
    border: 1px solid #EE0000;
    padding: 10px;
    margin: 20px 0;
}

/* 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: 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;
}
.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);
}
#container a.btn_m:active {
    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 #CCCCCC;
    background: #FFFFFF;
    color: #4D4D4D;
    border-radius: 3px;
    display: block;
}
#container .btn_m.disabled {
    background: #DDDDDD;
    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;
}
/* 汎用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;
}

#container .wdt200 {
    width: 200px;
    margin: 0 auto;
}
#container .wdt510 {
    width: 510px;
    margin: 0 auto;
}
#container .wdt680 {
    width: 680px;
    margin: 0 auto;
}

/*専用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)-------------- */
.keep_action,
#container .purchased_action,
.read_action,
.reservation_action,
#container .btn_link,
#footer .btn_link {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    display: block;
}
a.keep_action,
a.reservation_action {
    color: #FF5A00;
}
#container .purchased_action {
    color: #CCCCCC;
}
#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,
.keep_action.keep_off,
#container .btn_action,
#popup_window .btn_action {
    border: 1px solid #CCCCCC;
    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: linear-gradient(to bottom,  #FFFFFF 0%,#ECECEC 100%); /* W3C */
    color: #4D4D4D;
    border-radius: 3px;
    display: block;
}
/* hover */
a.keep_action:hover,
a.read_action:hover,
#container a.tachiyomi_action:hover,
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);
}
/* 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;
}
/* disabled */
#container p.btn_action.disabled,
#container p.tachiyomi_action.disabled,
#container p.keep_action.disabled,
p.read_action.disabled {
    filter: none;
    background: #FFFFFF;
    color: #CCCCCC;
}

/* --------------action2 button (orange)-------------- */
.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: linear-gradient(to bottom,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* W3C */
    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:#FFFFFF;
    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: linear-gradient(to bottom,  rgba(127,180,43,1) 0%,rgba(105,167,8,1) 100%); /* W3C */
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
}

/*予約ボタン*/
.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: linear-gradient(to bottom,  rgba(254,116,53,1) 0%,rgba(254,81,0,1) 100%); /* W3C */
    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: linear-gradient(to bottom,  rgba(238,0,0,1) 0%,rgba(220,0,0,1) 100%); /* W3C */
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
}
#container .btn_action2.off,
#container .btn_action4.off {
    border:solid 1px #B7B7B7;
    background: #FFFFFF;
    color: #B7B7B7;
    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 #CCCCCC;
    border-radius: 5px;
    color: #666666;
    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--------- */
a.buy_action:hover,
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);
}
#container input[type="submit"].btn_action2.off:hover,
#container a.btn_action4.off:hover {
    box-shadow: none;
}

/*カートを見る*/
#container a.cart_action:hover {
    text-decoration: none;
    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;
}
#container input[type="submit"].btn_action2.off:active {
     box-shadow: none;
}
/*カートを見る*/
#container a.cart_action:active {
     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;
    vertical-align: bottom;
}

/* ---------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;
    position: relative;
    top: -0.1em;
}
#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: #FFFFFF;
}
#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: #333333;
}
.fued .arrow_link[href="javascript:void(0)"] {
    cursor: default;
    opacity: 0;
    pointer-events: none;
}
.fued > :first-child .arrow_link::before {
    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 {
    transform: scaleX(-1);
    margin: auto;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
}
#container .fued.review_pager > :nth-child(3) .arrow_link::after,
#container .fued.review_pager > :last-child .arrow_link::after {
    margin: auto;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
}

/* バナーなどに乗せる閉じるボタン */
.commonjs_btn_banner_close {
    box-sizing: border-box;
    text-align: center;
}
.commonjs_btn_banner_close > div  {
    padding: 5px 0;
    overflow: visible;
    position: relative;
    display: none;
    margin: 5px 0 10px;
}
.commonjs_btn_banner_close .app_banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/resources/a/pc/v2/images/my/book-shelf/banner_bg.png?date=250130);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.commonjs_btn_banner_close .app_banner .close {
    height: 100%;
    max-height: 52px;
    width: auto;
    cursor: pointer;
}
.commonjs_btn_banner_close .app_banner .banner {
    width: 100%;
    height: auto;
}
.commonjs_btn_banner_close__icon {

}
.commonjs_btn_banner_close.hedden {
    display: none;
}


/* ---------slider--------- */
#container .slider_prev.btn_action,
#container .slider_next.btn_action {
    background: #FFFFFF;
}
#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;
}
#container .slider_prev span {
    background-position: left bottom;
}
#container .slider_next span {
    background-position: left top;
}
#container .slider_next.disabled span,
#container .slider_prev.disabled span {
    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;
    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_download_page { background-position: -200px 0; }

/*小さいver*/
#container .btn_download_page > a{
    background-color: #FF5A00;
    color: #FFFFFF;
    font-weight: bold;
    padding: 14px 10px;
    border-radius: 4px;
    display: block;
    text-align: center;
    text-decoration: none;
}

/*大きいver*/
#container .btn_download_page_l > a{
    background-color: #FF5A00;
    box-sizing: border-box;
    border-radius: 4px;
    display: table;
    overflow: hidden;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 16px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    height: auto;
    color: #FFFFFF;
}

/* 完了画面ボタン
* ====================================================================================================================================== */
#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,
.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;}
.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_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 {
    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: #FFFFFF;
    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_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_mybookshelf { width: 360px; }

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

/* 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 .btn_basic_flat a {
    display: table-cell;
    text-align:center;
    vertical-align: middle;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    background: #FFFFFF;
    padding: 6px 8px;
    font-size: 18px;
    color: #333333;
}
#container .btn_basic_flat a:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}

/* 詳細+一覧icons
* ====================================================================================================================================== */
/*book_icon_関連は特集系ページ(/feature)で使用されてるため削除禁止*/
#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=20240422);
    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-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-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;}

.social_actions {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social_actions li.color-x {
    background-color: #000000;
    border-radius: 50%;
}

.social_actions li.color-line {
    background-color: #4CC764;
    border-radius: 50%;
}

.social_actions li.sns-btn-wrap a.icon-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.social_actions li.sns-btn-wrap svg.icon-facebook {
    fill: #1877F2;
    background-color: #FFFFFF;
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

.social_actions li.sns-btn-wrap svg.icon-x {
    fill: #FFFFFF;
    height: 16px;
    width: 16px;
}

.social_actions li.sns-btn-wrap svg.icon-line {
    fill: #FFFFFF;
    margin-top: 2px;
    height: 23px;
    width: 23px;
}

svg.icon-hatebu {
    width: 36px;
    height: 36px;
}
svg.icon-mail {
    height: 32px;
    width: 32px;
    margin-left: 3px;
    margin-top: 1px;
    border-radius: 23%;
}
.product_actions .social_actions .icon-facebook,
.product_actions .social_actions .icon-x,
.product_actions .social_actions .icon-mail,
.product_actions .social_actions .icon-hatebu{
    width: 36px;
    height: 36px;
}

#container span.mark {
    background-color: #AAAAAA;
    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: #AAAAAA;}

/* 対応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_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_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_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_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_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_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: left;
    height: 19px;
    margin: 0 0 10px;
}
#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: left;
    font-weight: normal;
    line-height: normal;
}
#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 {
    display:inline-block;
    width: auto;
    min-width: auto;
    height: auto;
    padding: 3px 5px 2px;
    line-height: 1;
    border: 1px solid #707070;
    border-radius: 3px;
    background: #FFFFFF;
    color: #707070;
    font-size:11px;
    opacity: 1;
}
#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 {
    border: 1px solid #EE0000;
    background-color: #FFFFFF;
    color: #EE0000;
    font-weight: normal;
}
#container .book .tag_orange span{
    color:#FF5A00;
    border:#FF5A00 solid 1px;
    background-color: #FFFFFF;
    line-height: 13px;
}
/* 特集ページ用旧デザイン(#feature_module) */
#feature_module #container .tags,
#feature_module #container .tag_box {
    text-align: center;
    height: 19px;
    margin: auto;
}
#feature_module #container .item-ph .tag,
#feature_module #container .book .tag,
#feature_module #container .product_series_tag,
#feature_module #container .product_bookshelf_tag {
    text-align: center;
    font-weight: normal;
    line-height: normal;
    height: 14px;
}
#feature_module .base_tag,
#feature_module #container .item-ph .tag span,
#feature_module #container .product_topic span,
#feature_module #container .product_series_tag span,
#feature_module #container .product_bookshelf_tag span,
#feature_module #container .tags .genre_tag {
    width:70px;
    font-size:11px;
    line-height: 15px;
    background: #AAAAAA;
    border: none;
    display:inline-block;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    height: 14px;
    border-radius: 0;
    padding: 0;
}
#feature_module .base_tag.strong,
#feature_module #container .item-ph .tag.strong span,
#feature_module #container .product_topic span.strong,
#feature_module #container .product_topic .tag.strong span,
#feature_module #container .product_series_tag.strong span,
#feature_module #container .product_bookshelf_tag .strong span {
    background-color: #EE0000;
    font-weight: normal;
}

#feature_module #container .item-ph .tag.reserve span,
#feature_module #container .product_topic span.reserve,
#feature_module #container .product_topic .tag.reserve span,
#feature_module #container .product_series_tag.reserve span {
    background-color: #69A700;
}
#feature_module #container .item-ph .tag.orange span,
#feature_module #container .product_topic span.orange,
#feature_module #container .product_topic .tag.orange span,
#feature_module #container .product_series_tag.orange span,
#feature_module #container .product_bookshelf_tag .orange span {
    background-color: #FF5A00;
}

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

/* 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 #CCCCCC;
    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;
    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: #AAAAAA;
    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: 100%;
}

#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;
    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: #FFFFFF;
    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: #666666;
}

/* title */
#container .search_item_list li.item .title {
    white-space: nowrap;
    overflow: hidden;
    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: #DDDDDD;
}
#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;
    max-width: 400px;
}
#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: #333333;
}
#container .search_item_list li.item .spec .detail_item .discoun_price {
    font-size: 18px;
}
#container .search_item_list li.item .spec .cooperation_book_link {
    display: inline-block;
}
#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: #666666;
    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: #FFFFFF;
    padding: 15px;
}
#container .safe_search_box {
    border: 1px solid #DDDDDD;
}
#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 #DDDDDD;
}
#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 .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 #DDDDDD;
    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 #DDDDDD;
}

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

#container .spoiler_hide a:link,
#container .spoiler_hide a:visited,
#container .spoiler_hide button {
    color: #EEEEEE;
    -webkit-user-select: none;
    user-select: none;
}
#container .spoiler_hide{
    color: #EEEEEE;
    -webkit-user-select: none;
    user-select: none;
}
#container .spoiler_hide:hover a,
#container .spoiler_hide:hover button {
    color: #0048B4;
}
#container .spoiler_hide:hover{
    color: #333333;
    -webkit-user-select: auto;
    user-select: auto;
}

/* tab,menu
* ====================================================================================================================================== */
/* tab,menu共通 */
#container .menu_list li,
#container .tab_navi li,
#container .tab_sub li {
    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: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
}
#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: linear-gradient(to bottom,  rgba(255,247,234,1) 0%,rgba(224,211,195,1) 100%); /* W3C */
}
#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: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    box-shadow: none;
}
#container .tab_navi ul li.current {
    background: #FF5A00;
    font-weight: bold;
}
#container .tab_navi ul li.current a { color: #FFFFFF; }
#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: #FFFFFF;
    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: #333333;
    position: relative;
    text-decoration: none;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 9px 0;
}
#container .tab_navi ul li.last-child a { border-right: 1px solid #CCCCCC; }
#container .tab_navi ul li.current a {
    background: #FF5A00;
    border-left: 1px solid #CCCCCC;
    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 #CCCCCC;
}
#container .tab_sub ul li{ float: left; }
#container .tab_sub ul li a {
    color: #333333;
    width: 100%;
    text-decoration: none;
    text-align: center;
    border-right: 1px solid #CCCCCC;
    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;
}

/*線タブナビ*/
.tab_navi_border {
    border: solid 1px #FF5A00;
    border-radius: 5px;
    overflow: hidden;
    height: 46px;
}
.tab_navi_border.size_s {
    height: 39px;
}
.tab_navi_border.size_xs {
    width: 400px;
    height: 28px;
    margin: 30px auto 20px;
}
.tab_navi_border li {
    float: left;
    width: 50%;
    height: 100%;
}
.tab_navi_border.tab3 li {
    width: 33.333%;
}
.tab_navi_border.digiplus.tab3 li.tab_current {
    float: right;
}
.tab_navi_border li a {
    display: flex;
    font-size: 18px;
    color: #FF5A00;
    text-decoration: none;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.tab_navi_border.size_s li a {
    font-size: 13px;
}
.tab_navi_border.size_xs li a {
    font-size: 13px;
    font-weight: bold;
}
.tab_navi_border li a:hover {
    background: #FFEFE6;
}
.tab_navi_border li.tab_current a {
    background: #FF5A00;
    color: #FFFFFF;
}
.tab_navi_border.tab3 li a {
    border-left: 1px solid #FF5A00;
}
.tab_navi_border.airbook.tab3 li a {
    border-left: none;
}
.tab_navi_border.tab3 li:first-child a {
    border: none;
}

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

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

/* 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;
            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;
            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;
    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: #333333;
    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 #CCCCCC;
    border-radius:4px;
}
/*ご利用ガイドページ内リンク*/
#container .menu_list .menu_inner .menu_btnset li{
    float: left;
    border-right: 1px dotted #CCCCCC;
}
#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: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-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: #333333; }
#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 #DDDDDD; }
/* 特集用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 #DDDDDD;
}
.list_btns.list_outline2 {
    border: 1px solid #DDDDDD;
    border-bottom: none;
}
.list_btns.list_borders {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}
.list_btns.list_top_border {
    border-top: 1px solid #DDDDDD;
}
.list_btns.list_bottom_border {
    border-bottom: 1px solid #DDDDDD;
}
#container .list_btn_item > .list_btns {
    background-color: #DDDDDD;
    padding-left: 10px;
}
.list_btns .list_btn_item {
    background-color: #FFFFFF;
    display: block;
    table-layout: fixed;
}
.list_btns.lined .list_btn_item {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #DDDDDD;
}
.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: 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: #FFFFFF;
    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 #DDDDDD;
}
#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: #333333;
    padding: 3px 5px 1px;
    text-decoration: none;
}
#container .list_btns_sh.rectangle .list_btn_item {
    width: 50%;
    height: 43px;
    border-bottom: 1px solid #DDDDDD;
}
#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 #DDDDDD;
    background: #FFFFFF;
}
#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: #FFFFFF;
}
#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: #777777; }
/* 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;
}
#container .book_row_seven .book .btn_module svg {
    margin: 0 0 0 -3px;
}

/* modal window
* ====================================================================================================================================== */
#modal_area .modal_set{ display:none; }
#modal_area .modalbody{
    position: fixed;
    background: #FFFFFF;
    left:50%;
    top:50%;
    width:900px;
    height: 660px;
}
#modal_area .modalback{
    position: absolute;
    left: 0;
    top: 0;
    height:100%;
    width:100%;
    background:#000000;
    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 #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.local_nav h2 {
    border-bottom: 1px solid #DDDDDD;
    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: #666666;
}
.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 #DDDDDD;
    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: #333333; 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: #FFFFFF;
}
.local_nav2 {
    background-color: #FFFFFF;
    font-size: 12px;
}
.local_nav2 h2 {
    font-weight: bold;
    padding: 10px;
    color: #FFFFFF;
}
.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: #666666;
}
.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: 10px 0px 4px 10px;
    color: #333333;
}
.local_nav2 .sub_category2 h3 {
    padding: 6px 0px 4px 22px;
}
.local_nav2 .sub_category2 a {
    padding: 4px 0px 4px 22px;
}

.local_nav2  h3.no_ml{
    background-color: #F1F1F1;
}
.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: #333333; text-decoration: none; }
.local_nav2 a:link, .local_nav2 a:visited, .local_nav2 a:active, .local_nav2 a:hover { color: #333333; 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; }

/* サイドメニューのAPPダウンロード */
#sidemenu_app_download,
#sidemenu_app_download_first_user {
    margin-top: 20px;
    background-color: #FFFFFF;
}

.sad_detail,
#sidemenu_app_download_first_user {
    padding: 10px;
}

#sidemenu_app_download_first_user {
    padding-bottom: 0;
}

.sad_detail p {
    line-height: 1.2em;
    margin-bottom: 10px;
}

#sidemenu_app_download_first_user h3 {
    margin: 5px auto 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#sidemenu_app_download_first_user img {
    display: block;
    margin: 20px auto 0;
}

#sidemenu_app_download.app_download_get_point img {
    width: 100%;
    max-width: 220px;
    height: auto;
}

/* ご利用ガイド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;
    overflow:hidden;
}
.form_step li {
    float:left;
    width:194px;
    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: #FFFFFF;
    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:#FF0000;
}
.defTbl{
    width:100%;
    margin-bottom:20px;
}
.defTbl tr th,
.defTbl tr td{
    padding:10px;
    border:#DDDDDD solid 1px;
    color:#333333;
    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:260px;
}
.defTbl tr td input[type="radio"]{
    vertical-align:top;
}
.defTbl tr td select{
    width:260px;
    cursor: pointer;
}
.defTbl tr td textarea{
    width:98%;
    height:130px;
}
.defTbl tr th.imgcell,
.defTbl tr td.imgcell{
    line-height:1;
    font-size:0;
}

.defTbl.table_fixed{
    table-layout: fixed;
}

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

/* point table */
.point_table tr th {
    text-align: center;
}
.point_table tr td {
    text-align: center;
}
.point_table td.course {
    white-space: nowrap;
    text-align: left;
}
.point_table.small {
    width:350px;
}
.point_table.small tr th,
.point_table.small tr td {
    padding: 5px;
    white-space: normal;
}
.point_table:not(.small) tr th br:first-child {
    display: none;
}
.point_table:not(.small) {
    table-layout: fixed;
}

/* 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%;
    box-sizing: border-box;
    border: 1px solid #AAAAAA;
    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 select.styled {
    font-size: 100%;
    height: 48px;
    padding: 0px 8px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #AAAAAA;
    border-radius: 0px;
}*/

#container textarea.styled {
    font-size: 100%;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #AAAAAA;
    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: #FFFFFF;
    padding: 40px 80px;
}
#container .facebook_btn_note {
    color: #666666;
    font-size: 11px;
}
#container dl.form_element {
    margin-bottom: 20px;
    overflow: hidden;
}
#container dl.form_element dt {
    color: #666666;
    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: #666666;
    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;
    cursor: pointer;
}
#container dl.form_element dd select {
    margin: 4px 6px 2px 9px;
    height: 40px;
    vertical-align: baseline;
    font-size: 15px;
    border: 1px solid #DDDDDD;
    line-height: 1.8;
    padding: 9px 0;
    cursor: pointer;
}
#container dl.form_element dd select:first-child{
    margin-left: 0;
}
#container dl.form_element dd .note {
    color: #666666;
    font-size: 11px;
    font-weight: normal;
}
#container dl.form_element dd .note.font_attention{
    color: #EE0000;
}
#container .checkbox_note {
    color: #666666;
    font-size: 11px;
    margin-left: 28px;
}
#container ul.agreements li {
    margin-top: 5px;
}
#container .security_marks {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#container .privacy_mark img {
    width: 75px;
    height: 75px;
}
#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 #DDDDDD;
    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 #DDDDDD;
    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 .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: #999999;
}

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

#area_keep .area_slide .content{
_zoom: 1;
overflow: hidden;
margin: 0 0 0 37px;
}

.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: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: linear-gradient(to bottom,  rgb(98, 122, 173) 0%,rgb(59, 89, 152) 100%); /* W3C */
    color: #FFFFFF;
    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: #FFFFFF;
    text-decoration: none;
}
a.facebook_btn:hover {
    text-decoration: none;
    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;
}
.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;
    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: #FFFFFF;
    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: linear-gradient(to bottom,  #FF1A48 0%,#FF0033 100%); /* W3C */
    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: #FFFFFF;
    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: linear-gradient(to bottom,  #2D4292 0%,#003399 100%); /* W3C */
    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: #FFFFFF;
    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: #FFFFFF;
    border-radius: 3px;
    display: block;
    text-align: center;
    position: relative;
    width: 280px;
    text-decoration: none;
}
.line_btn span {
    color: #FFFFFF;
}
.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;
    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 #CC0033;
    border-radius: 3px;
    background: url(/resources/a/sp/common/images/d_account_logo.png) no-repeat #FFFFFF 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: #FFFFFF;
    background-color: #CC0033;
}
.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:#FFFFFF;
    padding-top:30px;
    text-align:center;
    padding: 20px;
}
.adultlevel_block .r18_color {
    color: #EC2B4D;
}
.adultlevel_block .light_color {
    color: #CCCCCC;
}
#container .tab_navi_radius + .adultlevel_block {
    padding-top: 30px;
}
.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 {
    text-align:left;
    margin:50px auto 0;
    width:300px;
}
.adultlevel_block .separator {
    border-top: solid 1px #DDDDDD;
    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: #FFFFFF;
    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:#FFFFFF;
    cursor: pointer;
}
#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;
    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 .hidden_password_form {
    visibility: hidden;
    top: -100px;
    left: -100px;
}

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

.card-attention {
    border: 1px solid #FF0000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.card-attention[aria-hidden="true"] {
    display: none;
}
.card-attention > h4 {
    background: #FF0000;
    color: #FFFFFF;
    padding: 5px;
    margin-bottom: 10px;
}
.card-attention > h4 > span {
    font-weight: bold;
    font-size: 16px;
}
.card-attention p {
    padding: 0 10px;
}
.card-attention_nmv {
    margin-bottom: 5px;
}
.card-attention__nmv[aria-hidden="true"] {
    display: none;
}
.card-attention__retry[aria-hidden="true"] {
    display: none;
}

#new_creditcard_form .valid_html {
    display: none;
}
#new_creditcard_form input:invalid + .valid_html {
    display: block;
}

/* ページ内リンク
--------------------------------------------------*/
.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 #DDDDDD;
    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======================== */

/*appleログイン用ボタン*/
.apple_btn {
    border: 1px solid #000000;
    background: #000000;
    color: #FFFFFF;
    border-radius: 3px;
    display: block;
    text-align: center;
    height: 34px;
    position: relative;
    width: 280px;
    text-decoration: none;
    cursor: pointer;
}
.apple_btn.quit {
    height: 46px;
}

/*共通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 #DDDDDD;
    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;
    border-radius: 3px;
    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;
    border-radius: 3px;
    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 dd{
    padding: 10px;
    border-radius: 3px;
    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;
}
.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;
}

/* LP */
.product_series_title {
    margin: 0 0 10px;
    overflow:hidden;
    height: 3.1em;
    white-space: nowrap;
    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 #FFFFFF;
    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から　ここまで*/


/*クーポンエントリーボタン*/
/* bl-XXX 特例 */
#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=20240422);
    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;
}

#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 #DDDDDD;
    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: 77px;
    top: 72px;
    z-index: 1001;
    width: 400px;
    border:1px solid #CCCCCC;
    cursor: pointer;
}
#area_message_popup .area_message_popup_inner {
    background: #F1F1F1;
    padding: 0 10px 10px;
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.15);
}
#area_message_popup .heading {
    float: left;
    font-size: 16px;
}
#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: #FFFFFF;
}
#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: #FFFFFF;
}
#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 #BBBBBB;
    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 10px 5px 0;
    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 svg{
    fill: #FF5A00;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -3px;
    left: 0;
}
#container .product_title_ranking .ranking {
    color: #FF5A00;
    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: #FFFFFF;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
}

#container .error_page h1 {
    font-size: 22px;
    font-weight: 600;
    margin: 0px 20px;
}

#container .error_page .bookllama_error_img {
    width: 160px;
    height: auto;
    margin: 0 auto 10px;
}

#container .error_page .error_message {
    margin: 10px;
}

#container .error_page .page_btns {
    display: flex;
    justify-content: center;
    margin: 35px;
}

#container .error_page .page_btns .page_btn {
    width: 300px;
    margin: 10px;
    border-radius: 5px;
    font-weight: 500;
}

#container .error_page .bookllama_error_img img {
    width: 100%;
}

#container .error_page_inner {
    padding-bottom: 60px;
}

#container .error_exception {
    padding: 10px;
    color: #FF0000;
    margin-top: 20px;
}

#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);
}
#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;

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

/* --- "絞り込み"ボタン用 --- */
.header_criteria .refine-search-btn {
    width: 5.5em;
    height: 3.4em;
    margin-right: 0.8em;
    cursor: pointer;
    padding:0;
    font-weight:normal;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    color: #333333;
    border-radius: 5px;
}

#search > .header_searchbox {
    width: 18em;
}

.phrase {
    display: inline-block;
    text-decoration: inherit;
}

/* day-ranking
--------------------------------------------------*/
.search_item_list .icon-rank {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: #FF5A00;
}
.search_item_list .icon-rank.books {
    fill: #69A700;
}
.search_item_list .icon-rank.business {
    fill: #009ED0;
}
.search_item_list .icon-rank.mcomic {
    fill: #0080D0;
}
.search_item_list .icon-rank.fcomic {
    fill: #FF6090;
}
.search_item_list .icon-rank.magazine,
.search_item_list .icon-rank.photo {
    fill: #365290;
}
.search_item_list .icon-rank.lightnovel {
    fill: #D4C400;
}
.search_item_list .icon-rank.adult {
    fill: #DC5AC0;
}
.search_item_list .icon-rank.teenslove {
    fill: #868CF0;
}
.search_item_list .icon-rank.teenslove {
    fill: #868CF0;
}
.search_item_list .icon-rank.boyslove {
    fill: #3FADB0;
}
/* product-ranking（作品詳細,トップ）
--------------------------------------------------*/
.product_rank_crown svg {
    display: block;
    margin: 0 auto;
    width:  48px;
    height: 48px;
}

.product_rank_crown text {
    fill: #FFFFFF;
    font-size:14px;
}

.product_rank_crown .rank1 {
    fill: #E09800;
}
.product_rank_crown .rank2 {
    fill: #7C7D7C;
}
.product_rank_crown .rank3 {
    fill: #B85A00;
}
.genre_rank_icon {
    height: 48px;
    text-align: center;
}
.genre_rank_icon .icon-round {
    width: 28px;
    height: 28px;
    line-height: 29px;
    border-radius: 14px;
    background: #AAAAAA;
    display: inline-block;
    margin: 15px 0 0;
    color: #FFFFFF;
    font-size: 14px;
    font-style: normal;
    text-align: center;
}

/* 2021/10/27 #233009 */
.header_safe_list {
    display: none;
}

/* 2021/01/19 #233212*/
.noscript {
    background-color: #3A3A3A;
    color: #FFFFFF;
    width:100%;
    text-align: center;
}
.t_pt_warning {
    text-align: center;
    background-color:#FFF200;
    width:100%;
    padding:5px 0;
}
/* 2022/03/02 #243327 更新#245011*/
#genre_list_json,
#tag_list_json,
#author_list_json,
#keisai_list_json,
#publisher_list_json {
    display: none !important;
}

/* 2022/03/16 #244213*/
.main_lite.login.sanseido_renkei {
    padding:20px;
}

.button_common.openid_auth-error {
    text-align:center !important;
}

.btn_txt_openid_auth-error {
    padding:10px 11px;
}

/* reCAPTCHA v2 ログイン */
.main_form #recaptcha {
    text-align: center;
    width: 300px;
    margin: 20px auto;
}

.sub_category .sub_genre .sub_genre_list {
    padding-left: 10px;
}

/* コマ見せスライダー（ECIで利用中） */
.eci_panel_link {
    padding: 0 20px 10px;
    background: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}

.eci_panel_link .icon-coupon {
    width: 25px;
    height: 25px;
    fill: #FF5A00;
    vertical-align: middle;
    margin-top: -2px;
}

.card-slider {
    padding: 0 0 0 10px;
    background: #FFFFFF;
}

.card-slider.swiper-container {
    height: 510px;
    padding-left: 15px;
}

.card-slider .swiper-slide {
    width: 250px;
    padding-right: 15px;
}

.card-slider .swiper-slide .card-item {
    background: #FFFFFF;
    box-sizing: border-box;
    flex-shrink: 0;
    border: #B4B4B4 solid 1px;
    border-radius: 8px;
    overflow: hidden;
}

.card-slider .swiper-slide .card-item .card-slider_img {
    width: 250px;
    height: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.card-slider .swiper-slide .card-item .card-slider_img img {
    width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

.card-slider .swiper-slide .card-item .card-title-info {
    padding: 10px;
    height: 130px;
}

.card-slider .swiper-slide .card-item .product_detail {
    display: flex;
}

.card-slider .swiper-slide .card-item .product_thumbnail {
    min-width: 90px;
    height: 130px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.card-slider .swiper-slide .card-item .product_thumbnail img {
    max-width: 90px;
    max-height: 130px;
    object-fit: contain;
}

.card-slider .swiper-slide .card-item .product_description {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 10px;
}
.card-slider .swiper-slide .card-item .product_description a {
    margin-top: auto;
}

.card-slider .swiper-slide .card-item .product_description .card-slider_attention {
    color: #FF0000;
    font-weight: 700;
}

.card-slider .swiper-slide .card-item .eci_panel_btn_read {
    align-items: flex-end;
}

.card-slider .swiper-slide .card-item .card-slider_title {
    display: -webkit-box;
    font-size: 12px;
    color: #333333;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.card-slider .swiper-button-prev,
.card-slider .swiper-button-next {
    position: absolute;
    top: 96%;
    width: 30px;
    height: 30px;
}

.card-slider .swiper-button-prev {
    background: url("/resources/a/pc/common/images/main_viz_arrow.png") no-repeat center center / contain;
    background-size: 30px 56px;
    width: 30px;
    height: 30px;
    background-position: 0px -28px;
}

.card-slider .swiper-button-next {
    background: url("/resources/a/pc/common/images/main_viz_arrow.png") no-repeat center center / contain;
    background-size: 30px 56px;
    width: 30px;
    height: 30px;
    background-position: 0 0px;
}

.card-slider .swiper-button-next:after,
.card-slider .swiper-button-prev:after {
    font-size: 22px;
    color: grey;
    opacity: 0;
}

.card-slider.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px;
}

.card-slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.card-slider .swiper-pagination-bullet-active {
    background: #FF5A00;
}


/** ソート統一 **/
.sort_area_toggle {
    margin: 10px 0;
}
.sort_area_toggle .toggle_sorter {
    background: #FFFFFF;
    width: 167px;
}
.toggle_sorter .sort_selected_area {
    display: flex;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    background: #FFFFFF;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.sort_area_toggle .sort_selected .sorting {
    display: block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-left: 10px;
    fill: #4D4D4D;
}
.toggle_sorter .sort_btn {
    color: #4D4D4D;
    margin: 0 auto;
    display: inline-block;
    box-sizing: border-box;
    height: 42px;
    line-height: 40px;
}
.toggle_sorter .sort_btn span {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}
.sort_area_toggle .arrow-down {
    display: block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #4D4D4D;
    margin-right: 10px;
}
.sort_area_toggle .toggle_sorter[aria-expanded="false"] > ul {
    display: none;
}
.sort_area_toggle .sort_items {
   position: absolute;
    width: 167px;
    margin-top: 1px;
    z-index: 1;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 3px 5px 6px rgba(0,0,0,.15);
    border: 1px solid #E6E6E6;
}
.sort_area_toggle .sort_items > li {
    display: table;
    width: 100%;
    min-height: 38px;
}
.sort_area_toggle .sort_items li:last-child {
    border-bottom: 1px solid #CCCCCC;
}
.sort_area_toggle .sort_items > li > a {
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    line-height: 40px;
    padding-left: 15px;
}
.sort_area_toggle .sort_items > li > a:hover {
    background: #E6E6E6;
    text-decoration: none;
}

/* product_bukumaru */
.product_bukumaru {
    padding: 10px 20px;
}
.product_bukumaru a {
    margin-left: 20px;
    color: #333333;
}
.product_bukumaru ul {
    margin: 10px 0;
}
.product_bukumaru li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    height: 60px;
}
.product_bukumaru li img {
    width: 60px;
    height: 60px;
}
.product_bukumaru .icon-bukumaru {
    width: 60px;
    height: 60px;
    border: solid 1px #DDDDDD;
}

/* 戻るボタン */
.back_btn_area {
    display: flex;
    justify-content: center;
    background-color: #FFFFFF;
    padding-bottom: 40px;
}

.back_btn_area a {
    width: 180px;
    color: #333333;
    background: #FFFFFF;
    border: 1px solid #B4B4B4;
    font-size: 13px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 24px;
    border-radius: 3px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    margin: 0 5px;
}

/* for JavaScript styles */
.js-toggle[aria-expanded="false"] .js-toggle-target {
    display: none;
}

/* webviewから遷移について注意書き */
.webview-annotation {
    background-color: #FFFFFF;
    color:#FF0000;
    text-align: center;
    font-weight: bold;
}

.webview-annotation--money-info {
    padding: 10px 0;
}

.webview-annotation--monthly-point {
    padding-top: 20px;
}

/* フッター再訪チャネル */
footer .revisit_channel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 960px;
    height: 40px;
    margin: 0 auto;
    padding: 24px 0;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
}
footer .revisit_channel .footer_message img {
    width: 166px;
    height: 44px;
    margin-right: 24px;
}
footer .revisit_channel > p {
    color: #FF5A00;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
}
footer .revisit_channel span {
    font-size: 14px;
    color: #777777;
}
footer .revisit_channel .footer_partition {
    margin-right: 24px;
}
footer .revisit_channel .footer_partition img {
    width: 45px;
    height: auto;
}
footer .revisit_channel > div a {
    margin: 2px auto;
    position: relative;
    display: flex;
    align-items: center;
}
footer .revisit_channel > div a:link,
footer .revisit_channel > div a:hover,
footer .revisit_channel > div a:active,
footer .revisit_channel > div a:visited {
    color: #666666;
}
footer .revisit_channel .title {
    line-height: normal;
    color: #333333;
    font-weight: 700;
}
footer .revisit_channel .lead {
    color: #777777;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0;
}
footer .revisit_channel .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1px;
}
footer .revisit_channel .mail,
footer .revisit_channel .line,
footer .revisit_channel .x_link {
    width: 235px;
    height: 40px;
    padding-left: 16px;
}
footer .revisit_channel .line,
footer .revisit_channel .x_link {
    border-left: 1px solid #E5E5E5;
}
footer .revisit_channel .line,
footer .revisit_channel .mail {
    margin-right: 16px;
}
footer .revisit_channel .mail {
    padding-left: 0;
}
footer .revisit_channel .line .icon {
    background-color: #4CC764;
    border-radius: 23%;
    height: 36px;
    width: 36px;
}
footer .revisit_channel .icon svg.icon-line {
    fill: #FFFFFF;
    height: 25px;
    width: 25px;
    margin-top: 1px;
}
footer .revisit_channel .x_link .icon {
    height: 26px;
    width: 26px;
    margin-top: 3px;
}
footer .revisit_channel .icon svg.icon-mail {
    height: 36px;
    width: 36px;
    margin: auto;
}
footer .revisit_channel .icon svg.icon-x {
    height: 26px;
    width: 26px;
    margin: auto;
}
footer .revisit_channel .text {
    margin-left: 8px;
}
footer .revisit_channel span.arrow_right {
    position: absolute;
    right: 0;
}
footer .revisit_channel .arrow_right {
    background: url("/resources/a/pc/common/images/bg_arrow_right_ash.png") no-repeat;
    background-size: 7.2px 12px;
    padding: 7px 4px;
}
footer .revisit_channel .line .lead {
    letter-spacing: -0.09em;
}
footer .revisit_channel .x_link .lead {
    letter-spacing: -0.1em;
}