/* =====================================================================
*
*    top css
*
* =================================================================== */
/* news_ticker
---------------------------*/
#eci-forTop_crate.eciparts-viewed {
    background-color: #F1F1F1;
    padding-bottom: 15px;
}
#eci-forTop_crate div {
    background-color: #FFFFFF;
}
#eci-forTop_crate div.news_ticker:first-child {
    padding-top: 15px;
}
.news_ticker {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    border: solid 1px #CCCCCC;
    padding: 15px 0;
}

.news_ticker a {
    color: #333333;
}

.news_ticker a:hover {
    text-decoration: underline;
}

.info_important {
    display: block;
    border: 1px solid #EC2B4D;
    background-color: #EC2B4D;
    width: 45px;
    height: 23px;
    box-sizing: border-box;
    margin: 0 15px;
    border-radius: 4px;
    line-height: 23px;
    color: #FFFFFF;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-align: center;
}

.info_blog {
    display: block;
    border: 1px solid #FF5A00;
    width: 65px;
    height: 23px;
    box-sizing: border-box;
    margin: 0 15px;
    border-radius: 4px;
    line-height: 23px;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-align: center;
}

.news_ticker .special_user {
    color: #FF0000;
    text-decoration: underline;
}


/* main area banner
--------------------------------------------------*/
#container #main #area_banner.area_common {
margin-bottom: 20px !important;
padding-bottom: 0;
}
#main #area_banner .area_inner {
padding: 10px 10px 0;
clear: both;
}
/* CM用バナー */
#main #area_banner .area_inner.cm_banner {
    text-align: center;
}

#area_banner .banner {
    display: flex;
}

#area_banner li {
    width: 220px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#area_banner li.last {
margin-right: 0;
}

#area_banner li img {
width: 220px;
height: 65px;
}

/* #area_new, #area_new_2
--------------------------------------------------*/

#area_new .area_inner,
#area_new_2 .area_inner {
padding-bottom: 0;
}
#area_new .line,
#area_new_2 .line {
margin-bottom: 20px;
_zoom: 1;
overflow: hidden;
}
#area_new .line:last-child,
#area_new_2 .line:last-child {
margin-bottom: 0;
}
#area_new div.line,
#area_new_2 div.line {
    width: 720px\9;
}

/* #daily_ranking #daily_ranking_magazine
--------------------------------------------------*/
#daily_ranking .area_inner,
#daily_ranking_magazine .area_inner {
    padding-bottom: 0;
}
#daily_ranking .line,
#daily_ranking_magazine .line {
    margin-bottom: 10px;
    _zoom: 1;
    overflow: hidden;
}
#daily_ranking .line:last-child,
#daily_ranking_magazine .line:last-child {
    margin-bottom: 0;
}
#daily_ranking div.line,
#daily_ranking_magazine div.line {
    width: 720px\9;
}

/* #area_campaign
--------------------------------------------------*/

#area_campaign div.area_inner > div {
    width: 720px\9;
}

/* #area_update
--------------------------------------------------*/

#area_update dl {
position: relative;
padding: 15px 0 0 0;

}
#area_update dl dt {
width: 120px;
position: absolute;
left: 10px;
}
#area_update dl dd:last-child {
border-bottom: none;
margin: 0;
}
#area_update dl dd {
width: 508px;
padding: 0 40px 10px 130px;
display: block;
background: url(/resources/a/pc/common/images/bg_arrow_orange.png) no-repeat 650px 0;
margin: 0 0 15px 0;
}
#area_update .area_inner div {
border-top: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
margin-bottom: 20px;
}
#area_update .area_inner div a {
color: #333333;
}
#area_update .area_inner div dl {
border-bottom: 1px solid #E6E6E6;
}

/* #area_topicmagazine
--------------------------------------------------*/

.area_lineuptop {
    margin-bottom: 0;
    border-bottom: none;
    }



.buttonarea,
.buttonarea .main_lite,
.buttonarea .main_lite .button_common {
    margin: 0;
    padding: 0;
    text-align: left;
    }
.main_lite .button_common .button {
    margin: 3px 0 0 0;
    }
.main_lite .button_common .button > span,
.main_lite .button_common .button a > span {
    width: 136px;
    height: 30px;
    line-height: 30px;
    }
.main_lite .button_common {
    width: auto;
    }

/* section */
#container #main .area_common {
    margin-bottom: 0px;
    padding-bottom: 40px;
    overflow: visible;
}
#container #container_inner #main .area_common.banner_target_date {
    padding: 10px 0;
}

/* 初めての方へ */
#container .top_beginner {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 3px 9px;
    text-decoration: none;
}
#container .top_beginner:hover {
    background-color: #E6E6E6;
}
#container .top_beginner i {
    background-image: url("/resources/a/pc/common/images/icon_beginner.png");
    background-repeat: no-repeat;
    height: 24px;
    margin-right: 6px;
    vertical-align: top;
    width: 24px;
}
/* selection2 */
.book.last-child {
    margin: 0;
}

/* -------------standard_cont------------- */
.standard_cont {
    padding: 0 10px 10px;
    overflow: hidden;
}
.standard_cont .book .pitarea {
    height: 155px;
}

/* -------------rcmd_top------------- */
/* rcmd_list */
.rcmd_list {
    width: 680px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    border: solid #CCCCCC;
    border-width: 0 0 1px 1px;
    box-sizing: border-box;
}

.rcmd_list li {
    width: 25%;
    border: solid #CCCCCC;
    border-width: 1px 1px 0 0 ;
    box-sizing: border-box;
}

.rcmd_list li a {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.rcmd_list li a:hover { background-color: #F7F7F7; }

/* rcmd_item */
.rcmd_item {
    display: flex;
    align-items: center;
    height: 70px;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
}

.rcmd_item::before {
    display: block;
    content: " ";
    background-image: url("/resources/a/common/images/icon_osusume.png?date=220801");
    background-size: 384px 48px;
    background-position: 0 0;
    width: 48px;
    height: 48px;
    margin: 11px 0 11px 4px;
}
.rcmd_provide::before { background-position-x: 336px; }
.rcmd_free::before { background-position-x: 192px; }
.rcmd_sale::before { background-position-x: 240px; }
.rcmd_gacha::before { background-position-x: 48px; }
.rcmd_set::before { background-position-x: 284px; }
.rcmd_media::before { background-position-x: 144px; }
.rcmd_original::before { background-position-x: 96px; }

.rcmd_item span {
    margin: 3px 0 0;
}
/* -------------rcmd_top ここまで------------- */

/* ジャンルで探す */
#side .area_genre .search_book,
#side .area_genre .search_business,
#side .area_genre .search_comic,
#side .area_genre .search_mcomic,
#side .area_genre .search_comicf,
#side .area_genre .search_lightnovel,
#side .area_genre .search_magazine,
#side .area_genre .search_photo,
#side .area_genre .search_adult,
#side .area_genre .search_teenslove,
#side .area_genre .search_boyslove {
    border-left-width: 2px;
    border-style: solid;
    margin-bottom: 20px;
    padding-left: 10px;
}

#side .area_genre ul li a {
    color: #333333;
    display: block;
    padding-bottom: 3px;
    padding-top: 3px;
}
#side .area_genre ul li a:hover,
#side .area_genre ul li .adult dt a:hover {
    background-color: #E6E6E6;
    text-decoration: none;
}
#side .area_genre ul li .adult dd {
    display: none;
    margin-left: 10px;
}

#side .top_side_banner_section {
    font-size: 12px;
    border-top: 0px solid #DDDDDD;
    border-bottom: 0px solid #DDDDDD;
}
#side .top_side_banner_section h3 {
    font-weight: bold;
    padding: 20px 0px 4px 10px;
}
#side .top_side_banner_wrap {
    border-bottom: 1px solid #BEBEBE;
    padding-bottom: 10px;
}
#side .top_side_banner_section .no_head {
    padding-top: 10px;
}

#side .top_side_banner_section .sns_btn_area {
    padding: 10px;
    background-color: #FFFFFF;
}
#side .top_side_banner_section .social_actions {
    justify-content: space-around;
    width: 100%;
    margin: 2.5px 0 5px;
}

#side .top_side_banner_section .social_actions li.sns-btn-wrap {
    width: 33px;
    height: 33px;
}

#side .top_side_banner_section .social_actions li.sns-btn-wrap svg.icon-twitter {
    margin: 1% 0 0 4%;
}

#side .top_side_banner_section .social_actions .icon-facebook {
    margin-top: -1px;
}

/* #238242 instagram用 */
#side .top_side_banner_section .social_actions .icon-instagram {
    width: 33px;
    height: 33px;
}

/* ===================top side review======================== */

/* 計測要素(画像やiframe)をデザインに影響しないように */
[src^="http://www.googleadservices.com"] {
    position: absolute;
}


.icon_tpoint {
    background: url("/resources/a/pc/v2/images/product/pc_parts_product.png?date=20240422") no-repeat -128px -33px;
    display: inline-block;
    line-height: 0;
    height: 16px;
    width: 16px;
    vertical-align: top;
}
.icon_point {
    background: url("/resources/a/pc/v2/images/product/pc_parts_product.png?date=20240422") no-repeat -80px -33px;
    display: inline-block;
    line-height: 0;
    height: 16px;
    width: 16px;
    vertical-align: top;
}

#area_check .pitarea,
#area_check_history .pitarea {
    height: auto;
}

#area_check .tags,
#area_check_history .tags,
#area_check_history .smallbtnarea {
    display: none;
}
#area_check .author,
#area_check_history .author {
    margin-bottom: 0;
}

#side .area_genre a:link {
    text-decoration: none;
}

/* ===================safe_search======================== */
#container .safe_search_box {
    padding: 15px 10px;
}


#container .list_btns_sh.round_corner .list_btn_item .list_btn_text a {
    color: #333333 !important;
}
#container .list_btns_sh.round_corner .list_btn_item .list_btn_text a:hover {
    text-decoration: underline !important;
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos {
    height: 45px;
    width: 110px;
    background-size: 110px auto;
    display: block;
    position: relative;
    top: -3px;
    margin: auto;
    background-repeat: no-repeat;
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos.comic_logo {
    background-image: url("/resources/a/common/images/publisher_logo/publisher_logo_comic.png?date=231004");
    top: -1px;
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos.comicf_logo {
    background-image: url("/resources/a/common/images/publisher_logo/publisher_logo_fcomic.png?date=240117");
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos.lightnovel_logo {
    background-image: url("/resources/a/common/images/publisher_logo/publisher_logo_lightnovel.png?date=231004");
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos.magazine_logo {
    background-image: url("/resources/a/common/images/publisher_logo/publisher_logo_magazine.png?date=20240807");
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos.adult_logo {
    background-image: url("/resources/a/common/images/publisher_logo/publisher_logo_adult.png?date=231018");
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos.tl_logo {
    background-image: url("/resources/a/common/images/publisher_logo/publisher_logo_tl.png?date=231004");
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item .keisai_logos.bl_logo {
    background-image: url("/resources/a/common/images/publisher_logo/publisher_logo_bl.png?date=231004");
}
#container .list_btns_sh.round_corner .list_btn_item.list_logo_item {
    height: 55px;
}
.cm_area {
    background: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 20px
}

#selection_free[data-no-book="false"] .p-slider-vue-selection-free-height {
    height: 271.5px;
}

#released-title[data-no-book="false"] .p-slider-vue-released-title-height {
    height: 251.5px;
}

#selection_1[data-no-book="false"] .p-slider-vue-selection-1-height,
#selection_3[data-no-book="false"] .p-slider-vue-selection-3-height,
#selection_4[data-no-book="false"] .p-slider-vue-selection-4-height,
#selection_5[data-no-book="false"] .p-slider-vue-selection-5-height,
#selection_6[data-no-book="false"] .p-slider-vue-selection-6-height,
#selection_7[data-no-book="false"] .p-slider-vue-selection-7-height,
#selection_8[data-no-book="false"] .p-slider-vue-selection-8-height,
#selection_9[data-no-book="false"] .p-slider-vue-selection-9-height,
#selection_10[data-no-book="false"] .p-slider-vue-selection-10-height,
#selection_11[data-no-book="false"] .p-slider-vue-selection-11-height,
#selection_12[data-no-book="false"] .p-slider-vue-selection-12-height {
    height: 291.5px;
}

#area_recommend_personalize[data-no-book="false"] .p-slider-vue-recommend-watch-height {
    height: 221.5px;
}

/* B-AI ABテスト用 */
#area_recommend_personalize[data-no-book="false"] .p-slider-vue-recommend-personalize-height {
    height: 221.5px;
}
#area_recommend_personalize[aria-hidden="true"] {
    display: none;
}

/* これにも注目 */
#area_recommend_personalize[data-no-book="false"] .p-slider-vue-recommend-personalize2-height,
/* 最近チェックした作品からのおすすめ */
#area_watch_history[data-no-book="false"] .p-slider-vue-recommend-watch-history-height {
    height: 221.5px;
}

#area_watch_history[aria-hidden="true"] {
    display: none;
}

#area_check_history[data-no-book="false"] .p-slider-vue-history-height,
#area_new_book_list[data-no-book="false"]  .p-slider-vue-area-new-book-list-height {
    height: 221.5px;
}
/* 異世界作品 */
#area_recently_read[data-no-book="false"]  .p-slider-vue-recently-read-height {
    height: 241.5px;
}

#area_search_advertisement_titles[data-no-book="false"] .p-slider-vue-search-advertisement-title-height,
#area_salepricelow_title_list[data-no-book="false"] .p-slider-vue-salepricelow-title-list-height,
#area_salepopularity_title_list[data-no-book="false"] .p-slider-vue-salepopularity-title-list-height {
    height: 251.5px;
}

/* 総合TOP いま話題の作品 */
#area_topic_list[data-no-book="false"] .p-slider-vue-area-topic-list-height {
    height: 251.5px;
}
#area_topic_list[aria-hidden="true"] {
    display: none
}

#area_tateyomi_title_list[data-no-book="false"] .p-slider-vue-tateyomi-title-list-height {
    height: 240px;
}
#area_tateyomi_title_list[aria-hidden="true"] {
    display: none;
}

.p-slider-vue-ranking-title-list-height {
    height: 290px;
}

#area_recommend_personalize[aria-hidden="true"],
#area_new_book_list[aria-hidden="true"],
#area_check[aria-hidden="true"],
#selection_free[aria-hidden="true"],
#selection_1[aria-hidden="true"],
#selection_3[aria-hidden="true"],
#selection_4[aria-hidden="true"],
#selection_5[aria-hidden="true"],
#selection_6[aria-hidden="true"],
#selection_7[aria-hidden="true"],
#selection_8[aria-hidden="true"],
#selection_9[aria-hidden="true"],
#selection_10[aria-hidden="true"],
#selection_11[aria-hidden="true"],
#selection_12[aria-hidden="true"],
#area_check_history[aria-hidden="true"],
#released-title[aria-hidden="true"],
#area_recently_read[aria-hidden="true"],
#area_salepricelow_title_list[aria-hidden="true"],
#area_salepopularity_title_list[aria-hidden="true"],
#area_anotherworld_title_list[aria-hidden="true"],
#area_saint_title_list[aria-hidden="true"],
#area_ranking_title_list_7[aria-hidden="true"],
#area_share_list_slider[aria-hidden="true"] {
    display: none;
}

/* first-user.tpl */
.side_widget--apps > .bl-appdownload--ios img,
.side_widget--apps > .bl-appdownload--android img {
    width: 100%;
}

/* 左バナー画像ぼやけ対応 */
.side_banner_section img {
    image-rendering: -webkit-optimize-contrast;
}

#container #search .header_searchbox {
    width: 340px;
    border-radius: 5px;
    display: inline-block;
}

#container #search .search_btn {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-left: 1px solid #CCCCCC;
    height: 100%;
    padding: 0 20px;
    border-radius: 0 5px 5px 0;
    background: #EBEBEB;
    -webkit-appearance: none;
    margin: 0;
}

#container .header_safe_list a {
    display: block;
    padding: 5px;
    font-size: 12px;
}

#container #container_inner #main #store_top_pc_search_media_vis.area_common,
#container #container_inner #main #store_top_pc_search_ranking_vis.area_common {
    margin-bottom: 20px;
}

/* メディア化作品スライダー */
/* ブックライブオリジナル作品スライダー */
/* ブックライブ独占先行配信作品スライダー */
#area_anime_media_title_list[data-no-book="false"] .p-slider-vue-anime-media-title-list-height,
#area_drama_media_title_list[data-no-book="false"] .p-slider-vue-drama-media-title-list-height,
#area_movie_media_title_list[data-no-book="false"] .p-slider-vue-movie-media-title-list-height,
#area_booklive_original_for_men[data-no-book="false"] .p-slider-vue-booklive-original-for-men-height,
#area_booklive_original_for_women[data-no-book="false"] .p-slider-vue-booklive-original-for-women-height,
#area_booklive_precede_for_men[data-no-book="false"] .p-slider-vue-booklive-precede-for-men-height,
#area_booklive_precede_for_women[data-no-book="false"] .p-slider-vue-booklive-precede-for-women-height {
    height: 242px;
}
#area_anime_media_title_list[aria-hidden="true"],
#area_drama_media_title_list[aria-hidden="true"],
#area_movie_media_title_list[aria-hidden="true"],
#area_booklive_original_for_men[aria-hidden="true"],
#area_booklive_original_for_women[aria-hidden="true"],
#area_booklive_precede_for_men[aria-hidden="true"],
#area_booklive_precede_for_women[aria-hidden="true"] {
    display: none;
}

/* 書店員レビューバナー */
.review_banner > img {
    display: block;
    margin: 0 auto 15px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 書店員アイコン */
.review_staff_area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.review_staff_area > img {
    height: 30px;
    padding-right: 5px;
}

/* 書店員レビューレイアウトの調整 */
#container .review_list_top_area {
    display: flex;
}
#container .except_area {
    display: flex;
}
#container .review_item_list li.item .except_title {
    width: 100%;
}
#container .title_btn_area .btn_area {
    width: 110px;
    padding: 0 5px 0 10px;
}
#container .review_item_list .under{
    width: 640px;
    padding: 0 10px;
}

.title_review_star_wrap {
    display: flex;
    align-items: center;
    padding-top: 5px;
}
.title_review_star_wrap .review_average_star {
    margin-top: -3px;
}
.title_review_star_wrap .title_review_average {
    font-weight: bold;
}
.review_content_area {
    margin-top: 15px;
}
.review_content_area .review_staff_area {
    justify-content: flex-start;
}
.review_content_area .readmore_link {
    color: #0048B4;
    background-color: #FFFFFF;
    border-width: inherit;
}
.no_review {
    color: #DDDDDD;
}

/* 各カテゴリトップページのバナー */
.category-index section[data-ua="banner-large"] {
    margin-bottom: 20px;
}

/* TOP デイリーランキング */
#container #area_ranking_title_list_8 {
    height: 380px;
}
#container #area_ranking_title_list_8 .area_inner {
    margin-left: 58px;
}
#container #area_ranking_title_list_8 .area_inner .book {
    width: 103px;
    margin-right: 17px;
}

/* 横長バナー */
.banner_landscape {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

#area_release_campaign .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#area_otoku .line,
#area_campaign .line,
#area_feature .line {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}
#area_campaign ul,
#area_feature ul {
    padding-top: 10px;
}
.border_partition {
    border-top: 1px solid #DDDDDD;
    padding-top: 15px;
}

/* メディア化ECI枠 */
#eci_top_media_banner {
    padding-top: 15px;
    text-align: center;
}

.facebook_banner img{
    width: 100%;
    height: auto;
}

/* share-list スライダー */
/* このスライダーは高さが可変のため、文字列が多くなるにつれてvue.js側で230px / 270px に動的に変更される */
:root {
    --share-list-slider-height: 230px;
}
#area_share_list_slider .detail_area {
    margin-bottom: 26px;
}
#area_share_list_slider[data-no-book="false"] .p-slider-vue-share-list-slider-height {
    height: var(--share-list-slider-height);
}
.slider_description {
    margin: 0 0 20px 20px;
    color: #666666;
}
.share_list_title {
    display: flex;
    align-items: center;
}
.blcomp-h2 span.share_list_new {
    color: #FF5A00;
    border: 1px;
    border-radius: 4px;
    border-style: solid;
    padding: 0 4px;
    margin: 0 10px;
    font-size: 14px;
    font-weight: normal;
}