.first  { padding: 10px; background-color: #f9f9f9; border-radius: 5px; }
h4.point { margin: 10px 0; }
.apply #bookMenu { margin-bottom: 70px; }
.apply_sale { padding: 30px; }
.apply_sale:not(:first-child) { border-bottom: 1px dotted #ccc; }
.apply_sale span.fl { padding: 5px 30px 5px 5px; background: #e5e5e5; border-radius: 5px; }
.apply_sale .tips_cont dd { padding: 0; }
.apply h2 { margin-top: 5px !important; }
.apply h4 { margin-bottom: 10px; font-size: 2rem !important; font-weight: bold !important; }
.apply h4.seller_hide { display: none; }
.apply label { margin-right: 20px; }
.apply input { margin-right: 10px; }
.apply input[type="radio"] { width: auto; }
.apply input[type="submit"] { width: auto; }
.apply input[type="file"] { width: 350px; border: none; box-shadow: none; }
.apply textarea { width: 100%; resize: vertical !important; }
.apply textarea.readonly { height: 500px; }
input.apply_input_price { width: 80px !important; }
input.apply_input_count { width: 40px !important; }
input.apply_input_color { width: 90px !important; }
ul.apply_pub_point_btn { position: relative; top: 228px; width: 100%; }
ul.apply_pub_point_btn li { float: left; border: solid 1px #fff; }
ul.apply_pub_point_btn li.apply_pub_point_btn_left { width: 40%; }
ul.apply_pub_point_btn li.apply_pub_point_btn_right { min-width: 200px; }
.apply_confirm_identity { margin-top: 30px; }
.apply_confirm_button { width: 100%; display: inline-block; }
.apply_confirm_button_left { width: 48%; margin-right: 20px; }
.apply_confirm_button_right { width: 48%; }
.apply_confirm_button_left_cc { float: left; width: 48%; margin-right: 20px; }
.apply_confirm_button_right_cc { float: left; margin-left: 20px; }
dl.apply_book { margin-bottom: 10px; padding: 1px; border: 3px solid #f5f5f5; }
dl.apply_book dt {
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #e5e5e5;
}
dl.apply_book dd {
    height: 40px;
    line-height: 40px;
    margin-left: 170px;
    padding-right: 5px;
}
.apply_edit.entry th { width: 150px !important; min-width: 150px !important; }
.apply.entry .apply_book_image_list,
.apply.report .apply_book_image_list { width: 500px; margin: auto; }
.apply.entry .apply_book_image_list .apply_left,
.apply.report .apply_book_image_list .apply_left { width: 100px !important; min-width: 100px !important; }
.apply.entry .apply_book_image_list .apply_right,
.apply.report .apply_book_image_list .apply_right { width: 120px !important; min-width: 120px !important; }
.apply .tips_cont { font-weight: normal !important; }
td.apply_center { border-right: solid 0px #fff !important; }
td.apply_center input.original_url { width: 300px; }

td.apply_right { width: 230px; border-left: solid 0px #fff !important; }
td.apply_right_edit { width: 300px !important; min-width: 300px !important; border-left: solid 0px #fff !important; }

.seller_issue_plan input[type=radio] { display: none; }
.seller_issue_plan .radio {
    position: relative;
    display: inline-block;
    width: 200px;
    margin: 0 5px 8px 0;
    padding: 10px 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.6rem;
    border-radius: 3px;
    background-color: #f6f7f8;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.seller_issue_plan .radio:hover { background-color: #e5ecf7; }
.seller_issue_plan input[type=radio]:checked + .radio { color: #fff; background-color: #1d5aac; }
.seller_issue_plan input[type=radio]:checked + .radio:before { opacity: 1; background-color: #fff; }
.apply_post_count { float: left; }
.invisible,
.invisible_css { display: none !important; }

/* リストの最初のDiv要素のみ改行で表示できるようにする */
.report ul.report_list.publish div:first-child { line-height: 20px; padding-top: 10px; }
.report ul.report_list div:first-child { padding-top: 10px; }

.report .report_list span.article_add {
    display: inline-block;
    line-height: 14px;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.0rem;
    font-weight: normal;
    background-color: #ccc;
    border-radius: 3px;
    text-decoration: none;
}
.report .report_list a.article_add {
    display: inline-block;
    line-height: 14px;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.0rem;
    font-weight: normal;
    background-color: #22ac38;
    border-radius: 3px;
    text-decoration: none;
}
.report .report_list a.article_add:hover { background-color: #4ebd60; }
.report .report_list a.article_set {
    display: inline-block;
    line-height: 14px;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.0rem;
    font-weight: normal;
    background-color: #808080;
    border-radius: 3px;
    text-decoration: none;
}
.report .report_list a.article_set:hover { background-color: #9a9a9a; }
.report .report_list a.article_add span,
.report .report_list a.article_set span { margin-right: 5px; font-size: 1.6rem; font-weight: normal; }
span.apply_word_blue { color: #1d5aac; }
.apply_bookmenu { width: 100%; min-width: 630px; margin-top: 10px; margin-left: 300px !important; }
.apply_image_upload_pager,
.apply_image_upload_right { width: 100%; }
.apply .pager_page,
.apply .pager_link,
.apply_edit .pager_page,
.apply_edit .pager_link {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 20px 5px;
    padding: 0 10px;
    color: #fff !important;
    background-color: #ccc;
    border: none;
    border-radius: 5px;
    -webkit-appearance: none;
    outline: none;
}
.apply .pager_link,
.apply_edit .pager_link { background-color: #999; }
.apply .pager_link:hover,
.apply_edit .pager_link:hover { background-color: #1d5aac; text-decoration: none; }
.apply .magazine_sample img { max-width: 170px; max-height: 170px; }
.apply .bookBox.sale_cont_detail { margin-bottom: 10px; }
.apply_bookmenu .bookBox dl { padding-top: 10px; border-top: solid 1px #ccc; }
.apply_bookmenu .bookBox dd { width: 100%; margin-bottom: 10px; }
.apply_bookmenu .bookBox dt { width: 100%; }
.apply_bookmenu .bookBox dt div:first-child { float: left; min-width: 80px; }
.apply_bookmenu .bookBox dt div:nth-child(2n) { float: left; width: auto; min-width: 380px; }
.apply_bookmenu .bookBox dt div:last-child { float: right; width: 80px; min-width: 80px; }
.apply_bookmenu .bookBox .chapters { margin-bottom: 10px; border-bottom: solid 1px #ccc; }
.report .report_list div.sel_chapters, .report .report_list div.sel_page { width: 10%; text-align: left; }
.report .report_list div.sel_subtitle, .report .report_list div.sel_detail  { width: 70%; text-align: left; }
.report .step_edit_list { width: 100%; }
.report .step_edit_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report div.step_edit_list div:first-child, .step_edit_list div:first-child { padding: 5px 10px; }
.report div.step_edit_list div {
    padding: 5px 0;
    text-align: right;
    font-weight: bold;
    border-top: 2px solid #808080;
    border-bottom: 1px solid #ccc;
}
.report .done_edit_list div.sel_title .fa-bg { margin-right: 10px; padding: 5px; }
.report .done_edit_list div.sel_mons         { width: 10%; text-align: center; }
.report .done_edit_list div.sel_day          { width: 10%; text-align: center; }
.report .done_edit_list div.sel_time         { width: 10%; text-align: center; }
.report .done_edit_list div.sel_status       { width: 14%; text-align: center; }
.report .done_edit_list div.sel_edit         { width: 25%; text-align: right; }
.report ul.done_edit_list div { padding-top: 10px; }
.report ul.done_edit_list li { border-bottom: 1px solid #ccc; }
.report .reserve_edit_list { width: 100%; }
.report ul.reserve_edit_list { margin-bottom: 10px; }
.report .reserve_edit_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report div.reserve_edit_list div,
.reserve_edit_list div,
.report ul.done_edit_list div { padding: 10px; }
.report div.reserve_edit_list div {
    padding: 5px 10px;
    text-align: right;
    font-weight: bold;
    border-top: 2px solid #808080;
    border-bottom: 1px solid #ccc;
}
.report .reserve_edit_list div.sel_title { width: 66%; text-align: left; }
.report .reserve_edit_list div.sel_title.free { width: 75%; }
.report .reserve_edit_list div.sel_date { width: 10%; text-align: center; }
.report .reserve_edit_list div.sel_status { width: 14%; text-align: center; }
.report .reserve_edit_list div.sel_status .fa-pencil { color: #808080; }
.report .reserve_edit_list div.sel_menu {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 20px;
    padding: 10px;
    text-align: left;
}
.report .reserve_edit_list div.sel_menu a { margin-right: 1em; }
.report ul.reserve_edit_list li { position: relative; height: 91px; border-bottom: 1px solid #ccc; }
.report ul.reserve_edit_list li div.sel_date { line-height: 2rem; }
.report .done_edit_list { width: 100%; }
.report ul.done_edit_list { margin-bottom: 10px; }
.report div.done_edit_list { border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report .done_edit_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report div.done_edit_list div:first-child,
.done_edit_list div:first-child { padding: 5px 10px; }
.report div.done_edit_list div { padding: 5px 0; text-align: right; font-weight: bold; }
.report .done_edit_list div.sel_title { width: 56%; text-align: left; }
.report .done_edit_list div.sel_title.free { width: 66%; }
.report .done_edit_list div.sel_date { width: 10%; text-align: center; }
.report .done_edit_list div.sel_transmission { width: 10%; text-align: center; }
.report .done_edit_list div.sel_menu { position: absolute; bottom: 0; width: 100%; clear: both; }
.report .done_edit_list div.sel_menu a { display: inline-block; margin-right: 1em; }
.report ul.done_edit_list li { position: relative; height: 91px; border-bottom: 1px solid #ccc; }
.report .report_list div.sel_article_title_blo1 { width: 48%; text-align: left; }
.report .report_list div.sel_article_title_blo2 { width: 68%; text-align: left; }
.report .report_list div.sel_article_title_blo3 { width: 38%; text-align: left; }
.report .report_list div.sel_article_title_blo4 { width: 58%; text-align: left; }
.report .report_list div.sel_blog_option { width: 40%; }
.report .report_list div.sel_number { width: 80px; text-align: center; }
.report .report_list div.sel_blog_date,
.report .report_list div.sel_blog_pay,
.report .report_list div.sel_blog_price,
.report .report_list div.sel_blog_access { width: 10%; text-align: center; }
.report .report_list div.sel_blog_status { width: 12%; text-align: center; }
.report .report_list div.sel_blog_status2,
.report .report_list div.sel_blog_status3 { width: 120px; padding-right: 10px; text-align: right; }
.report .report_list div.blog_under_menu { clear: both; width: 100%; padding: 10px 0; }
.report .report_list div.blog_under_menu a { display: inline-block; }
.report table th.comment_date_name { width: 100px; }
.report table th.comment_state { width: 70px; text-align: center; }
.report .blog_ban { width: 100%; }
.report table.blog_ban_list { width: 650px; text-align: left; }
.report table.blog_ban_list th:first-child { width: 110px; }
.report table.blog_ban_list th:last-child { width: 30px; text-align: center; }
.report #comment_list_div { width: 100%; }
.report #comment_list_div div.comment_date,
.report #comment_list_div ul .comment_date,
.report #comment_list_div div.comment_comment,
.report #comment_list_div ul .comment_comment { width: 20%; text-align: left; }
.report #comment_list_div div.comment_title,
.report #comment_list_div ul .comment_title,
.report #comment_list_div div.comment_ban,
.report #comment_list_div ul .comment_ban { width: 15%; text-align: left; }
.report #comment_list_div div.comment_name,
.report #comment_list_div ul .comment_name { width: 10%; text-align: left; }
.report #comment_list_div div.comment_status,
.report #comment_list_div ul .comment_status { width: 20%; text-align: center; }
.report #comment_list_div div span { margin-right: 5px; font-size: 1.2rem; font-weight: normal; }
.report #comment_list_div ul div { line-height: 20px;}
.report #comment_list_div ul .comment_date,
.report #comment_list_div ul .comment_title,
.report #comment_list_div ul .comment_name,
.report #comment_list_div ul .comment_ban,
.report #comment_list_div ul .comment_comment { padding-top: 40px; }
.report #comment_list_div ul .comment_comment div.comment_tips_cont {
    width: 500px;
    margin-left: -130px;
    padding: 10px;
    overflow: visible;
    white-space: normal;
    text-overflow: ellipsis;
}
.report #comment_list_div ul .comment_status div.comment_pass_button { width: 100%; margin-top: 5px; margin-bottom: 0; }
.report #comment_list_div ul .comment_status div {
    float: left;
    margin-bottom: 10px;
    padding: 0 !important;
    overflow: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.report #comment_list_div ul .comment_status input[type="radio"] { margin-right: 0px; }
.report #comment_list_div ul .comment_status input { width: 16px; box-shadow: none; }
.report #comment_list_div ul .comment_status button.small_button { top: -10px !important; }
span.comment_pass { color: #22ac38; }
span.comment_disallowed { color: #a40000;}
.col_2.apply.edit.report, .col_2.apply_bookmenu { margin-bottom: 0; }
.apply_edit ul.report_list div:first-child { padding-left: 10px; }
.apply_edit .report_list div.sel_subtitle,
.apply_edit .report_list div.sel_detail { width: 60%; min-width: 100px; text-align: left; }
.apply_edit .report_list div.sel_article_status2 {
    width: 30%;
    padding-right: 10px;
    padding-top: 19px;
    padding-bottom: 10px;
    text-align: right;
    overflow: initial;
    line-height: 35px;
}
.apply_edit .report_list div span { font-weight: normal; }
.sel_subtitle.showmore,
.sel_detail.showmore,
.sel_page_detail { width: 100%; margin-bottom: 20px; padding: 10px; border: solid 1px #ccc; }
.sel_page_detail { margin-top: -11px; }
.report .book_chapter_list { width: 100%; border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report ul.book_chapter_list { margin-bottom: 10px; }
.report .book_chapter_list div.book_chapter_number { width: 8%; padding-left: 10px !important; text-align: center; }
.report .book_chapter_list div.book_all_title { width: 50%; padding-right: 10px; text-align: left; }
.report .book_chapter_list div.book_chapter_title { width: 30%; padding-right: 10px; text-align: left; }
.report .book_chapter_list div.book_chapter_pay,
.report .book_chapter_list div.book_chapter_purchase,
.report .book_chapter_list div.book_chapter_pv { width: 8%; text-align: center; }
.report .book_chapter_list div.book_chapter_page { width: 8%; text-align: left; }
.report .book_chapter_list div.book_chapter_menu,
.report .book_chapter_list div.book_all_menu { width: 25%; text-align: left; }
.report .book_chapter_list div.book_chapter_date { width: 8%; text-align: left;  }
.report .book_chapter_list div.book_chapter_status { width: 12%; text-align: left;  }
.report .book_chapter_list div.book_chapter_menu.bm .book_menu_box,
.report .book_chapter_list div.book_all_menu.bm .book_menu_box {
    position: absolute;
    right: 20px;
    display: inline-block;
    line-height: 25px;
    padding: 0;
}
.report .book_chapter_list div.book_under_menu { position: absolute; bottom: 0; left: 10px; }
.report .book_chapter_list div.book_under_menu a { margin-right: 1em; display: inline-block; }
.report div.book_chapter_list div:not(.tips_cont) { padding: 5px 0; font-weight: bold; }
.report .book_chapter_list div:not(.tips_cont) { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report .book_chapter_list div.book_chapter_purchase .tips { margin-left: 5px; }
.report .book_chapter_list div.book_chapter_purchase .tips_cont { font-weight: normal; }
.report ul.book_chapter_list { border: none; }
.report ul.book_chapter_list li { position: relative; min-height: 83px; border-bottom: 1px solid #ccc; }
.report ul.book_chapter_list div { padding: 10px 0; line-height: 20px; }
.book_chapter_title span.item_cont_option {
    margin-bottom: 5px;
    padding: 5px 5px;
    color:  #fff;
    font-size: 1.0rem;
    background-color: #1d5aac;
    border-radius: 3px;
}

.report .salon_thread_list { width: 100%; border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report .salon_thread_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report .salon_thread_list div span.count { margin-right: 5px; font-size: 1.8rem; }
.report .salon_thread_list div.salon_thread_title { width: 40%; text-align: center; padding-left: 10px; }
.report .salon_thread_list div.salon_thread_un_post,
.report .salon_thread_list div.salon_thread_un_comment { width: 15%; text-align: left; }
.report .salon_thread_list div.salon_thread_post,
.report .salon_thread_list div.salon_thread_status { width: 15%; text-align: center; }
.report .salon_thread_list div.salon_thread_menu { width: 100%; text-align: left; position: absolute; bottom: 0; padding: 0 0 10px 10px; clear: both; }
.report .salon_thread_list div.salon_thread_menu a { display: inline-block; margin-right: 20px; }
.report div.salon_thread_list div { padding: 5px 0; text-align: right; font-weight: bold; }
.report ul.salon_thread_list { border: none; }
.report ul.salon_thread_list li { border-bottom: 1px solid #ccc; position: relative; height: 91px; }
.report ul.salon_thread_list div { padding: 20px 0; line-height: 20px; }
.report .thread_area div.thread_post_profile { float: left; display: block; width: 80%; }
.report .thread_area div.salon_post_status { float: left; display: block; width: 20%; text-align: right; padding: 10px 10px 0 10px; }
.report .thread_area div.thread_main { clear: both; display: inline-block; }
.report .thread_area div.salon_post_menu { margin-top: -20px; }
.report .salon_post_status span.article_add,
.report .salon_post_status span.article_hide {
    line-height: 14px;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.0rem;
    font-weight: normal;
    background-color: #22ac38;
    border-radius: 3px;
    text-decoration: none;
}
.report .salon_post_status span.article_hide { background-color: #d00; }
.report .salon_post_status span.article_add:hover { background-color: #4ebd60; }
.report .salon_post_status span.article_hide:hover { background-color: #e66; }
.report .salon_post_status span.article_add:hover,
.report .salon_post_status span.article_hide:hover,
span.set_post_allow:hover,
span.set_post_deny:hover,
span.set_comment_allow:hover,
span.set_comment_deny:hover { cursor: pointer; }
span.post_status_allow { color: #a40000; }
span.post_status_deny { color: #22ac38; }
a.post_read_more,
a.member_read_more {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 35px;
    text-align: center;
    font-size: 1.5rem;
    background-color: #f0f0f0;
}
a.post_read_more:hover,
a.member_read_more:hover { text-decoration: none; background-color: #f9f9f9;}
.report .salon_member_list { width: 100%; border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report .salon_member_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report .salon_member_list div.salon_member_name { width: 50%; text-align: left; }
.report .salon_member_list div.salon_member_join { width: 10%; text-align: left; }
.report .salon_member_list div.salon_member_status { width: 20%; text-align: center; }
.report .salon_member_list div.salon_member_menu { width: 20%; text-align: right; }
.report .salon_member_list div.salon_member_menu a { margin-right: 20px; display: inline-block; }
.report div.salon_member_list div { padding: 5px 0; text-align: right; font-weight: bold; }
.salon_member_name img { margin-right: 5px; }
.report ul.salon_member_list { border: none; }
.report ul.salon_member_list li { border-bottom: 1px solid #ccc; }
.report ul.salon_member_list div { padding: 10px 0; line-height: 45px; }
.report ul.salon_member_list div.salon_member_join.off { line-height: 25px; }
.report .sale_cont_detail.salon { position: relative; }
.report .sale_cont_detail.salon dl { margin-bottom: 20px; }
.report .sale_cont_detail.salon dl img { margin-right: 5px; }
.report .sale_cont_detail .salon_member_status {
    position: absolute;
    right: 0;
    top: 0;
    width: 190px;
    text-align: left;
}
.report .sale_cont_detail .salon_member_tips {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 190px;
    text-align: right;
}
span.member_change_btn {
    display: block;
    margin: 10px 5px 15px;
    padding: 0px 5px 0px;
    border-radius: 3px;
    color: #fff;
}
span.member_change_btn:hover { cursor: pointer; opacity: 0.7;}
span.member_change_btn.stop { background-color: #d00; }
span.member_change_btn.active { background-color: #22ac38; }
span.member_terminated { display: block; margin: 5px; padding: 0 5px; color: #d00; }
.report .sale_cont_detail dl dt span.salon_join_date { color: #4b4b4b;}
.report .sale_cont_detail dl dt span.salon_member_post_status { color: #22ac38;}
.report .specialty_list { position: relative; width: 100%; border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report .specialty_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report .specialty_list div.specialty_title { width: 70%; text-align: center; }
.report .specialty_list div.specialty_status { position: absolute; right: 100px; width: 100px; text-align: center; }
.report .specialty_list div.specialty_menu { position: absolute; right: 0; width: 100px; text-align: left; }
.report .specialty_list div.specialty_menu a { display: inline-block; margin-right: 20px; }
.report div.specialty_list div { padding: 5px 0; text-align: right; font-weight: bold; }
.report ul.specialty_list { border: none; }
.report ul.specialty_list li { border-bottom: 1px solid #ccc; }
.report ul.specialty_list div { line-height: 20px; padding: 20px 0; }
.report .page_list { width: 100%; border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report .page_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report .page_list div.page_title { width: 60%; text-align: left; }
.report .page_list div.page_kind { width: 20%; text-align: left; }
.report .page_list div.page_tab_position,
.report .page_list div.page_status { width: 10%; text-align: center; }
.report div.page_list div { padding: 5px 0; text-align: right; font-weight: bold; }
.report ul.page_list { border: none; }
.report ul.page_list li { border-bottom: 1px solid #ccc; }
.report ul.page_list div { padding: 20px 0; line-height: 20px; }
.premium_message_area { margin-top: 40px; }
.report .premium_message_list { width: 100%; }
.report .premium_message_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report .premium_message_list div.mes_title { width: calc(100% - 560px); text-align: left; }
.report .premium_message_list div.mes_title .fa-bg {
    display: inline-block;
    line-height: 12px;
    margin: 5px 5px 0 0;
    padding: 5px;
    font-size: 1.2rem;
    font-weight: normal;
}
.report .premium_message_list div.mes_notreply,
.report .premium_message_list div.mes_user,
.report .premium_message_list div.mes_payment { width: 100px; text-align: center; }
.report .premium_message_list div.mes_status { width: 110px; text-align: center; }
.report .premium_message_list div.mes_revenue { width: 150px; text-align: center; }
.report div.premium_message_list div:first-child,
.premium_message_list div:first-child { padding: 5px 10px; }
.report div.premium_message_list div {
    padding: 5px 0;
    text-align: right;
    font-weight: bold;
    border-top: 2px solid #808080;
    border-bottom: 1px solid #ccc;
}
.report ul.premium_message_list div { line-height: 50px; }
.report ul.premium_message_list li  { position: relative; border-bottom: 1px solid #ccc; }
.report ul.premium_message_list li div.mes_title { line-height: 1.7em; }
.report ul.premium_message_list li span.price { margin: 0 5px 0 1em; font-size: 1.8rem; }
.report ul.premium_message_list div.sel_menu { position: absolute; bottom: -20px; }
span.mes_status_open { color: #22ac38; }
span.mes_status_close { color: #a40000; }
.report .thanks_comment_list { width: 100%; position: relative; }
.report div.thanks_comment_list { border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report .thanks_comment_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report div.thanks_comment_list div:first-child,
.premium_message_list div:first-child { padding: 5px 10px; }
.report div.thanks_comment_list div { padding: 5px 0; text-align: right; font-weight: bold; }
.report ul.thanks_comment_list div {line-height: 60px; margin: 10px 0 15px;}
.report ul.thanks_comment_list li { border-bottom: 1px solid #ccc; }
.report .thanks_comment_list .comment_date { width: 90px; padding-right: 0 !important; text-align: center }
.report .thanks_comment_list .comment_name { width: 200px; text-align: center; }
.report .thanks_comment_list .comment_comment { width: calc(100% - 500px); text-align: left; }
.report .thanks_comment_list .comment_comment div:not(.tips_cont) {
    width: 100%;
    line-height: 2;
    margin: 0;
    padding: .5em;
}
.report .thanks_comment_list .comment_status { position: absolute; right: 120px; width: 90px; text-align: center; }
.report .thanks_comment_list .comment_edit { position: absolute; right: 60px; width: 60px; text-align: center; }
.report .thanks_comment_list .comment_ban { position: absolute; right: 0; width: 60px; text-align: center; }
.report ul.thanks_comment_list .comment_date { line-height: 2rem; padding: 10px; }
.report ul.thanks_comment_list .comment_comment { line-height: 2; }
.report ul.thanks_comment_list .comment_comment .comment_user { white-space: normal; }
.report ul.thanks_comment_list .comment_edit  { padding-right: 5px; }
.report ul.thanks_comment_list .comment_ban { padding-right: 10px; }
.report ul.thanks_comment_list .comment_status  { line-height: 60px; }
.thanks_comment_list .tips_cont:not(.comment_tips_cont) { position: fixed; }
.comment_comment .tips_cont { width: 600px; padding: 0 10px; }
.tips_cont .comment_user,
.tips_cont .comment_publisher { width: 100%; display: inline-block; line-height: 1.5rem !important; overflow: visible !important; }
.tips_cont .comment_publisher { position: relative; padding-top: 20px; border-top: dotted 1px #ccc; }
.tips_cont .comment_publisher:before {
    content: '\8CFC\8AAD\8005\306B\8FD4\4FE1'; /* 購読者に返信 */
    position: absolute;
    top: -8px;
    left: 10px;
    display: inline-block;
    height: 13px;
    padding: 0px 3px 0px;
    color: #757575;
    font-size: 1.2rem;
    background: #fff;
}
.tips_cont .comment_user img,
.tips_cont .comment_publisher img { margin-right: 5px; }
.thanks_comment_edit { margin-bottom: 10px; }
.seller .apply_profile_image { width: 50%; min-width: 500px; }
.apply .report .monthly_report { margin-bottom: 0px; }
.seller .apply .btns { float: none; text-align: right; }
.apply .apply_file_create,
.apply .apply_file_download,
.apply .apply_file_setting {
    min-width: 500px;
    margin: 0 30px 60px;
    padding: 20px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.apply .apply_file_create { height: 150px; }
.apply .apply_file_download { height: 120px; }
.apply .apply_file_setting { height: 150px; }

.report .pdf_list  { width: 50%; min-width: 500px; margin: auto; }
.report .pdf_list li { padding: 10px; border-bottom: 1px solid #ccc; }
.report div.pdf_list div:first-child { padding: 5px 10px; }
.report .pdf_list div.pdf_chapters { width: 20%; text-align: left; }
.report .pdf_list div.pdf_update,
.report .pdf_list div.pdf_download { width: 40%; text-align: left; }
.report div.pdf_list div {
    padding: 5px 0;
    text-align: right;
    font-weight: bold;
    border-top: 2px solid #808080;
    border-bottom: 1px solid #ccc;
}
.report .pdf_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
table.banner_sample { outline: 0 solid #f5f5f5;}
table.banner_sample td { border: none !important; }
.apply.report .sale_cont_detail.list { margin-bottom: 0; padding: 10px 20px 20px; border: 1px solid #ccc; }
.apply.report .sale_cont_detail.list dl { border-bottom: solid 1px #ccc; }
.apply.report .sale_cont_detail.list dl:last-child { border: none; }
.apply.report .book_image { width: 50px; height: 50px; margin-right: 5px; }
.report .sale_cont_detail.accr { margin-bottom: 40px; padding: 0px 20px 30px; border: 1px solid #ccc; }
.report .sale_cont_detail .comment_count:hover { cursor: auto; opacity: 1; }
.btn_accordion {
    float: left;
    display: block;
    min-width: 90px;
    max-width: 140px;
    margin-right: 10px;
    padding: 5px 10px 5px 5px;
    border: solid 1px #ccc;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.btn_accordion.menu_design_btn,
.btn_accordion.menu_issue_btn { width: 110px; }
.btn_accordion.menu_afi_btn { width: 140px; }
.btn_accordion.menu_profile_btn,
.btn_accordion.menu_contents_btn { width: 130px; }
.btn_accordion.menu_view_btn { width: 155px; }
.btn_accordion span:not(.fa) { letter-spacing: -1px; }
.btn_accordion.message {
    float: right;
    min-width: auto;
    margin: 0 0 0 10px;
    padding-right: 0;
    text-align: right;
    font-size: 1.2rem;
    border: none;
}
span.detail_intro_btn { color: #1d5aac; }
.report .sale_cont_detail ul.detail_intro { margin-top: 10px; border: solid 1px #ccc; }
.report .sale_cont_detail ul.detail_intro li { border: none; }
.menu_detail,
.menu_design,
.menu_issue,
.menu_contents,
.menu_afi,
.menu_blog,
.menu_site_ad_apply,
.menu_view { border-top: solid 1px #ccc; }
.report .sale_cont_detail .menu_site_ad_apply li > a { position: absolute; top: -30px; right: 20px; }
.report .sale_cont_detail .menu_site_ad_apply dl { margin: 0; }
.report .sale_cont_detail .menu_site_ad_apply dt { margin-bottom: 10px; color: #4b4b4b; font-size: 1.6rem; font-weight: bold; }
.report .sale_cont_detail .menu_site_ad_apply dd { display: flex; margin: 0; padding: 0; }
.report .sale_cont_detail .menu_site_ad_apply dd .thumbnail { width: 250px; margin-right: 30px; }
.report .sale_cont_detail .menu_site_ad_apply dd a { margin-right: 2em; }

h3.report_accordion_menu { padding: 20px 0 10px 5px; color: #1d5aac; }
.pp_form { display: none; }
.pp_form textarea { height: 300px; }
.report .pp_css_detail .pp_css_btn { color: #1d5aac; }
.report .report_list .list_option {
    line-height: 14px;
    margin-bottom: 5px;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.0rem;
    font-weight: normal;
    background-color: #1d5aac;
}
.image_crop_popup_form { margin-top: 20px; text-align: center; }
.report .report_list div.afi_mail_date { width: 10%; text-align: center;}
.report .report_list div.afi_mail_title { width: 60%;}
.report .report_list div.afi_mail_edit { width: 30%; text-align: center;}
.report ul.report_list p.comp_date { line-height: 20px; margin: auto; padding-top: 5px; }
.apply .apply_pack_plus { margin: -50px 0 10px; color: #1d5aac; font-size: 3.0rem; }
.apply .apply_pack_plus:last-child { margin-top: 0; }
.report .sale_pack_detail { margin-bottom: 20px; padding: 10px 20px 20px; border: 1px solid #ccc; }
.report .sale_pack_detail .col_right { color: #1d5aac; }
.report .sale_pack_detail .col_right:hover { text-decoration: underline; cursor: pointer; }
.report .sale_pack_detail dl { margin-top: 20px; }
.report .sale_pack_detail dt { position: relative; color: #1d5aac; font-size: 1.4rem; }
.report .sale_pack_detail dt .category { position: absolute; top: 28px; left: 26px; }
.report .sale_pack_detail dt .thumbnail,
.report .sale_pack_detail li .thumbnail { float: left; max-width: 50px; max-height: 50px; margin: 0 20px 10px 0; }
.report .sale_pack_detail dt:nth-of-type(2) { margin-left: 70px; color: #4b4b4b; }
.report .sale_pack_detail dt strong,
.report .sale_pack_detail dt input,
.report .sale_pack_detail dd strong { width: 60px; margin: 0 5px; }
.report .sale_pack_detail dt .toggle { font-size: 1.2rem; }
.report .sale_pack_detail dt form { display: none; height: 60px; margin-bottom: 60px; font-size: 1.2rem; }
.report .sale_pack_detail dt .notice_window { margin: 0; font-weight: normal; font-size: 1.2rem; }
.report .sale_pack_detail dd { margin-left: 70px; padding-right: 20px; }
.report .sale_pack_detail ul {  margin-top: 30px; }
.report .sale_pack_detail li { position: relative; padding: 10px 10px 10px 40px; border-top: 1px dotted #ccc; }
.report .sale_pack_detail li:hover { background-color: #f0f0f0; }
.report .sale_pack_detail li strong { display: inline-block; margin-bottom: 5px; font-size: 1.4rem; }
.report .sale_pack_detail li .txtr { position: absolute; top: 20px; right: 20px; }
.report .sale_pack_detail li span.originalurl { margin-left: 2px; padding: 2px 5px; background-color: #fff; border: 1px solid #ccc; }
.report .sale_pack_detail li span.tips.fa { margin: 0 5px; text-decoration: none; }
.report .sale_pack_detail li span.fa { padding: 0; border: none; }
.report ul.report_list div.pack_title {
    position: relative;
    width: 100%;
    line-height: 14px;
    padding: 10px 0 10px 10px;
    font-size: 1.4rem;
    font-weight: normal;
    border-top: dotted 1px #ccc;
}
div.pack_title .thumbnail, div.pack_in_detail .thumbnail { margin-right: 10px; }
.report ul.report_list div.pack_title:first-child { border: none; }
.report ul.report_list div.pack_title span { font-size: 1.0rem; font-weight: normal; }
.report .sale_pack_detail .pac_btn { float: right; margin-right: 20px; color: #1d5aac; }
.report .pack_in_detail { width: 100%; margin-bottom: 10px; }
.report .pac_list {
    width: 100%;
    text-align: left;
    background: #f9f9f9;
    border: solid 1px #ccc;
    border-radius: 5px;
}
.report .pac_list li:first-child { border: none; }
.report ul.report_list div.pac_open_btn { line-height: 0; padding-top: 10px; }
.report .pac_open_btn {
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #1d5aac;
    border-radius: 5px;
    cursor: pointer;
}
.pack_report_table { width: 500px; margin: auto; }
.pack_report_table th.list_left { width: 20%; }
table.report_table th { padding: 10px; text-align: center; }
table.report_table td { padding: 10px; }
h3.blog_editor_midashi { margin-bottom: 20px; }
div.blog_editor_midashi { border-bottom: 2px solid #1d5aac; }
div.blog_editor_midashi strong { font-size: 1.6rem; }
textarea.seller_blog { height: 535px; overflow: scroll; }
.blog_editor_all { display: inline-block; width: 100%; margin-bottom: 20px; }
.blog_editor_all #bookChapterFormId div[class^="bl_editor"]:not(#blEditorBorderId) { margin-bottom: 5em; }
.blog_editor_all #bookChapterFormId > div:nth-of-type(8) { margin-bottom: 0 !important; }
.blog_editor_all .bl_title_form { margin: 1em 0; }
.blog_editor_all .bl_editor_main {
    height: 660px;
    margin: 15px 0 20px 0;
    padding: 0em 10px ;
    background: #f9f9f9;
    border: solid 1px #ccc;
}
.bl_visible_select { margin-bottom: 20px;}
.bl_media_upload { position: relative; top: 1em; }
.bl_media_upload span {
    display: inline-block;
    width: 30px;
    margin-right: 7px;
    padding: 7px;
    text-align: center;
    background: #f9f9f9;
    border: solid 1px #ccc;
    border-radius: 3px;
    cursor: pointer;
}
.bl_media_upload span:first-child { margin-left: 15px; }
.editor_media { position: relative; float: left; }
div.select_remove_resource {
    position: absolute;
    display: inline-block;
    top: 150px;
    left: 45px;
    z-index: 10;
    padding: 5px;
    color: #1d5aac;
    cursor: pointer;
}
div.select_remove_resource:hover { background: #f0f0f0; cursor: pointer; }
.blog_editor_all .bl_form_change { position: relative; top: -1px; }
.blog_editor_all .bl_form_tool { padding: 10px; background: #e9e9e9; }
.blog_editor_all ul.tabs .bl_form_tool span {
    margin-right: 3px;
    padding: 7px;
    text-align: center;
    background: #f9f9f9;
    border: solid 1px #ccc;
    border-radius: 3px;
    cursor: pointer;
}
.blog_editor_all span.word_size {
    background: #f9f9f9 url(/images/editor_icon_word_size.png) center no-repeat !important;
    background-size: 20px !important;
}
.blog_editor_all span.word_color {
    background: #f9f9f9 url(/images/editor_icon_word_color.png) center no-repeat!important;
    background-size: 20px !important;
}
.blog_editor_all span.word_back {
    background: #f9f9f9 url(/images/editor_icon_wordback_color.png) center no-repeat!important;
    background-size: 20px !important;
}
.blog_editor_all span.word_size:hover,
.blog_editor_all span.word_color:hover,
.blog_editor_all span.word_back:hover,
.blog_editor_all span.word_size:active,
.blog_editor_all span.word_color:active,
.blog_editor_all span.word_back:active,
.blog_editor_all ul.tabs .bl_form_tool span:hover,
.bl_media_upload span:hover { background: #f3f3f3; }
.blog_editor_all ul.tabs .bl_form_tool span:active,
.bl_media_upload span:active { color: #999; background: #e9e9e9; box-shadow: 1px 1px 1px rgba(0,0,0,0.4) inset; }
.blog_editor_all .bl_word_path { padding: 5px 5px 5px 10px; }
.blog_editor_all .bl_word_value { padding: 5px 5px 10px 10px; background: #e9e9e9; border-top: solid 1px #ccc; }
.blog_editor_all .bl_editor_tag button { margin: 0 0 10px 0; padding: 0 30px; }
.blog_editor_all .bl_editor_update,
.blog_editor_all .bl_editor_charges { margin: 1em 0 2em; }
.blog_editor_all .bl_editor_charges .price,
.blog_editor_all .bl_editor_charges .max_count,
.blog_editor_all .bl_editor_charges #entryPriceDispId { margin-top: 2em; }
.blog_editor_all .bl_editor_category,
.blog_editor_all .bl_editor_tag {
    float: left;
    width: 49%;
    min-width: 400px;
    margin: 5px 10px 10px 0;
    border: solid 1px #ccc;
}
.cleditorPopup.cleditorPrompt { text-align: center; }
.cleditorPopup input[type="button"] {
  margin: 10px 0 0;
  padding: 5px;
  font-size: 1.2rem;
  font-weight: normal;
  border: solid 1px #ccc;
  border-radius: 3px;
}
.bl_form_tool span.visual { width: 30px; }
.bl_form_tool span.advance { display: inline-block; min-width: 30px; }
.bl_heading { margin: 0; padding: 5px; background: #e9e9e9; border-bottom: solid 1px #ccc; }
.bl_editor_category .bl_pick_category,
.bl_editor_tag .bl_pick_tag { line-height: 2.5em; padding: 7px; border: solid 1px #ccc; }
.bl_editor_tag .bl_tag { padding: 15px 7px 7px 7px; }
.bl_editor_tag .bl_pick_tag span {
    /* margin-right: 15px; */
    margin-right: 0;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
}
.bl_editor_tag .bl_pick_tag span:hover { color: #1d5aac; background: #ccc; }
a.tagit-close span.ui-icon-close { display: none; }
.blog_editor_all .bl_submit_btn { clear: both; }
/* .cleditorMain { height: 590px !important; } */
.cleditorMain iframe { height: 450px !important; }
.intro_editer_tab,
.maind_editer_tab { overflow: hidden; }
ul.intro_editer_tab, ul.main_editer_tab {
    position: absolute;
    right: 30px;
    z-index: 4;
    margin-top: -12px;
    padding-right: 20px;
    border: solid 1px 1px 0 1px #d00;
}
td.editor_table ul.intro_editer_tab,
td.editor_table ul.main_editer_tab {
    position: absolute;
    left: calc(100% - 210px);
    z-index: 4;
    margin-top: -12px;
    border: solid 1px 1px 0 1px #d00;
}
ul.intro_editer_tab li,
ul.main_editer_tab li {
    float: left;
    display: block;
    padding: 7px 7px 0;
    margin: 6px 0 0 10px;
    background: #ccc;
    border: solid 1px #ccc;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.intro_editer_tab li.select,
ul.main_editer_tab li.select { margin-top: 0; padding-bottom: 7px; background: #e9e9e9; }
ul.intro_editer_tab li:hover, ul.main_editer_tab li:hover { background: #fff; }
.hide { display: none; }
.tabs input[type=radio] { position: absolute; top: -9999px; left: -9999px; }
.tabs {
    position: relative;
    float: none;
    width: 100%;
    min-width: 250px;
    margin: -10px auto;
    padding: 0;
    list-style: none;
}
.tabs li { float: left; }
.tabs label {
    position: absolute;
    top: 3px;
    display: block;
    margin-right: 10px;
    padding: 7px;
    color: #ccc;
    border: solid 1px #ccc;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tabs label.tab_v { right: 60px; }
.tabs label.tab_h { right: -5px; }
.tabs label:hover { top: 0; background: rgba(255, 255, 255, .5); }
[id^=tab]:checked + label {
    top: 0;
    z-index: 3;
    color: #08c;
    background: #e9e9e9;
    border-bottom: none;
}
[id^=tab]:checked ~ [id^=tab-content] { display: block; }
.tab-content {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    width: 100%;
    /* height: 650px; */
    /* line-height: 140%; */
    text-align: left;
    background: #e9e9e9;
    border: solid 1px #ccc;
    border-radius: 5px;
    overflow-y: auto;
    animation-duration: 0.5s;
}
.category_tabs input[type=radio] { position: absolute; top: -9999px; left: -9999px; }
.category_tabs { float: none; margin: auto; padding: 0; list-style: none; }
ul.category_tabs { margin: 10px 10px 0 10px; }
.category_tabs li:hover { top: 1px; background: rgba(255, 255, 255, .5); }
ul.category_tabs li,
ul.category_tabs li label {
    position: relative;
    top: 3px;
    display: block;
    margin-right: 10px;
    padding: 5px 10px;
    font-weight: normal;
    background: #ccc;
    border: solid 1px #ccc;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.category_tabs li { float: left; }
ul.category_tabs li:last-child { margin-left: 0px; }
.category_tabs label:hover { top: 1px; background: rgba(255, 255, 255, .5); }
[id^=c_tab]:checked + label {
    top: 2px;
    z-index: 3;
    background: #f9f9f9;
    border: solid 1px #ccc;
    border-bottom: none;
}
[id^=c_tab]:checked ~ [id^=tab_category] { display: block; }
ul.category_list { line-height: 2.5em; margin: 0  10px 10px 10px ; border: solid 1px #ccc; }
ul.category_list label { margin-right: 0; padding: 7px; border-radius: 3px; cursor: pointer; }
ul.category_list label:hover { color: #fff; background: #999; }
.category_tabs { overflow: hidden; }
.category_tabs li { float: left; padding: 5px 25px; margin-right: 1px; background: #ccc; cursor: pointer; }
.category_tabs li.select { background:#eee; }
.category_list li { padding: 10px; background:#eee; }
.tab_category {
    position: relative;
    top: 1px;
    left: 0;
    z-index: 2;
    display: none;
    text-align: left;
    min-width: 295%;
    line-height: 140%;
    padding: 10px 15px 15px;
    background: #f9f9f9;
    border: solid 1px #ccc;
    overflow-y: auto;
    animation-duration: 0.5s;
}
#tab_category2 { left: -112px; }
.blog_latout_navi { padding: 10px 0 1px 10px; background: #fff; }
.blog_latout_navi .topicpath { margin-bottom: 10px; }
div#blog_layout_navigation { z-index: 25; width: 100%; height: 70px; background: rgba(0, 0, 0, .8); }
.blog_layout_navigation_fixed { position: fixed; }
.blog_layout_info { margin: 20px; padding: 0px; }
.blog_layout_info h3 { padding: 20px; background: rgba(255, 255, 255, .7); }
#bds .sub_sortable.ui-sortable { min-height: 500px; background: rgba(255, 255, 255, .2); border: dotted 2px #999; }
.blog_layout_window { width: 100%; padding: 15px 100px; background: rgba(0, 0, 0,  .8); }
.blog_layout_window .blog_layout_design { width: 70%; min-width: 550px; margin: 10px auto; }
.blog_layout_design { margin: 10px; padding: 10px; border: solid 1px #ccc; border-radius: 5px; }
.blog_layout_design img { margin-right: 10px; }
.blog_layout_design .txtr { margin-top: -2.6em; }
.blog_layout_edit {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    max-width: 800px;
    min-width: 680px;
    margin: auto;
}
.blog_layout_edit h2 { margin-top: 0; }
.blog_layout_edit h2 span { font-size: 14px!important; }
.blog_layout_edit h3 { margin: 15px 0; }
.blog_layout_edit h3 span:hover { cursor: pointer; }

.blog_layout_select { width: 100%; max-width: 850px; min-width: 550px; margin: auto; }


.blog_layout_select, .blog_layout_detail, .blog_layout_css { clear: both; display: none; }
.blog_layout_detail img { border: solid 1px #ccc; margin-bottom: 10px; max-width: 200px;}
.blog_layout_detail table { margin: auto; width: 700px;  border: 0; outline: 0; }
.blog_layout_detail table th { width: 120px; min-width: 120px; text-align: right; border: 0; background: none; }
.blog_layout_detail table td.apply_center { width: 210px; min-width: 210px; border: 0; }
.blog_layout_detail table td.apply_right { width: 330px; min-width: 330px; border: 0; }

span.blog_design_name { font-size: 24px; }

/* タイトルの位置設定フォーム */
.layout_list table { margin: auto; width: 700px; border: 0; outline: 0; }
.layout_list table th { width: 130px; min-width: 120px; border: 0; background: none; }
.layout_list table td.apply_center { width: 200px; min-width: 180px; border: 0; }
.layout_list table td.apply_right { width: 300px; min-width: 330px; border: 0; }
.blog_layout_detail input.blog_title_za {
    width: 50px;
    padding: 5px;
    margin: 0 3px;
    border: solid 1px #ccc;
    border-radius: 7px;
    box-shadow: none;
}


/* 画像追加、変更ボタン*/
.blog_layout_detail a.article_add {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    padding: 5px;
    font-size: 10px;
    font-size: 1.0rem;
    background-color: #22ac38;
    color: #fff;
    line-height: 14px;
    border-radius: 3px;
}
.blog_layout_detail a.article_add:hover { background-color: #4ebd60; }

/* 画像削除ボタン*/
.blog_layout_detail a.article_set {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    padding: 5px;
    font-size: 10px;
    font-size: 1.0rem;
    background-color: #808080;
    color: #fff;
    line-height: 14px;
    border-radius: 3px;
}
.blog_layout_detail a.article_set:hover { background-color: #9a9a9a; }

/* 色編集フォーム*/
.blog_color_form input { width: 170px; }
.blog_color_form input.color,
.apply_book_image_list input.color {
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 7px;
    box-shadow: none;
}

/* レイアウト画面ラジオボタン総合*/
.layout_list input[type=radio],
.bg_repeat input[type=radio],
.bg_align input[type=radio],
.bg_vertical input[type=radio]
 {
    display: none;
}

/* レイアウト選択ラジオボタン*/
.layout_list .radio {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    margin: 0 20px 8px 0;
    padding: 10px;
    border-radius: 8px;
    background-color: #f6f7f8;
    vertical-align: top;
    cursor: pointer;
}

.layout_list .radio:hover { background-color: #e5ecf7; }

.layout_list input[type=radio]:checked + .radio:before,
.layout_list input[type=checkbox]:checked + .radio:before {
    position: absolute;
    top: 3px;
    left: 3px;
    padding: 3px;
    color: #fff;
    display: block;
    content: '\4F7F\7528\4E2D'; /* 使用中 */
    background-color: #1d5aac;
    border-radius: 3px;
}
.layout_list input[type=radio]:checked + .radio ,
.layout_list input[type=checkbox]:checked + .radio
{ background-color: #1d5aac; color: #fff; }

/* 背景画像表示位置、繰り返し選択ラジオボタン*/
.bg_repeat .radio,
.bg_align .radio,
.bg_vertical .radio
 {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    margin: 0 5px 8px 0;
    padding: 5px 5px 5px 20px;
    border-radius: 3px;
    background-color: #f6f7f8;
    vertical-align: middle;
    cursor: pointer;
}

.bg_repeat .radio:hover,
.bg_align .radio:hover,
.bg_vertical .radio:hover {
    background-color: #e5ecf7;
}

.bg_repeat .radio:after,
.bg_align .radio:after,
.bg_vertical .radio:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 61%;
    left: 3px;
    display: block;
    margin-top: -10px;
    width: 10px;
    height: 10px;
    border: 1px solid #bbb;
    border-radius: 3px;
    content: '';
}

.bg_repeat .radio:before,
.bg_align .radio:before,
.bg_vertical .radio:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 55%;
    left: 6px;
    display: block;
    margin-top: -5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #53b300;
    content: '';
    opacity: 0;
}

.bg_repeat input[type=radio]:checked + .radio,
.bg_align input[type=radio]:checked + .radio,
.bg_vertical input[type=radio]:checked + .radio {
    background-color: #1d5aac;
    color: #fff;
}

.bg_repeat input[type=radio]:checked + .radio:before,
.bg_align input[type=radio]:checked + .radio:before,
.bg_vertical input[type=radio]:checked + .radio:before  {
    opacity: 1;
    background-color: #fff;
}

/* ------------ ブログデザインの変更画面 */
.blog_design_summary { margin-bottom: 20px; }
.blog_design_select .blog_layout_design {
    width: 70%;
    height: 200px;
    min-width: 550px;
    margin: 10px auto;
    margin-bottom: 30px;
}
.blog_design_select .blog_design_list { min-width: 450px; }
/*.blog_design_list .info { margin-top: -1.5em; }*/
.blog_design_list h3 { border-bottom: 2px solid #1d5aac; }
.report .blog_design_list h3:nth-of-type(2) { /* .reportの力が及ばないページでは削除 */ margin-top: 0px; }

/* ブログデザイン選択*/
.blog_design_list .layout_list { margin-bottom: 30px; }
.blog_design_list .layout_list label { width: 120px; display: inline-block; }
.blog_design_list .radio .watch_design {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    left: 0px;
    top:  0px;
    opacity: 0.0;
    display: inline-block;
    width: 120px;
    height: 121px;
    padding-top: 40px;
    text-align: center;
}

.blog_design_list .radio .watch_design span {
    background: #fff;
    border: solid 1px #ccc;
    color: #1d5aac;
    padding: 5px;
    border-radius: 5px;
}

.blog_design_list .radio .watch_design:hover { opacity: 0.9; }

/* ブログ[サイドバーの設定・管理]用 */
.report .blog_side_detail {
    margin: auto;
    padding: 10px 20px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 70%;
    min-width: 550px;
}

.report .blog_side_detail ul { display: inline; margin-top: 30px; }
.report .blog_side_detail .col_right { color: #1d5aac; }
.report .blog_side_detail .col_right:hover { text-decoration: underline; cursor: pointer; }
.report .blog_side_detail li { position: relative; height: 70px; padding: 20px; border-top: 1px dotted #ccc; }
.report .blog_side_detail li:hover { background-color: #f0f0f0; }
.report .blog_side_detail li strong { display: inline-block; margin-bottom: 5px; font-size: 14px; font-size: 1.4rem; }
.report .blog_side_detail li .txtr { position: absolute; top: 20px; right: 20px; }
.report .blog_side_detail li span { padding-right: 24px; }
.report .blog_side_detail li span.originalurl { margin-left: 2px; padding: 2px 5px; background-color: #fff; border: 1px solid #ccc; }
.report .blog_side_detail li span.tips.fa { margin: 0 5px; text-decoration: none; }
.report .blog_side_detail li span.fa { padding: 0; border: none; }
.report .blog_side_detail .heading { width: 150px; float: left; }


/* ブログ[サイドバーの配置設定]用 */
.blog_sidebar_layout { margin: auto; width: 820px; display: -webkit-flex; display: flex; }

.blog_sidebar_notuse {
    border: solid 1px #999;
    border-radius: 5px;
    box-sizing: border-box;
    background: #dedede;
    width: 170px;
    min-height: 500px;
    float: left;
    padding: 10px;
}

.blog_sidebar_use {
    border: solid 1px #999;
    border-radius: 5px;
    box-sizing: border-box;
    background: #e9e9e9;
    min-height: 500px;
    float: left;
    padding: 10px;
    margin-right: 10px;
}

.blog_sidebar_notuse .heading,
.blog_sidebar_use .heading { clear: both; margin-bottom: 10px; }
.blog_sidebar_use div.use_area { margin-left: 10px; }
.blog_sidebar_use div.use_area:nth-child(2) { margin-left: 0px; }

.notuse {
    width: 150px;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 5px;
    min-height: 450px;
}

.use {
    width: 180px;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 5px;
    min-height: 450px;
}

.no_use {
    width: 130px;
    background: rgba(252, 252, 252, 0.7);
    border: solid 1px #ccc;
    box-sizing: border-box;
    min-height: 450px;
}

.use, .no_use { float: left; }

.side_item_name { cursor: pointer; }
.blog_sidebar_use .side_item_name {
    width: 100%;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    background: #e5ecf7;
    border: solid 1px #ccc;
}

.notuse .side_item_name {
    width: 100%;
    margin-bottom: 5px;
    padding: 5px;
    color: #999;
    text-align: center;
    background: #dedede;
    border: solid 1px #ccc;
}

.side_item_name_highlight {
    width: 100%;
    height: 25px;
    margin-bottom: 5px;
    background: #f6f7f8;
    border: dotted 2px #bcbcbc;
    box-sizing: border-box;
}

/* ブックマークの管理 */
.apply .blog_side_bookmark input[type="checkbox"] { margin-right: 0px; }

.report .blog_side_bookmark {
    margin: auto;
    padding: 10px 20px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 70%;
    min-width: 550px;
}

.report .blog_side_bookmark .report_list { width: 100%; margin: auto; }
.report .blog_side_bookmark .report_list.ping_list {
    width: 100%;
    min-width: 510px;
    margin: auto;
    border-top: 2px solid #808080;
    border-bottom: 1px solid #ccc;
}
.report .blog_side_bookmark ul.report_list { display: inline; margin: auto; width: 100%; }
.report .blog_side_bookmark ul.report_list div { line-height: 30px; padding-top: 10px; }
.report .blog_side_bookmark li { position: relative; border: none; margin: auto; width: 100%;}
.report .blog_side_bookmark li:hover { background-color: #f0f0f0; }

.blog_bookmark { margin-bottom: 20px; position: relative; }
.blog_bookmark button {
    top: -2px;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 0;
    padding: 0 5px;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 3px;
    box-shadow: 0 2px 0 #666;
}
.blog_bookmark button:hover { background-color: #1d5aac; box-shadow: 0 2px 0 #143f78; }
.blog_bookmark input {  box-shadow: none; }
.blog_bookmark input.bookmark_sitename { width: 70%; }
.blog_bookmark input.bookmark_url { width: 35%; }
.blog_bookmark input.ping_url { width: 70%; }
.blog_bookmark input.bookmark_order { width: 40px; margin-right: 5px; }
.report .report_list div.bookmark_sitename { width:30%; }
.report .report_list div.bookmark_url  { width:50%; }
.report .report_list div.bookmark_right  { width:20%; text-align: left; }
.report .report_list div span.bookmark_order,
.report .report_list div span.bookmark_del_check {  font-size: 1.2rem; }
.report .report_list div.bookmark_order { width:40px; }
.report .report_list div.bookmark_del_check { width:45px; }
.report .report_list div.ping_url  { width: 70%; min-width: 270px; border: none;}
.report .report_list div.ping_right  { width:30%; min-width: 150px; text-align: left; border: none; }

ul.report_list input { width: 95%; box-shadow: none; }
ul.report_list input.order_number { width: 40px; box-shadow: none; }

/* テーマの管理(ブックマークからの流用) */
.report .report_list div.theme_name { width:70%; }
.report .report_list div.theme_right  { width:30%; text-align: left; }
.report .report_list div.theme_article { width:45px; }
.report .report_list div span.theme_article {  font-size: 1.2rem; }

/* オリジナルURL設定フォーム */
.seller .edit input[type="text"].url_form {
    width: 350px;
    height: 25px !important;
    margin-left: 5px;
    box-shadow: none;
}

/* タグの管理画面 */
.apply_tag_edit {
    margin: auto;
    margin-bottom: 60px;
    padding: 20px;
    min-width: 450px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.apply_tag_edit label { background: #f0f0f0; padding: 5px; border-radius: 3px; margin-right: 10px; }
.apply_tag_edit label:hover { background: #1d5aac; color: #fff; }
.apply_tag_edit label input { margin-right: 5px; }
.apply_tag_list { line-height: 2.2em; margin-bottom: 20px; padding: 0; }
.check_all_btn { text-align: left; margin-bottom: 20px;}
.check_all_btn input[type=checkbox] { display: none; }

/*仮会員の状態でコンテンツの新規購読の手続きをすると出てくるプロフィール入力画面*/
/*.affiliater .form.entry, */.seller .form.entry {
    float: none;
    width: auto;
    height: 100%;
    margin-left: 220px;
    padding-right: 20px;
    text-align: center;
}
.affiliater .form.entry table, .seller .form.entry table { text-align: left; /*min-width: 780px;*/ }
.affiliater .form.entry h4, .seller .form.entry h4 {
    margin: 30px 0;
    padding-left: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    border-left: 6px solid #1d5aac;
    text-align: left;
}

/*.seller button#post_member_update_confirm ,*/
/*.affiliater button#post_member_update_confirm { margin-left: 210px; }*/

/*アフィリエイトページここから --------------------------------------*/
    /*アフィページ基本*/
.affiliater {}
.affiliater .col_2 { float: none; width: auto; height: 100%; margin-left: 199px; padding-right: 20px; }
.affiliater h3 { margin-bottom: 5px; border: none;}
.affiliater .btn_apply { color: #fff; background-color: #22ac38; border-radius: 3px; }
.affiliater .btn_apply:hover { background-color: #4ebd60; }
.affiliater .afi_edit { width: 600px; margin: 40px auto; }


    /*アフィリエイト管理メニュー(sellerと共用)*/
.affi_sidemenu_head { text-align: center;  padding: 5px; background: #1d5aac; color: #fff; }

    /*商品検索 */
.affiliater .ware_search { border: solid 1px #ccc; border-radius: 5px; padding: 10px; margin: 0 0 20px 0; }

    /*一覧、ステータスの色分け*/
.status_quit    { color: #fc6600; }
.status_sale    { color: #22ac38; }
.status_reserve { color: #89a88e; }
.status_ban     { color: #e500ff; }
.status_hold    { color: #d00; }
.status_ready   { color: #808080; }

    /*top_リポート一覧*/
.affiliater div.all_report_list { position: relative; width: 100%;  min-width: 550px; border-top: 2px solid #1d5aac; display: -webkit-flex; display: flex; }
.affiliater .all_report_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.affiliater .all_report_list div.affi_title { width: 32%; text-align: left;   position: relative; }
.affiliater .all_report_list div.affi_induction { width: 12%;}
.affiliater .all_report_list div.affi_subscriber { width: 12%;}
.affiliater .all_report_list div.affi_settlement { width: 12%;}
.affiliater .all_report_list div.affi_revenue { width: 12%;}
.affiliater .all_report_list div.affi_status { width: 10%;}
.affiliater .all_report_list div.affi_purchase_bonus { width: 10%;}
.affiliater .all_report_list div.affi_report { width: 10%; text-align: center; }
.affiliater .all_report_list span.big_icon { margin: 0; padding-top: 20px; font-weight: normal; font-size: 28px; font-size: 2.8rem; }

.affiliater div.all_report_list div:not(.tips_cont) { padding: 5px 0; font-weight: bold; }
.affiliater div.all_report_list div:first-child { padding: 5px 10px; }

.affiliater ul.all_report_list { position: relative; border: none; border-top: 1px solid #ccc; }
.affiliater ul.all_report_list div { height: auto; padding: 10px 0px; }
.affiliater ul.all_report_list div.affi_text { width: 218px; }
.affiliater ul.all_report_list div.affi_purchase_bonus { line-height: 3.5; }
.affiliater ul.all_report_list div.affi_report { padding: 0; }
.affiliater ul.all_report_list li { border-bottom: 1px solid #ccc; }
.affiliater ul.all_report_list li:hover { background: #f0f0f0; }
.affiliater ul.all_report_list div.affi_title span.title { font-weight: bold; font-size: 14px; font-size: 1.4rem; }
.affiliater ul.all_report_list div.affi_title .category { position: absolute; top: 44px; left: 30px; line-height: 1; }
.affiliater ul.all_report_list div.affi_title .fa-square { font-size:18px; font-size: 1.8rem; color: #1d5aac; }
.affiliater ul.all_report_list div.affi_title .thumbnail { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }
.affiliater ul.all_report_list div.affi_title .thumbnail-nonborder { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }

.affiliater ul.all_report_list div.affi_title .book {
    width: 35px;
    max-width: 35px;
    height: 50px;
    max-height: 50px;
    margin: 0 17px 0 8px;
    }

.affiliater ul.all_report_list span.count {
    margin-right: 5px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 4.5rem;
}

.affiliater .box.box_report { margin-bottom: -31px;  }

    /*アフィリエイト収益レポート*/
.affiliater .reprt_graph { margin-bottom: 30px; }
.affiliater .all_report_list div.affi_title_graph { width: calc(100% - 720px); text-align: left; position: relative; }
.affiliater .all_report_list div.affi_graph { width: 90px;}
.affiliater .all_report_list div.affi_blank_graph { width: calc(100% - 770px); text-align: left; position: relative; }
.affiliater .all_report_list div.affi_total_graph { width: 110px;}

.report_select_year {
    margin-top: 20px ;
    /*width: 400px;*/
    padding: 10px 0;
}
.list_view_text {
    background-color: #1d5aac;
    color:#fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 10;
    padding-left: 10px;
}

span.list_view_date { margin-left: 15px; }

.list_view_select label.view_select { padding: 5px 10px; font-size: 1.4rem; background: #f0f0f0; border-radius: 3px 3px 0px 0px; }
.list_view_select label.view_select:hover { cursor: pointer; }
.list_view_select input[type="radio"] { display: none; }
.list_view_select input[type="radio"]:checked + label.view_select {
    background-color: #1d5aac;
    color: #fff;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
}
.list_view_select .list_view_text .sort {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-left: 5px;
    padding: 3px 10px 1px;
    background: rgba(255, 255, 255, .15);
    border-radius: 3px;
}
.list_view_select .list_view_text .sort input[type="radio"] { display: inline-block; }
.list_view_select .list_view_text .sort label { cursor: pointer; }
.list_view_select .list_view_text .sort label:not(:first-child) { margin-left: 10px; }
.list_view_select label.no_gold_member { position: relative; }

/*商品単体_リポート各月 magazine_affiliation report*/
.affiliater .all_report_list div.single_month { width: 10%; text-align: left; padding-left: 10px; }

/* report_magazine_only(初月なし) */
.affiliater .all_report_list.magazine div:not(.single_month) { min-width: 17.8%;}

/* report_magazine_only(初月あり) */
.affiliater .all_report_list.magazine_first div:not(.single_month) { min-width: 14.9%;}

/* report_blog_only(初月なし) */
.affiliater .all_report_list.blog div:not(.single_month) { min-width: 12.8%;}

/* report_blog_only(購読者なし) */
.affiliater .all_report_list.blog_is div:not(.single_month) { min-width: 17.8%;}

/* report_blog_only(初月あり) */
.affiliater .all_report_list.blog_first div:not(.single_month) { min-width: 12.8%;}

/* report_book_only */
.affiliater .all_report_list.book div:not(.single_month) { min-width: 17.8%;}

/* report_file_only */
.affiliater .all_report_list.file div:not(.single_month) { min-width: 22.3%;}

/* report_salon_only */
.affiliater .all_report_list.salon div:not(.single_month) { min-width: 17.8%;}


.affiliater .all_report_list div.single_revenue .tips_cont { right: 10px; }
.affiliater ul.all_report_list div.single_month span.title { position: relative; font-weight: bold; font-size: 14px; font-size: 1.4rem; top: 15px; }
.affiliater .all_report_list div.single_chapter_title { width: 100%; text-align: left; padding-left: 10px; }

    /*Myアフィリエイト一覧 report*/
.affiliater .report_list { width: 100%; }
.affiliater .report_list span.big_icon {  margin: 0; padding-top: 20px; font-weight: normal; font-size: 28px; font-size: 2.8rem; }
.affiliater .report_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.affiliater .report_list div.affi_title { width: 75%; text-align: left; }
.affiliater .report_list div.affi_tag { width: 15%; text-align: center; vertical-align: middle; }
.affiliater .report_list div.affi_report { width: 10%; text-align: center; }

.affiliater div.report_list div { padding: 5px 0; text-align: right; font-weight: bold;  border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.affiliater div.report_list div:first-child { padding: 5px 10px; }

.affiliater ul.report_list div { height: auto; line-height: 1.6; padding: 25px; }
.affiliater ul.report_list div:first-child { padding: 10px 0 10px 0; }
.affiliater ul.report_list div.affi_report { padding: 0; }
.affiliater ul.report_list { position: relative; }
.affiliater ul.report_list li { border-bottom: 1px solid #ccc; }
.affiliater ul.report_list li:hover { background: #f0f0f0; }
.affiliater ul.report_list div.affi_title span.title { position: relative; font-weight: bold; font-size: 14px; font-size: 1.4rem; }
.affiliater ul.report_list div.affi_title .category { position: absolute; top: 40px; left: 30px; line-height: 1; }
.affiliater ul.report_list div.affi_title .fa-square { font-size:18px; font-size: 1.8rem; color: #1d5aac; }
.affiliater ul.report_list div.affi_title .thumbnail { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }

/*タブメニューが画面上から出た時に表示位置を固定する*/
.affiliater .fixed {
    position: fixed;
    top: 25px;
    right: 20px;
    z-index: 10;
    width: 100%;
    padding: 15px 0 0 240px;
    background: rgba(255, 255, 255, .8);
}

/*タブリスト項目が画面上から出た時に表示位置を固定する*/
.affiliater .fixed_l {
    position: fixed;
    top: 92px;
    right: 20px;
    z-index: 10;
    width: 100%;
    padding-left: 240px;
    background: rgba(255, 255, 255, .8);
}

/*タブリスト項目が画面上から出た時に表示位置を固定する*/
.nav_graph { clear: both; }
.affiliater .fixed_report {
    position: fixed;
    top: 100px;
    right: 20px;
    width: 100%;
    padding-left: 240px;
    z-index: 10;
}

/*タブリスト(まとめてアフィリエイト画面)*/
.integration_btns { margin-bottom: 30px; }
.integration_btns a { font-size: 1.4rem; }
.affiliater .fixed_matome {
    position: fixed;
    top: 25px; right: 20px;
    width: 100%;
    padding-left: 240px;
    z-index: 10;
}
.matome ul.all_report_list { margin-bottom: -1px !important; }
.select_matome { margin-bottom: 2em; }
.select_matome a {
    padding: 5px 10px;
    font-size: 1.2rem;
    background: #f0f0f0;
    border-radius: 3px 3px 0px 0px;
    margin-right: 5px;
}
.select_matome a:hover { text-decoration: none; }
.select_matome a.all:nth-of-type(1),
.select_matome a.magazine:nth-of-type(2),
.select_matome a.blog:nth-of-type(3),
.select_matome a.forecast:nth-of-type(4),
.select_matome a.book:nth-of-type(5),
.select_matome a.file:nth-of-type(6),
.select_matome a.salon:nth-of-type(7),
.select_matome a.specialty:nth-of-type(8) {
    background-color: #1d5aac;
    color: #fff;
}
#fixedBox_l .offer_list,
#fixedBox_report .all_report_list,
#fixedBox_matome .nav_report
{ background: rgba(255,255,255,0.95);
    position: relative;
    z-index: 1;
 }

/*まとめてMyアフィリエイトのチェックボックスとボタンをページ下部に固定で出す*/
.affiliater #bandle_affiliation {
    position: fixed;
    bottom: 30px;
    z-index: 10;
    width: 100%; height: 80px;
    margin-left: -235px;
    padding-left: 235px;
}

.bandle_affiliation_submit { border-top: solid 1px #ccc; background: rgba(255,255,255,0.95); padding: 10px; }

.affiliater .offer_list { width: 100%; }
.affiliater .offer_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.affiliater .offer_list div.affi_title { width: 30%; text-align: left; position: relative; }
.affiliater .offer_list div.affi_profit_wide { width: 10%; }
.affiliater .offer_list div.affi_profit_short { width: 10%; position: relative;}
.affiliater .offer_list div.affi_title_confirm { width: 100%; text-align: left; } /*確認画面用*/
.affiliater .offer_list div.affi_title_finish { width: 80%; text-align: left; } /*確認完了用*/
.affiliater .offer_list div.affi_tag_finish { width: 20%; text-align: right; } /*確認完了用タグへのリンク*/
.affiliater .offer_list div.affi_tag { width: 15%; text-align: center; vertical-align: middle; }
.affiliater .offer_list div.affi_report { width: 10%; text-align: center; }
.affiliater .offer_list div.affi_report span.big_icon {  margin: 0; padding-top: 20px; font-weight: normal; font-size: 28px; font-size: 2.8rem; }

.affiliater div.offer_list div:not(.tips_cont) { padding: 5px 0; text-align: right; font-weight: bold; border-bottom: 1px solid #ccc; }
.affiliater div.offer_list div:first-child { padding: 5px 10px; }
.affiliater div.offer_list .tips_cont { position: fixed; left: auto; }

.affiliater ul.offer_list { position: relative; }
.affiliater ul.offer_list div { height: auto; line-height: 1.6; padding-top: 25px; height: 70px; }
.affiliater ul.offer_list div.affi_text { float: none; padding-top: 15px; }
.affiliater ul.offer_list div:first-child { padding: 10px 0 10px 0; }
.affiliater ul.offer_list div.affi_report { padding: 0; }
.affiliater ul.offer_list li { border-bottom: 1px solid #ccc; }
.affiliater ul.offer_list li:hover { background: #f0f0f0; }
.affiliater ul.offer_list div.affi_title span.title { font-weight: bold; font-size: 14px; font-size: 1.4rem; top: 15px; }
.affiliater ul.offer_list div.affi_title .category { position: absolute; top: 40px; left: 30px; line-height: 1; }
.affiliater ul.offer_list div.affi_title .fa-square { font-size:18px; font-size: 1.8rem; color: #1d5aac; }
.affiliater ul.offer_list div.affi_title .thumbnail { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }
.affiliater ul.offer_list div.affi_title .thumbnail-nonborder { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }
.affiliater ul.offer_list div.affi_title .book {
    width: 35px; max-width: 35px; height: 50px; max-height: 50px;
    margin: 0 18px 0 8px;
}

.affiliater ul.offer_list div.affi_check input[type=checkbox]  { padding-top: 10px; width: 20px; }
.affiliater ul.offer_list div.affi_title_confirm span.title_confirm { margin-left: 15px; font-weight: bold; font-size: 14px; font-size: 1.4rem; } /*確認完了用*/
.affiliater ul.offer_list div.affi_title_finish span.title_finish { margin-left: 15px; font-weight: bold; font-size: 14px; font-size: 1.4rem; } /*確認完了用*/
.affiliater ul.offer_list span.count { margin-right: 5px; font-weight: bold; font-size: 16px; font-size: 1.6rem; }
.affiliater ul.offer_list div.affi_tag_finish { padding-top: 10px; }
.affiliater ul.offer_list div.affi_title .af_check {
    position: absolute;
    top: 2px; left: -4px;
    line-height: 1;
    width: 18px;
    height: 18px;
    padding: 3px 0 0 4px;
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
}
.affiliater ul.offer_list div.affi_title .af_check:hover { background: #f0f0f0; }

.affiliater .report_list span.free_on_apply {
    padding: 4px 5px;
    font-size: 1.0rem;
    color: #d00 !important;
    font-weight: bold;
    background-color: #fff;
    border: 2px solid #d00;
    border-radius: 3px;
    box-sizing: border-box;
}

/*アフィリエイト単価 初回決済のみ*/
.affiliater ul.offer_list div.first_payment {
    position: absolute;
    top: 45px;
    right: 0px;
    padding: 0px;
}

/*2ティアレポート*/
.affiliater .all_report_list div.tier_year { width: 10%; text-align: left; position: relative; }
.affiliater .all_report_list div.tier_entry { width: 30%;}
.affiliater .all_report_list div.tier_count { width: 30%;}
.affiliater .all_report_list div.tier_reward { width: 30%; padding-right: 10px;}
.affiliater ul.all_report_list div.tier_year { padding-left: 10px; }

span.tier_number { margin-right: 5px; font-weight: bold; font-size: 16px; font-size: 1.6rem; }
.hidden_tier_link .monthly_report a.show_report { display: none; }

/*アフィリエイト詳細 magazine_affiliation/report */
.affi_detail { display: inline-block;}
.affi_detail .banner_list { border: solid 1px #d00; }
.affi_detail_left { float: left; width: 200px; padding: 10px; border: solid 1px #ccc; }
.affi_detail_profile {}
.affi_detail_left .affi_detail_profile .category {
    position: relative;
    top: -14px;
    left: 159px;
    padding: 5px;
    line-height: 1;
    /*background: rgba(255,255,255,0.8);
    border-radius: 3px 0 0 0;*/
}
.affi_detail_profile span.title { font-size: 1.4rem; font-weight: bold; }
.affi_detail_right { margin-left: 220px; }
.affi_detail .monthly_report { margin-bottom: 0px; margin-top: 40px; }
.affi_detail p.affi_unitprice { font-size: 1.6rem; position: relative; }
.affi_detail p.affi_unitprice span.affi_price { font-size: 3rem; padding: 0px 10px 0px 20px; }
.affi_detail p.affi_unitprice span.affi_first { font-size: 2rem; padding: 0px 10px 0px 20px; }
.affi_detail p.affi_unitprice span.affi_tanka { color: #1d5aac; font-weight: bold; }
p.affi_first_price, div.affi_first_price {
    width: 100%;
    font-size: 1.2rem;
    text-align: left;
    padding-left: 135px;
    margin-top: -25px;
}
span.firsr_tanka {
    position: absolute;
    top: 45px;
    left: 80px;
}

.affi_detail .cont_data { border-top: solid 1px #ccc; padding-top: 20px; }
.affi_detail .cont_data li { float: left; margin-right: 10px; margin-bottom: 5px; }
.affiliater .showmore { width:780px; margin:auto;}
.affiliater .showmore_content { position: relative; overflow: hidden; margin-bottom: 30px; }
.affiliater .showmore_trigger {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #1d5aac;
    background-color: #f0f0f0;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.affiliater .showmore_trigger span {
    display: block; line-height: 1;
    text-decoration: none;
}

.book_index_list {
    height: 200px;
    overflow: scroll;
    text-align: center;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
 }

 .book_index_list span.item_cont_option {
    margin-bottom: 0;
    margin-right: 5px;
  }


.affi_member_hidden .member_hidden { display: none; }
.report .affi_detail .monthly_report dl { margin: 0px 20px 20px; }
.showmore_hidden .showmore { display: none; }


/*購読者側詳細画面からアフィリエイトの選択をした場合 magazine_affiliation/detail */
.report .buy_in { min-height: 370px; }
.report .buy_in .affi_detail .monthly_report dl { width: 150px; margin: 0px 20px 20px 0px; }
.report .buy_in .affi_detail .monthly_report dt { width: 100%; color: #1d5aac; font-size: 14px; font-size: 1.29rem; }
.monthly_report dt span.afn { font-weight: bold; }
.report .buy_in .affi_detail .monthly_report dd { padding-top: 40px; padding-left: 0; margin-bottom: 20px; }
.report .buy_in .affi_detail .monthly_report dd span { margin-right: 5px; font-size: 18px; font-size: 2.1rem;
}

/*アフィリエイター、ジャンル別一覧、ジャンル選択*/
.affiliater .genre_index { margin: auto; }
.affiliater .genre_index ul { width:600px; line-height: 2em; margin: auto; }
.affiliater .genre_index ul li { float: left; padding-left: 5px; width: 200px; display: block; }
.affiliater .genre_index ul li:hover {
    background: #f0f0f0; border-radius: 3px; padding-left: 10px;
    -webkit-transition: background-color .1s ease-in-out, padding .1s ease-in-out;
    transition: background-color .1s ease-in-out, padding .1s ease-in-out;
}
.affiliater .genre_index ul li a { display:block; width: 200px; }
.affiliater .genre_index ul li a:hover { text-decoration: none; font-weight: bold; }
.affiliater .genre_index ul li span.genre_active { text-decoration: none; font-weight: bold; color: #1d5aac; }

/*アフィリエイター、ジャンル別一覧、検索項目*/
.affiliater .genre_search { margin: auto; }
.affiliater .genre_search label {
    margin-right: 10px;
    padding: 5px;
    width: 100px;
    display: inline-block;
    text-align: left;
}
.affiliater .genre_search label:hover {
    background: #f0f0f0; border-radius: 3px;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
}
.affiliater .genre_search input { margin-right: 5px; }

/*アフィリエイトタグ 一覧 */
#affiliater_detail_view table th { width: 300px !important; }
#affiliater_detail_view textarea { width: 100%; }
#affiliater_detail_view .generic_member_regist table th { width: 150px; }

/* アフィリエイト特典 */
.afi_purchase_bonus_menu { margin: 10px 0; }
.afi_purchase_bonus_menu a { margin-right: 20px; }
table.afi_purchase_bonus_edit th { width: 220px; }

/* ダウンロード画面 */
.download_window {
  width: 582px;
  margin: 20px auto;
  padding: 10px 20px 50px;
  border: solid 1px #ccc;
  border-radius: 5px;
}

/* パンフレットマニュアル */
.pamphlet_manual_menu ul { display: block; }
.pamphlet_manual_menu ul li { width: 300px; margin-bottom: 10px; padding: 5px; border-radius: 5px; }

/* メッセージ機能 */
#MessageMenu {
  position: relative;
  float: left;
  width: 200px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}
.message .msg .sendMessage {
    /* position: fixed; */
    /* top: 25px; */
    /* left: calc(50% - 1px); */
    /* z-index: 2; */
    width: 540px;
    /* padding: 20px; */
    background: #fff;
    /* border-left: 1px solid #ccc; */
    /* border-bottom: 1px solid #e5e5e5; */
    /* -webkit-transform: translateX(-50%); */
    /* transform: translateX(-50%); */
}
.message .col_2 .msg .sendMessage {
    top: 77px;
    left: 420px;
    border-left: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: .3s;
}
.message .msg .sendMessage + div { transition: .3s; }
.message .msg .sendMessage .message_plofile img + div { padding-left: 60px; }
.message .msg .sendMessage .message_plofile .content_title { margin-bottom: 10px; font-size: 1.6rem; font-weight: bold; }
.message .msg .sendMessage textarea { margin: 0 !important; }
.message .msg .sendMessage button { margin-top: 2em; }
/* .message .msg .sendMessage + .spacer { height: 150px; } */
/* .message .col_2 .msg .sendMessage + .spacer { height: 180px; } */
/* .message .msg .sendMessage + .spacerAdmin { height: 180px; } */
.message .col_2 .msg .sendMessage .txtc { margin-top: 1em; }
.message .col_2 .msg .sendMessage .ignore_edit_toggle,
.message_plofile + .subscriber_menu .ignore_edit_toggle {
    top: 0;
    float: right;
    margin: 30px 15px 10px 0;
    padding: 0 5px;
    color: #808080;
    background: #e5e5e5;
    border-radius: 3px;
    cursor: pointer;
}
.message_plofile + .subscriber_menu .ignore_edit_toggle { position: relative; top: 30px; margin: 0 20px 0 0; }
.message .col_2 .msg .sendMessage .toggle_cont + .tips { position: absolute; top: 34px; left: auto; right: -5px; }
.message_plofile + .subscriber_menu .toggle_cont + .tips { position: relative; top: 30px; left: 405px; }
.message .col_2 .msg .sendMessage .toggle_cont + .tips + .tips_cont { top: 20px; left: 0; width: 550px; padding: 10px; }
.message_plofile + .subscriber_menu .toggle_cont + .tips + .tips_cont { left: 270px; width: 550px; margin-top: 30px; padding: 10px; }
.message .col_2 .msg .sendMessage .toggle_cont,
.message_plofile + .subscriber_menu .toggle_cont {
    float: right;
    position: relative;
    top: -20px;
    width: 100%;
    padding-left: 42px;
    overflow: hidden;
}
.message .col_2 .msg .sendMessage .toggle_cont,
.message_plofile + .subscriber_menu .toggle_cont {
    margin: 20px 0 0;
    padding: 20px 20px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.message_plofile + .subscriber_menu .toggle_cont { margin: 30px 0 -20px; }
.message .col_2 .msg .sendMessage .toggle_cont .fa,
.message_plofile + .subscriber_menu .toggle_cont .fa { margin: 0 5px; }
.message .col_2 .msg .sendMessage .toggle_cont > .col_left,
.message_plofile + .subscriber_menu .toggle_cont > .col_left { width: 180px; font-size: 1.4rem; }
.message .col_2 .msg .sendMessage .toggle_cont .col_left,
.message_plofile + .subscriber_menu .toggle_cont .col_left { margin-bottom: 10px; font-weight: bold; }
.message .col_2 .msg .sendMessage .toggle_cont .col_left .tips_cont,
.message_plofile + .subscriber_menu .toggle_cont .col_left .tips_cont { left: 0; margin: 0 10px; padding: 10px; font-weight: normal; }
.message .col_2 .msg .sendMessage .toggle_cont > .col_right,
.message_plofile + .subscriber_menu .toggle_cont > .col_right { width: 310px; overflow: hidden; }
.message .col_2 .msg .sendMessage .toggle_cont .col_right,
.message_plofile + .subscriber_menu .toggle_cont .col_right { margin-bottom: 10px; }
.message .col_2 .msg .sendMessage .toggle_cont label,
.message_plofile + .subscriber_menu .toggle_cont label { margin-bottom: 10px; }
.message .col_2 .msg .sendMessage .toggle_cont button,
.message_plofile + .subscriber_menu .toggle_cont button { margin: 10px 0 40px; }
.sendMessage .message_plofile { margin-bottom: 20px; overflow: hidden; }
.message_plofile .message_plofile { margin-bottom: 0; }

.message .messageBox .messageInner .comment {
   padding: 10px;
   border: 1px solid #ccc;
   position: relative;
   border-radius: 5px;
}

.message .messageBox .messageInner .comment img { max-width: 100%; max-height: 100%; }

.message .messageBox .messageInner .comment .txtr {
    margin: 20px 0 -5px;
    color: #ccc;
    font-size: 10px;
    font-size: 1.0rem;
}

.message .messageBox .messageInner .comment .specialty_purchase {
    position: absolute;
    right: 0;
    top: -20px;
    color: #d00;
}

.message .messageBox .messageInner .comment .specialty_hide_edit {
    position: absolute;
    right: -25px;
    top: -20px;
}

.specialty_hide_edit .option_specialty_deliver {
    display: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    width: 300px;
    text-align: left;
    z-index: 10;
    position: absolute;
    right: 0px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: rgba(0, 0, 0, 0.05) 2px 4px 1px;
}

.option_specialty_deliver .deliver_menu { width: 100%; color: #1d5aac; }
.option_specialty_deliver .deliver_menu:hover { background: #f1f1f1; cursor: pointer; }

.message .messageBox .messageInner .comment .specialty_purchase_option {
    border-bottom: solid 1px #ccc;
    position: relative;
    width: 439px;
    left: -10px;
    top: -10px;
    padding: 10px;
}

.message_dsot:hover, .message_sot:hover { cursor: pointer; }
.message_dsop, .message_sop {
    padding: 7px 5px 0 10px;
    position: relative;
    top: -8px;
}

.message .messageBox .messageInner .comment .specialty_content_thanks {
    text-align: center;
    margin-top: 20px;
}

.specialty_content_thanks .sct_ribbon {
    color: #ffff00;
    font-size: 1.7rem;
    background: #d00;
    position: relative;
    height: 50px;
    width: 440px;
    left: -11px;
    padding-top: 5px;
    margin-bottom: 20px;
}

.specialty_content_thanks .sct_ribbon h4 {
    border-top: solid 2px #ffff00;
    border-bottom: solid 2px #ffff00;
    padding: 7px 0;
}

.specialty_content_thanks span.thanks_thanks,
.specialty_content_thanks span.thanks_comment,
.specialty_content_thanks span.thanks_count
 { font-size: 1.7rem;}

.posted_name.regimag { text-align: left; }

.posted_name.user { text-align: right; }

.posted_time.regimag {
    position: absolute;
    left: 100%;
    top: 0px;
    margin-left: 5px;
    width: 100px;
}

.posted_time.user {
    position: absolute;
    right: 100%;
    top: 0px;
    left: -105px;
    width: 100px;
    text-align: right;
}

.message .messageBox .messageInner .comment.regimag:before {
   content: '';
   position: absolute;
   right: 100%;
   top: 5px;
   width: 20px;
   height: 20px;
   background: url(/images/fukidashi_point_left.png) 0 0 no-repeat;
}

.message .messageBox .messageInner .comment.user:before {
   content: '';
   position: absolute;
   left: 100%;
   top: 5px;
   width: 20px;
   height: 20px;
   background: url(/images/fukidashi_point.png) 0 0 no-repeat;
}

/* スペシャリスト メッセージBOX */
.specialty_title_side {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 45px;
    color: #1d5aac;
}
.seller .specialty_message_menu input[type="radio"] { display: none; }

.specialty_message_menu label.radio {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 60px;
    margin: 0;
    padding: 3px;
    border-radius: 3px;
    background-color: #1d5aac;
    color: #fff;
    opacity: 0.4;
    vertical-align: middle;
    cursor: pointer;
}

.specialty_message_menu label.radio:hover { opacity: 0.7; }
.seller .specialty_message_menu input[type=radio]:checked + label.radio { opacity: 1; background-color: #1d5aac; color: #fff; }
.seller .specialty_message_menu input[type=radio]:checked + label.radio:before { opacity: 1; background-color: #fff; }

.member_profile_edit { margin: 20px 0;}


/*受信箱メニュー　ユーザー設定*/
.toggle_message { color: #1d5aac; cursor: pointer; }

.menu_profile_edit {
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    width: 260px;
    z-index: 10;
    position: absolute;
    right: 0;
    background: rgba(255, 255, 255, 0.97);
    box-shadow:rgba(0, 0, 0, 0.05) 2px 4px 1px;
}

.menu_profile_edit div.edit_profile { margin-bottom: 20px; overflow: hidden; }

/* 受信箱 プレミアム要素追加 */
.pre_message_data {
    margin-bottom: 20px;
    position: relative;
    background: url(/images/premium_mark.png) right top no-repeat;
    background-size: 120px;
}

.pre_message_data.specialty {
    background: url(/images/specialist_mark.png) right top no-repeat;  background-size: 120px;
}

.pre_message_data_title { margin-bottom: 10px; width: 100%; }

.pre_message_data .tag,
.message_plofile .tag  {
    padding: 15px 10px 5px;
    margin: 20px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    width: 540px;
}


.pre_message_data .sct_ribbon {
    color: #d00;
    font-size: 1.7rem;
    text-align: center;
    background: #d00;
    height: 20px;
    width: 100%;
    padding-top: 5px;
    margin: 30px auto;
}

.pre_message_data .specialty_purchase {
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    position: relative;
    top: -14px;
 }

 .specialty_replay { text-align: center;}

#MessageMenu h2.premium_menu {
    margin: 10px 0 0 0;
    font-size: 16px;
    font-size: 1.6rem;
}

.premium_title_side {
    font-size: 14px;
    font-size: 1.4rem;
    color: #1d5aac;
    padding-left: 20px;
}

.pre_message_status {
    /*width: 100px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;*/
    width: 100%;
    margin-bottom: 10px;
}

.pre_message_status span.item_cont_alert { font-size: 12px; font-size: 1.2rem; }

.pre_message_data .content_title { font-size: 1.5rem; color: #1d5aac; }
.pre_message_data .content_title img { width: 50px; height: 50px; margin-right: 10px; }
.pre_message_data .premium_data_title { font-size: 2.0rem; }
.pre_message_data .fa-bg {
    font-size: 1.2rem;
    font-weight: normal;
    padding: 5px;
    height: 30px;
}

.premium_post_file { margin-top: -6px; border: solid 1px #ccc; }
.premium_post_file ul { height: 30px; }
.premium_post_file ul li {
    float: left;
    border-right: solid 1px #ccc;
    background: none;
    padding: 5px 10px;
    cursor: pointer;
}
.premium_post_file ul li:hover { background: #f0f0f0; cursor: pointer; }
.premium_post_free { float: right; margin-top: -25px; /* padding-right: 10px; */ }
.pre_message_open {text-align: center;}
.pre_message_open span.btn.member_max { width: 380px; }
.pre_message_open span.btn_free_on_apply.member_max { width: 145px; margin-right: 0px; }

.pre_profile_edit {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    text-align: left;
    background: #fff;
    width: 500px;
}

.pre_profile_edit button { margin: 10px 0;}

/*.blind {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-tansition: all 1s;
}*/

.seller_premium_link { font-size: 17px; font-size: 1.7rem; }

/* プロフィール適用商品選択用 */
.product_select_layout { width: 100%; margin: auto; display: inline-block; }

.product_select_notuse {
    border: solid 1px #999;
    border-radius: 5px;
    box-sizing: border-box;
    background: #dedede;
    width: 49%;
    float: left;
    padding: 10px;
}

.product_select_use {
    border: solid 1px #999;
    border-radius: 5px;
    box-sizing: border-box;
    background: #e9e9e9;
    width: 49%;
    float: left;
    padding: 10px;
    margin-right: 10px;
}

/*サロン機能・スレッド順番*/
.product_select_thread {
    border: solid 1px #999;
    border-radius: 5px;
    box-sizing: border-box;
    background: #e9e9e9;
    width: 800px;
    height: 520px;
    padding: 10px;
    margin: auto;
    display: block;
}

.product_select_notuse .heading,
.product_select_use .heading,
.product_select_thread .heading  /*サロン機能・スレッド順番*/
{ clear: both; margin-bottom: 10px; }
.product_select_use div.use_area { margin-left: 10px; }
.product_select_use div.use_area:nth-child(2) { margin-left: 0px; }

.product_select_layout .notuse {
    width: 100%;
    max-height: 550px;
    overflow: scroll;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 5px;

}

.product_select_layout .use {
    max-height: 550px;
    overflow: scroll;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 5px;
}

.product_select_layout .no_use {
    background: rgba(252, 252, 252, 0.7);
    border: solid 1px #ccc;
    box-sizing: border-box;
}

.product_select_layout .use_thread {
    height: 470px;
    overflow: scroll;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 5px;
}

.product_select_layout .use,
.product_select_layout .no_use,
.product_select_layout .use_thread {
    float: left;
    width: 100%;
}

.product_select_layout .product_select_use .side_item_name {
    position: relative;
    width: 100%;
    height: 60px;
    margin-bottom: 5px;
    background: #e5ecf7;
    border: solid 1px #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_select_layout .notuse .side_item_name {
    position: relative;
    width: 100%;
    height: 60px;
    margin-bottom: 5px;
    color: #999;
    text-align: left;
    background: #dedede;
    border: solid 1px #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_select_layout .product_select_thread .side_item_name {
    position: relative;
    width: 100%;
    height: 60px;
    margin-bottom: 5px;
    padding-left: 5px;
    background: #e5ecf7;
    border: solid 1px #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product_select_layout .product_select_thread .side_item_name.thread_lock {  background: #e9e9e9; cursor: auto; }

.product_select_layout .side_item_name_highlight {
    width: 100%;
    height: 25px;
    margin-bottom: 5px;
    background: #f6f7f8;
    border: dotted 2px #bcbcbc;
    box-sizing: border-box;
}

.product_select_layout .category {
    position: absolute;
    top: 30px;
    left: 35px;
    line-height: 1;
}

.product_select_layout .fa-envelope,
.product_select_layout .fa-pencil,
.product_select_layout .fa-edit,
.product_select_layout .fa-book,
.product_select_layout .fa-folder-open,
.product_select_layout .fa-coffee,
.product_select_layout .fa-graduation-cap {
  font-size: 8px;
  font-size: 0.8rem;
  color: #fff;
}

.use .side_item_name img { float: left; margin: 4px; }

.use .side_item_name img.book,
.notuse .side_item_name img.book {
    width: 35px; max-width: 35px;
    height: 50px; max-height: 50px;
}
.use .side_item_name img.book { margin: 4px 11px 4px 11px; }
.notuse .side_item_name img.book { margin: 0 6px }

.notuse .side_item_name img { float: left; }

.side_item_name span.product_title {
    margin-left: 10px;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 60px;
}

/* ------------ プロフィールページ サロンページ共同 */
.profile_header {
    margin: auto;
    margin-bottom: 10px;
    color: #fff;
    z-index: 10;
    position: inherit;
    background-color: #fff;
}

.p_image {
    max-height: 350px;
    overflow: hidden;
}

.p_blank {
    height: 220px;
    width: 980px;
    background: #f0f0f0;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: auto;
}

.profile_header img {
  width: 100%;
  height: auto;
  min-width: 980px;
  margin-top: 20px;
}

.profile_contents {
    width: 980px;
    margin: auto;
    margin-top: -145px;
    position: relative;
    z-index: 10;
}

.profile_contents_sub {
    position: relative;
    /* z-index: 11; */
    width: 980px;
    margin: auto;
}

.profile_detail, .salon_profile_description { width: 980px; margin: auto; }

.top_header {
    height: 70px;
    background: #fff;
    position: fixed;
    display: block;
    overflow: hidden;
    top: -100px;
    padding-top: 7px;
    -webkit-transition: top .2s linear, background .2s linear;
    transition: top .2s linear, background .2s linear;
}
#salon_header.top_header { left: 0; width: 100%; background: rgba(255, 255, 255, .9); }
.header_move {
    top: 25px;
    -webkit-transition: top .2s linear, background .2s linear;
    transition: top .2s linear, background .2s linear;
}

.top_header .profile_publisher_image { width: 50px; height: 50px;}
.top_header .profile_publisher_image img {
    width: 50px;
    height: 50px;
}
.top_header .profile_publisher_name {
    padding-top: 0px;
    margin-left: 70px;
}
.top_header .profile_social_btn {
    margin-top: -20px;
    margin-left: 70px;

}
.top_header  .profile_seller_prf { display: none; }

.profile_publisher_image {
    float: left;
    width: 180px;
    height: 180px;
    margin-right: 20px;
}

.profile_publisher_image img {
    width: 180px;
    height: 180px;
    border: solid 2px #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
.profile_publisher_image img.thumbnail_large-nonborder {
    border: none;
    border-radius: 0px;
    border: solid 2px #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.profile_publisher_name {
    width: 800px;
    font-size: 2.0rem;
    padding-top: 140px;
    margin-left: 180px;
 }

.profile_social_btn { margin-top: 10px; }
.profile_seller_prf { margin: 30px 0; }
.profile_left_colum {
    float: left;
    width: 300px;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 5px;
}
.profile_left_colum .tweet { position: relative; }

.tweet h2 {
    margin: 5px 0 10px 0;
    padding: 0;
    color: #919191;
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    border: none;
    background: none;
}
.tweet .followBtn {
    width: 300px;
    display: block;
    text-align: right;
    position: absolute;
    top: 5px;
    right: 5px;
}
.tweet .followBtn span.follow_btn {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    padding: 5px 10px;
    background-color: #22ac38;
    color: #fff;
    line-height: 14px;
    border-radius: 3px;
}
.tweet .followBtn span.follow_btn:hover { cursor: pointer; }
.tweet .post_contents { border-top: solid 1px #ccc; padding: 5px 0; min-height: 70px; }
.tweet .post_contents .profile_image { width: 60px; height: 60px; float: left; }
.tweet .post_contents img { width: 100%; height: 100%; }
.tweet .post_contents p { margin-left: 65px; margin-bottom: 5px; }
.tweet .post_contents span.post_time { color: #919191; }

.profile_right_colum { margin-left: 320px; }
.profile_right_colum .product_details h3,
.report .product_details h3 {
    font-size: 18px;
    font-size: 1.8rem;
    border: none;
    margin-bottom: 10px;
    color: #919191;
}
.profile_right_colum .product_details {
    clear: both;
    display: inline-block;
    margin-bottom: 20px;
    width: 670px;
}
.report .product_details {
    clear: both;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

.profile_right_colum .product_details a,
.report .product_details a {
    display: block;
    width:  150px;
    max-width: 150px;
    /*height: 190px;*/
    height: 210px;
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 5px;
    float: left;
    margin: 0 15px 15px 0;
    padding: 10px;
    overflow: hidden;
}

.profile_right_colum .product_details a p.tofs,
.report .product_details a p.tofs{
    text-align: left;
    margin: 10px 0;
    font-weight: bold;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile_right_colum .product_details a p.price,
.report .product_details a p.price { text-align: right; margin: -10px 0 0 0; width: 100%; }
.profile_right_colum .product_details a img,
.report .product_details a img { width: auto; max-width: 125px; max-height: 125px; }

/* サロンスレッド機能追加 */
.salon_thread_contents {
    margin: 0 auto 100px;
    padding: 30px 0;
    position: relative;
    background: #f0f0f0;
}

.salon_thread_left_colum { float: left; width: 180px; }
.salon_thread_right_colum { margin-left: 200px; }

.thread_left_box {
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 5px 0;
    margin-bottom: 10px;
    background: #fff;
}

.thread_left_box h3 {
    margin: 0 5px;
    font-size: 12px;
    font-size: 1.2rem;
    border-bottom: 1px solid #ccc;
}
.thread_left_box h6 {
    font-size: 12px;
    font-size: 1.2rem;
}

.thread_left_box.salon_sidemenu_profile#contents {
    padding: 5px;
}

.detail .thread_left_box.salon_sidemenu_profile .modalBody {
    position: fixed!important;
    text-align: center;
    display: inline-table;
    width: 300px;
    left: 35%!important;
    top: 200px!important;
}

.salon_sidemenu_myprofile {
    margin: 5px 0;
}

.thread_file_list {
    width: 100%;
    padding: 5px;
    display: inline-block;
}

.thread_file_list img {
    width: 50px;
    height: 50px;
}

span.cancel_hide_member {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.thread_hide_list {
    width: 100%;
    padding: 5px;
    display: inline-block;
}

.thread_hide_list img {
    width: 40px;
    height: 40px;
    margin: 5px 5px 0 0;
}

span.toggle_hide_list { color: #1d5aac; }
span.toggle_hide_list:hover { cursor: pointer; }

.hide_user_list_box { border: solid 1px #ccc; margin-bottom: 5px; }


.thread_img a {
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    float: left;
    position: relative;
}

.thread_img a span.icon_locked {
    position: absolute;
    top:5px; left: 5px;
    width: 50px;
    height: 50px;
    font-size: 25px;
    font-size: 2.5rem;
    color: #fff;
    padding: 13px;
    background: rgba(0,0,0,0.5);
    display: block;
    line-height: 1rem;
}

.thread_img a span.icon_locked.file {
    color: #4b4b4b;
    background: rgba(255,255,255,0.7);
}

.thread_img a span.movie_play {
    position: absolute;
    top:5px; left: 5px;
    width: 50px;
    height: 50px;
    display: block;
}

.thread_img a:hover { opacity: 0.7; }

.thread_left_box.thread_profile {
    width: 100%;
    padding: 10px 5px;
}

.thread_select div {
    width: 100%;
    padding: 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.thread_select div:hover { background: #f1f1f1; cursor: pointer; }
.thread_select div.being_select { background: #f1f1f1; }
.thread_select div a:hover { border: none; text-decoration: none; }

.salon_premium_message { padding: 5px;}
.salon_premium_message_list {
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 5px;
}

.salon_premium_message_list .btn {
    width: 100%;
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 5px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 3px;
    cursor: pointer;
}

.salon_premium_message_list a.btn:link,
.salon_premium_message_list a.btn:visited { color: #fff; text-decoration: none; }

.thread_area {
    position: relative;
    width: 100%;
    margin-top: 30px;
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.thread_area img,.thread_area video { max-width: 100%; }


.thread_post_profile {
    width: 100%;
    margin-bottom: 10px;
    height: 52px;
    display: block;
    padding: 10px;
}
.thread_post_profile img { margin-right: 5px; }

.thread_post_edit {
    position: absolute;
    top: 0px;
    right: -2px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 3px;
}

.thread_post_editmenu {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    width: 230px;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    z-index: 10;
    position: absolute;
    right: 0px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: rgba(0, 0, 0, 0.05) 2px 4px 1px;
}

.thread_post_editmenu span { color: #1d5aac; }
.thread_post_editmenu span:hover { cursor: pointer; }

span.thread_post_user {
    font-size: 16px;
    font-size: 1.6rem;
    color: #1d5aac;
    margin-right: 10px;
}
span.thread_post_time { color: #999; margin-left: 5px; }

.thread_description {
    position: relative;
    width: 100%;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
    background: #fff;
}

.thread_description .slide_btn {
    position: absolute;
    top: 0px;
    right: -2px;
    font-size: 14px;
    font-size: 1.4rem;
    z-index: 1;
    padding: 3px;
}

.thread_description .slide_btn span.fa:hover { color: #1d5aac; cursor: pointer; }

.thread_description h3 {
    border: none;
    color: #1d5aac;
    font-size: 14px;
    font-size: 1.4rem;
}

.thread_t { margin-top: 10px;}
.thread_form { width: 100%; margin: 10px 0 20px 0; }
.thread_form textarea { width: 100%; resize: vertical; }

.thread_file_upload {
    width: 100%;
    border: solid 1px #ccc;
    margin-top: -1px;
    padding: 5px 10px;
    height: 30px;
}

.addPost {display: none; }
.addFile {
     display: none;
    margin: -5px 0 1em;
    padding: 0;
    color: #808080;
    border: 1px solid #ccc;
    border-top: none;
    height: 30px;
}

.thread_comment_post .addFile {
    display: block;
    margin: -5px 3px 1em 50px;
    padding: 0;
    color: #808080;
    border: 1px solid #ccc;
    border-top: none;
    height: 30px;
}

.addFile .sendImage {
    position: relative;
    float: left;
    margin: 0;
    padding: 5px 0 5px 5px;
    border-right: solid 1px #ccc;
    width: 100px;
    height: 30px;
}
.addFile input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
    z-index: -9999;
 }
.salon_attachment{
    cursor:pointer;
}
.addFile .uploadValue {
    width : calc(100% - 300px) ;
    float: left;
    margin: 0;
    border: 1px solid #ccc;
}


.addFile + .txtc { margin-bottom: 2em; }


.showComments:hover { cursor: pointer;}

.thread_main {
    width: 100%;
    padding: 10px 10px 0 9px;
}

.thread_main video {
    max-width: 100%;
}

.thread_main_text {
    margin-bottom: 10px;
}

.thread_main_text textarea {
    width: 100%;
    height: 250px;
    margin-top: 20px;
}

.thread_main_image { margin-bottom: 10px; }
.thread_main_like { color: #999 }


.thread_res { position: relative; border-top: solid 1px #ccc; padding-top: 5px;}
.thread_res_button {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    margin-bottom: 10px;
}

.thread_res > .thread_res_button { margin: 0px 10px 5px 10px; }

.thread_res .arrow_box,
.thread_post_res .arrow_box
 {
    position: relative;
    margin-left: 3px;
    padding: 2px 5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.thread_res .arrow_box:after,
.thread_res .arrow_box:before,
.thread_post_res .arrow_box:after,
.thread_post_res .arrow_box:before {
    position: absolute;
    top: 50%;
    right: 100%;
    content: '';
    height: 0;
    width: 0;
    border: solid transparent;
}
.thread_res .arrow_box:after,
.thread_post_res .arrow_box:after {
    margin-top: -4px;
    border-width: 4px;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
}
.thread_res .arrow_box:before,
.thread_post_res .arrow_box:before {
    margin-top: -5px;
    border-width: 5px;
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
}

/*.thread_main .thread_res_button { border-top: solid 1px #ccc; padding-top: 5px; }*/

/*ogp読み込み関連*/
.ogpData {
    padding: 10px;
    border: solid 1px #ccc;
    position: relative;
    margin-bottom: 5px;
}

.ogpDataText { position: relative; border: solid 1px #ccc; padding: 5px; margin-top: 10px;}

.not_use_ogp_image {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 10px;
    right: 10px;
    color: #fff;
    background: rgba(0,0,0,0.3);
    border-radius: 50px;
    font-size: 2rem;
    padding: 4px 0px 0px 7px;
    line-height: 0;
}

.not_use_ogp_data {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0px;
    right: 0px;
    color: #fff;
    background: rgba(0,0,0,0.3);
    border-radius: 50px;
    font-size: 2rem;
    padding: 4px 0px 0px 7px;
    line-height: 0;
}


.not_use_ogp_image:hover, .not_use_ogp_data:hover {
    cursor: pointer;
    opacity: 0.7;
}

.ogpTitle { margin: 10px 0; }
.ogpTitle h3 { margin: 10px 0; border: none; }
.ogpImage img, .ogpImage video { max-width: 100%; }


span.do_like,
span.do_like_attach,
span.cancel_like,
span.cancel_like_attach,
span.comment_like { color: #1d5aac; }

span.do_like:hover,
span.do_like_attach:hover,
span.cancel_like:hover,
span.cancel_like_attach:hover,
span.comment_like:hover { cursor: pointer; }

.thread_res_main {
    width: 100%;
    border-top: solid 1px #ccc;
    background-color: #fafafa;
    padding: 10px;
}

.thread_post_res {
    width: 100%;
    margin-bottom: 20px;
    text-align: left!important;
}

.thread_post_res_right { margin-left: 60px;}
.thread_post_res img { margin-right: 5px; }

.thread_res_form { width: 100%; margin-top: 10px; }
.thread_res_form textarea { width: 705px; resize: vertical; }

#modal_box {
    padding: 0px!important;
    width: 980px!important;
    max-height: 600px;
    overflow: hidden;
    position: fixed;
    top: 90px;
}

.modal-close {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: -30px;
    right: 10px;
    font-size: 3rem;
}
.modal-close a { color: #303030; }
.modal-close:hover,
.modal-close a:hover { cursor: pointer; text-decoration: none; }

.modal_thread_img {
    width: 600px;
    height: 600px;
    overflow: hidden;
    float: left;
    text-align: center;
    background: #4b4b4b;
    position: relative;
}

.modal_thread_img img {
    /*max-width: 100%;*/
    height: 100%;
}

.modal_thread_img video {
    width: 500px;
    max-height: 560px;
}

.modal_thread_img a.attach_download {
    background: #fff;
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 5px;
    position: absolute;
    top: 180px;
    left: 190px;
    padding-top: 15px;
}

.modal_thread_img a.attach_download:hover {
    text-decoration: none;
    opacity: 0.8;
}

.modal_thread_timeline {
    width: 380px;
    height: 600px;
    padding: 10px 20px 10px 10px;
    display: block;
    overflow: scroll;
}

.modal_thread_timeline .thread_post_res {
    width: 100%;
    min-height: 63px;
    margin-bottom: 10px;
    text-align: left!important;
    border: solid 1px #ccc;
    background: #fafafa;
    padding: 5px;
}
.modal_thread_timeline .thread_form {
    width: 100%;
    border: solid 1px #ccc;
    background: #fafafa;
    padding: 5px;
}

.modal_thread_timeline .thread_form textarea {
    width: 285px;
    resize: vertical;
}

.modal_thread_move {
    position: absolute;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

a.move_left {
    width: 50px;
    height: 600px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    padding-top: 250px;
}

a.move_right {
    width: 50px;
    height: 600px;
    top:0;
    right:0;
    /*background: #4b4b4b;*/
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    padding-top: 250px;
}

.modal_thread_non a.move_left,
.modal_thread_non a.move_right {
    height: 100%;
    margin-top: 30px;
    padding-top: 100px;
    color: #4b4b4b;
}

.move_bottom {
    width: 600px;
    height: 50px;
    bottom:0;
    background: #000000;
    color: #fff;
    padding: 12px;
    text-align: left
}

.move_bottom a { color: #fff; }
.move_bottom a:hover { text-decoration: none; color: #1d5aac; }

.modal_thread_img:hover > .modal_thread_move,
.modal_thread_non:hover > .modal_thread_move
 {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.modal_thread_img:hover > a.modal_thread_move,
.modal_thread_non:hover > a.modal_thread_move
 {
    opacity: 0.3;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
a.modal_thread_move:hover {
    opacity: 1 !important;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.modal_thread_non {
    width: 100%;
    padding: 20px 40px;
    display: inline-block;
}

.thread_non_window {
    margin: 0 -10px;
    padding: 30px 0;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    background: #919191;
    border-radius: 0 0 5px 5px;
}
.thread_non_window p .fa { display: block; margin: 0; font-size: 4rem; }
.thread_non_window a {
    display: inline-block;
    width: 220px;
    padding: 10px;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.thread_non_window a:hover { color: #919191; background: #fff; text-decoration: none; }
.thread_non_window a span:not(.fa) { display: block; font-size: 1.3rem; }
.modal_thread_non .thread_non_window { margin: 40px 10px 0; }

/* ------------ つぶやき管理 */
.send_message {
    position: relative;
    width: 600px;
    padding: 10px;
    margin: 10px 0;
    border: solid 1px #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.send_message .thanks_upload_image { width: 100%; margin: 1em 0; }
.send_message .thanks_upload_image img { max-width: 100%; }
.send_message .thanks_upload { display: -webkit-inline-flex; display: inline-flex; margin-bottom: 10px; }
.report .report_list div.sel_profile_tweet { width: 60%; }
.report .report_list div.sel_tweet_date { width: 20%; }
.report .report_list div.sel_tweet_good { width: 10%; }
.report .report_list div.sel_tweet_good span { color: #1d5aac; }
.report .report_list div.sel_tweet_del { width: 10%; }
.seller .message_plofile { float: left; }
.seller .message_plofile_form textarea {
    word-wrap: break-word;
    resize: horizontal;
    height: 100px;
    width: 90%;
    resize: vertical;
    overflow: auto;
}
.seller .message_comment_img img { max-width: 100%; }
.seller .message_comment_img a:hover { opacity: 0.9; }

/*タイムライン広告テスト版*/
#timeline-list-box .stuff_recommend {
    margin-bottom: 5px;
    overflow: hidden;
    height: 320px;
    width: 580px;
    background: #f0f0f0;
    /*display: block;*/
    display: inline-table;
    margin-left: -20px;
    margin-bottom: 10px;
}

#timeline-list-box .stuff_recommend a:hover { text-decoration: none; }

#timeline-list-box .stuff_recommend h5 {
    margin: 2px 20px;
    font-size: 1.4rem;
}

.timeline_hit_date {
    position: relative;
    color: #999;
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

#timeline-list-box .stuff_recommend ul {
    margin: 2px 0 2px 10px;
    display: flex;
}

#timeline-list-box .stuff_recommend li {
    position: relative;
    float: left;
    width: 180px !important;
    display: block;
    height: auto;
    padding: 10px 5px;
    margin-right: 10px;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
}

#timeline-list-box.keiba_pickup .stuff_recommend li { padding: 0; }

#timeline-list-box .stuff_recommend li .category {
    position: absolute;
    top: 68px;
    left: 105px;
}

#timeline-list-box .stuff_recommend li img {
    width: 75px;
    height: 75px;
}

#timeline-list-box.keiba_pickup .stuff_recommend li img {
    width: 100%;
    height: 183px;
}

#timeline-list-box.keiba_pickup .stuff_recommend li img[src*="/images/no_image"] { border: none; }

#timeline-list-box .stuff_recommend li:hover { background: #f9f9f9; }

#timeline-list-box .stuff_recommend li img.book {
    width: 35px;
    max-width: 35px;
    height: 50px;
    max-height: 50px;
    margin: 0 11px 0 7px;
}

#timeline-list-box .stuff_recommend .sr_title { margin-top: 10px; max-height: 4em; }

#timeline-list-box.keiba_pickup .stuff_recommend .sr_title .fa { color: #1d5aac; font-size: 1.4rem; }

#timeline-list-box.keiba_pickup .stuff_recommend a div { padding: 0 10px; }
#timeline-list-box .stuff_recommend .stuff_comment {
    clear: both;
    display: inline-block;
    padding: 1em 10px 0;
    overflow: hidden;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
   /* -webkit-line-clamp: 5;*/
    -webkit-line-clamp: 6;
}

#timeline-list-box.keiba_pickup .stuff_recommend .stuff_comment { color: #4b4b4b; }

.timeline_hit_date .new { position: absolute; left: -3px; }

@-webkit-keyframes letterAnimation {
      0% { bottom: 0; }
     70% { bottom: 0; }
     85% { bottom: 5px; }
    100% { bottom: 0; }
}
.timeline_hit_date span,
.info dt span:nth-of-type(n+3),
#keiba .keiba_header div span:not(.fa),
#keiba #pickup .pickup_wrapper .pickup_title > span,
#keiba .info li span {
    position: relative;
    bottom: 0;
    color: #e00;
    font-weight: bold;
    font-size: .6rem;
    -webkit-animation-name: letterAnimation;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
}
@-moz-document url-prefix() {
    #keiba .info li span { font-size: 1rem; }
}/* for Firefox */
@media all and (-ms-high-contrast:none) {
    #keiba .info li span { font-size: 1rem; }
}/* for IE11 */
_:-ms-lang(x), _::-webkit-meter-bar, #keiba .info li span { font-size: 1rem; }/* for Win10 Edge */
.timeline_hit_date span:nth-of-type(1),
.info dt span:nth-of-type(3),
#keiba .keiba_header div span:not(.fa):nth-of-type(2),
#keiba #pickup .pickup_wrapper .pickup_title > span:nth-of-type(2),
#keiba .info li span:nth-of-type(2) { -webkit-animation-delay: 0.2s; }
.timeline_hit_date span:nth-of-type(2),
.info dt span:nth-of-type(4),
#keiba .keiba_header div span:not(.fa):nth-of-type(3),
#keiba #pickup .pickup_wrapper .pickup_title > span:nth-of-type(3),
#keiba .info li span:nth-of-type(3) { -webkit-animation-delay: 0.4s; }
.timeline_hit_date span:nth-of-type(3),
.info dt span:nth-of-type(5),
#keiba .keiba_header div span:not(.fa):nth-of-type(4),
#keiba #pickup .pickup_wrapper .pickup_title > span:nth-of-type(4),
#keiba .info li span:nth-of-type(4) { -webkit-animation-delay: 0.6s; }

/* コンテンツのメイン画像が流れる部分の改良 */
/* DIRECTION CONTROLS (NEXT / PREV) */
#timeline-list-box .stuff_recommend .bx-controls-direction {
    font-size: 1.8rem;
}

#timeline-list-box .stuff_recommend .bx-wrapper .bx-prev {
    left: -254px;
    background: url(/images/bx-arrow_left.png) 0 50% no-repeat;
}

#timeline-list-box .stuff_recommend .bx-wrapper .bx-next {
    right: -255px;
    background: url(/images/bx-arrow_right.png) 0 50% no-repeat;

}

#timeline-list-box .stuff_recommend .bx-wrapper .bx-prev:hover {
    background-position: 0 50%;
}

#timeline-list-box .stuff_recommend .bx-wrapper .bx-next:hover {
    background-position: 0 50%;
}

#timeline-list-box .stuff_recommend .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 15%;
    margin-top: -20px;
    padding-top: 70px;
    text-align: center;
    outline: 0;
    width: 20px;
    height: 110px;
    text-indent: 0;
    z-index: 10;
    opacity: 0.3;
}

#timeline-list-box .stuff_recommend .bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

#timeline-list-box .wrapper .bx-wrapper { margin: 0 auto 30px; }
#timeline-list-box .bx-wrapper .bx-controls-direction a.disabled,
#timeline-list-box .stuff_recommend  .bx-wrapper .bx-pager,
#timeline-list-box .bx-wrapper .bx-pager { display: none; }

/* ------------  競馬まとめページ */
/* #contents.keiba { overflow: scroll; } */
.keiba_calendar a:hover, .keiba_stream a:hover { text-decoration: none; }
.col_keiba { width: 980px; margin: auto; margin-top: 20px; position: relative; }

.col_keiba h2.keiba_midashi{
    border: none;
    color: #1FAA37;
    margin: 0;
    padding-left: 0px;
    font-size: 20px;
    font-size: 2.0rem;
}

.col_keiba h2.keiba_detail_midashi{
    border-left: 6px solid #1FAA37;
    color: #1FAA37;
    font-size: 20px;
    font-size: 2.0rem;
}

.col_keiba span.icon {
    background-color: #1d5aac;
    border-radius: 3px;
    padding: 3px;
}

.keiba .topicpath { margin-bottom: 0px; }
.keiba_header_logo { width:100%; margin:auto; position: relative;  }
.keiba_header_logo img.header_img { width: 100%; height: auto; min-width: 980px; }

.keiba_header_parts {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 980px;
    height: 170px;
    margin: auto;
}

/* キャンペーンが終わったら戻す可能性があるので残す */
.keiba_forecast_recruit { position: absolute; right: 0; top: 125px; }
.keiba_top_logo { position: absolute; right: 0; top: 0px;}
.keiba_10th_campaign { position: absolute; top: 0px; }
.keiba_10th_campaign img { border: solid 3px #fff; width: 500px; }

/* .keiba_forecast_recruit { position: absolute; right: 0; top: 10px; }
.keiba_top_logo { position: absolute; left: 0; top: 0px;}
 */

/* 的中速報（マーキー）*/
.keiba .marquee {
    position: relative;
    padding: 5px 0;
    overflow: hidden;
    background: #303030;
}
.keiba .marquee:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/marquee_bg.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 3px;
    z-index: 10;
}
.keiba .marquee span {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-left: 120%;
    color: #ffb400!important;
    font-size: 16px!important;
    font-size: 1.6rem!important;
    font-weight: bold;
    white-space: nowrap;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 150s;
    animation-iteration-count: infinite;
}

.report.keiba .marquee i.fa-envelope,
.report.keiba .marquee i.fa-pencil,
.report.keiba .marquee i.fa-edit {
    color: #ffb400 !important;
    font-size: 16px !important;
    font-size: 1.6rem !important;
}

@keyframes marquee {
    from   { -webkit-transform: translate(0%); transform: translate(0%); }
    99%,to { -webkit-transform: translate(-100%); transform: translate(-100%); }
}

.horse_racing_guide_link {
    margin: 20px 0;
    text-align: center;
}

.horse_racing_guide_link a {
    padding: 10px 20px;
    color: #22ac38;
    border: solid 2px #22ac38;
    border-radius: 3px;
}

.horse_racing_guide_link a:hover { text-decoration: none; }
.keiba_top_socialButton { position: absolute; top: -20px; right: -40px; }

/* MainView内に設置するキャンペーン枠 */
.keiba_campaign_area {
    height: 150px;
    position: relative;
    width: 100%;
    margin-top: 20px;
    display: block;
}

.keiba_campaign_area .keiba_10th_campaign {
    position: absolute;
    top: 0;
    left: 0;
}

.keiba_campaign_area .keiba_10th_campaign img { width: 480px; }

.keiba_campaign_area .keiba_nice_pickup {
    position: absolute;
    top: 0;
    right: 0;
}

.keiba_campaign_area .keiba_twitter {
    position: absolute;
    top: 0;
    right: 0;
    width: 480px;
    display: block;
}

.keiba_campaign_area .keiba_twitter .social_btn { margin-top: 0; }
.keiba_campaign_area .keiba_twitter .tw_campaign { border: none;}


/*出走カレンダー*/
.keiba_calendar {
    position: relative;
    width: 100%;
    /* margin-top: 20px; */
    margin-bottom: 20px;
    display: inline-table;
}

/* レース結果を受け取る追加 */
.keiba_results_report {
    position: relative;
    width: 100%;

}
.keiba_results_report .results_open_button {
    position: absolute;
    right: -10px;
    top: -31px;
}

.keiba_results_report  .results_open_cont {
    border: solid 2px #1FAA37;
    border-radius: 5px 0 5px 5px;
    background: #fff;
    padding: 10px;
    display: none;
    /* position: fixed;
    top: 0px; bottom: 0; left: 0; right: 0;
    margin: auto;
    z-index: 10; */
}
.keiba_results_report h3 {
    color: #1faa37;
    text-align: center;
}


.keiba_select_kind { width: 100%; display: block; margin: 10px 0 20px;}

.keiba_select_kind div {
    background: #a9cf9b;
    border-radius: 3px;
    margin: 0 10px;
    padding: 3px 0;
    width: 200px;
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    cursor: pointer;
}
.keiba_select_kind div.active { background: #1faa37; }

.keiba_select_date {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.keiba_select_date div {
    display: inline-block;
    font-size: 1.4rem;
    width: 100px;
    height: 50px;
    padding-top: 10px;
}
.keiba_select_date div:hover { cursor: pointer; background: #f1f1f1; }
.keiba_select_date div.active {
    border: solid 1px #1FAA37;
    background: #fff;
    border-bottom: 0;
    box-sizing: border-box;
    position: relative;
    top: 2px;
    z-index: 6;
}

.keiba_content_results {
    position: relative;
    z-index: 5;
    clear: both;
    width: 100%;
    height: 430px;
    background: #fff;
    border: solid 1px #1FAA37;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0;
}

.keiba_content_pre_entry {
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* width: 90%; */
    /* height: 430px; */
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    display: none;
}

.keiba_content_pre_entry .keiba_content_pre_entry_form {
    border-radius: 5px;
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 600px;
    /* height: 540px; */
    height: 450px;
    background-color: #fff;
}
.keiba_content_pre_entry .keiba_content_pre_entry_form.finish { height: 500px; }
.keiba_content_pre_entry_form h2 { margin: -10px 0 10px 0; }


.keiba_content_pre_entry .keiba_content_pre_entry_form h4 {
    margin: -30px -30px 1em;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background: #1faa37;
    border-radius: 5px 5px 0 0;
}


.keiba_content_results .bx-controls-direction {
    font-size: 1.8rem;
    width: 100%;
    position: absolute;
    top: 45%;
    z-index: 20;
}

.keiba_content_results .bx-viewport { overflow: hidden; }
.keiba_content_results .bx-controls-direction {
    font-size: 1.8rem;
    width: 100%;
    position: absolute;
    top: 39%;
    z-index: 20;
}
.keiba_content_results .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 150px;
    padding-top: 60px;
    border-radius: 3px;
    text-indent: 3px;
    color: #fff;
}

.keiba_content_results .bx-viewport { overflow: hidden; }
.keiba_content_results .bx-wrapper .bx-prev { left: -20px; background: rgba(169,207,157,1) ; }
.keiba_content_results .bx-wrapper .bx-next { right: -20px; background: rgba(169,207,157,1) ; }

.keiba_content_results .keiba_ground {
    margin-left: 13px;
    margin-right: 10px;
    text-align: center;
    width: 295px!important;
    height: 420px!important;
    float: left;
}

.keiba_content_results ul { margin-top: 10px; }
.keiba_content_results ul li {
    font-size: 14px;
    font-size: 1.4rem;
    clear: both;
    height: 30px;
    width: 100%;
    text-align: left;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.keiba_content_results ul li:hover { cursor: pointer; }
.keiba_content_results ul li input[type="checkbox"], input[type="radio"] {
    line-height: 9999px;
}
.keiba_content_results ul li span.follow_icon {
    display: inline-block;
    width: 20px;
}

span.follow_icon.follow { color: #1faa37; }
span.follow_icon.unfollow { color: #ccc; }

span.finished_mark {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 3px;
    color: #fff;
    background: #aaa;
}
.keiba_content_results ul li.finished { color: #aaa; }
.keiba_content_results ul li:hover { background: #d4e7cd; text-decoration: none; }
.keiba_content_results ul li span.round_number { display: inline-block; margin: 0 5px; }
.race_month_menu,
.race_year_menu { height: 40px; margin-bottom: 20px; }
.race_month_menu { border-left: solid 1px #4cbb5f; }
.race_year_menu a,
.race_month_menu a { display: block; color: #4cbb5f; text-decoration: none; }
.race_month_menu input,
.race_year_menu input {
    position: absolute;
    z-index: 1000;
    width: 10px;
    height: 10px;
    left: -1000px;
    top: -1000px;
    opacity: 1;
}
label.tab_year_label {
    border: solid 1px #4cbb5f;
    height: 40px;
    margin: auto;
    padding-top: 3px;
    color: #4cbb5f;
    text-align: center;
    float: left;
    cursor: pointer;
    font-size: 1.4rem;
    position: relative;
}
label.tab_year_label.other_year { width: 25%; }
label.tab_year_label.this_year { width: 50%; background: #4cbb5f; color: #fff; }
label.tab_year_label.this_year::after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #4cbb5f;
    position: absolute;
    content: '';
    top: 35px;
    left: 227px;
}
label.tab_month_label {
    border: solid 1px #4cbb5f;
    background: #fff;
    border-left: none;
    width: 8.33%;
    height: 40px;
    margin: auto;
    padding-top: 3px;
    color: #4cbb5f;
    text-align: center;
    float: left;
    cursor: pointer;
    font-size: 1.4rem;
    position: relative;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
label.tab_month_label::after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #4cbb5f;
    position: absolute;
    content: '';
    top: 20px;
    left: 25px;
    opacity: 0;
    -webkit-transition: top .1s ease-in-out, opacity .1s ease-in-out;
    transition: top .1s ease-in-out, opacity .1s ease-in-out;
}
label.tab_month_label span.month_number,
label.tab_year_label span.year_number { font-size: 20px; font-size: 2rem; }
[id^="race_month"]:checked + label {
    background: #4cbb5f;
    box-sizing: border-box;
    -webkit-transition: background .3s ease-in-out, color: .3s ease-in-out;
    transition: background .3s ease-in-out, color: .3s ease-in-out;
}
[id^="race_month"]:checked + label::after {
    top: 35px;
    left: 25px;
    opacity: 1;
    -webkit-transition: top .1s ease-in-out, opacity .1s ease-in-out;
    transition: top .1s ease-in-out, opacity .1s ease-in-out;
}
[id^="race_month"]:checked + label a { color: #fff; }
.keiba_race_calender table { border: solid 1px #4cbb5f; outline: none; }
.keiba_race_calender table th,
.keiba_race_calender table td { border: solid 1px #4cbb5f; width: 14%; }
.keiba_race_calender table th { height: 20px !important; padding: 5px; color: #fff; font-size: 1.6rem; }
.keiba_race_calender table th.weekday { background: #aad297; }
.keiba_race_calender table th.saturday { background: #539cf2; }
.keiba_race_calender table th.sunday { background: #f2778a; }
.keiba_race_calender table td { position: relative; height: 140px; padding: 40px 0 0; vertical-align: top; }
.keiba_race_calender table td a { display: block; height: 100%; padding: 0 10px; }
.keiba_race_calender table td a:hover { text-decoration: none; border: none; }
span.weekday { color: #4cbb5f; }
span.saturday { color: #539cf2; }
span.sunday { color: #f2778a; }
.keiba_race_calender table td span.calender_date {
    position: absolute;
    top: 3px;
    left: 2px;
    font-weight: bold;
    height: 18px;
    display: block;
    font-size: 1.6rem;
    z-index: 2;
    display: block;
    width: 133px;
    height: 20px;
    padding-left: 3px;
    border-radius: 3px;
}
.keiba_race_calender table td span.today { background: #4cbb5f; color: #fff; }
span.cal_ground {
    display: inline-block;
    width: 48%;
    height: 20px;
    line-height: 20px;
    margin-bottom: 4px;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 3px;
}
.keiba_week_menu { position: relative; }
.keiba_week_menu label {
    width: 140px;
    margin: auto;
    padding: 5px;
    text-align: center;
    float: left;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
}
.keiba_week_menu label:hover { background: #f1f1f1; }
[id^=keiba_tab]:checked + label {
    border: solid 2px #1FAA37;
    background: #fff;
    border-bottom: 0;
    box-sizing: border-box;
    position: relative;
    top: 2px;
}

.keiba_week_menu label label.on_btn,
.keiba_content label label.on_btn  {
    top: -2px;
    height: 20px;
    width: 50px;
    line-height: 20px;
    margin: 10px 6px 0;
    padding: 0 5px;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 3px;
    color: #fff;
    background: #a9cf9b;
}

.keiba_week_menu label label.off_btn,
.keiba_content label label.off_btn {
    top: -2px;
    height: 20px;
    width: 50px;
    line-height: 20px;
    margin: 10px 6px 0;
    padding: 0 5px;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 3px;
    color: #fff;
    background: #aaaaaa;
}

.keiba_week_menu > input:checked + label.on_btn { background: #1faa37; }

/*tabs_test*/

.keiba_tabs input {
    position: absolute;
    z-index: 1000;
    width: 10px;
    height: 10px;
    left: -1000px;
    top: -1000px;
    opacity: 1;
    cursor: pointer;
}

.keiba_tabs input:checked + label { background: #fff; z-index: 6;}
.keiba_tabs input:checked + label.on_btn { background: #1faa37; }

.keiba_content {
    position: relative;
    z-index: 5;
    clear: both;
    width: 100%;
    height: 450px;
    background: #fff;
    border: solid 2px #1FAA37;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0;

}

.keiba_content .content-1,
.keiba_content .content-2,
.keiba_content .content-3,
.keiba_content .content-4,
.keiba_content .content-5,
.keiba_content .content-6,
.keiba_content .content-7 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
}

.keiba_tabs input.tab-selector-1:checked ~ .keiba_content .content-1,
.keiba_tabs input.tab-selector-2:checked ~ .keiba_content .content-2,
.keiba_tabs input.tab-selector-3:checked ~ .keiba_content .content-3,
.keiba_tabs input.tab-selector-4:checked ~ .keiba_content .content-4,
.keiba_tabs input.tab-selector-5:checked ~ .keiba_content .content-5,
.keiba_tabs input.tab-selector-6:checked ~ .keiba_content .content-6,
.keiba_tabs input.tab-selector-7:checked ~ .keiba_content .content-7 {
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.clear-shadow { clear: both; }

/* RSSニュースフィード */
.rss_news {
    position: relative;
    width: 100%;
    background: #fff;
    border: solid 2px #1FAA37;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
 }
.feature_bicycle .rss_news { border: solid 2px #ccc; }
.feature_boat .rss_news { border: solid 2px #00a3e8; }

.rss_news ul li { padding: 3px 0 3px 5px; border-top: dotted 1px #ccc; }
.rss_news ul li:first-child { border: none; }
.rss_news ul li:hover { background: #f1f1f1 }

.rss_news.two_block ul li {
    width: 312px;
    height: 250px;
    margin: 3px;
    float: left;
    border: solid 1px #ccc;
}
.rss_news.two_block i.fa-camera { display: none; }

.rss_news.two_block .news_description {
    display: inline-block;
    width: 100%;
}
.rss_news h4 { color: #1d5aac; }
.rss_news.two_block h4 { min-height: 60px; }

.rss_news span.news_date {
    font-weight: normal;
    font-size: 1.1rem;
    color: #999;
}

.rss_news_description {
    /* margin: 5px 0; */
    padding: 5px;
    font-size: 1.4rem;
    /* display: none; */
    display: inline-block;
    width: 100%;
}

.img_description {
    width: 70px;
    height:70px;
    float: left;
    margin-right: 5px;
    text-align: center;
}
.rss_news_description img {
    max-width: 70px;
    max-height: 70px;
    border: solid 1px #ccc;
}

.rss_news.two_block  .rss_news_description { display: inline-block;}

/* keiba スタッフおすすめ */
.keiba .top_banner_recommend {
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.keiba .top_banner_recommend ul {
    margin: 5px 0 10px;
}

.keiba .top_banner_recommend li {
    position: relative;
    float: left;
    width: 316px!important;
    display: block;
    padding: 0;
    margin: 0 5px;
}

.keiba .top_banner_recommend li img {
    margin: 0;
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 5px;
}
.keiba .top_banner_recommend li:hover { background: #f0f0f0; }
.keiba .top_banner_recommend .bx-wrapper .bx-prev { left: -325px; }
.keiba .top_banner_recommend .bx-wrapper .bx-next { right: -325px; }
.keiba .top_banner_recommend .bx-wrapper .bx-controls-direction a { top: 40%; }




.keiba_content .bx-controls-direction {
    font-size: 1.8rem;
    width: 100%;
    position: absolute;
    top: 45%;
    z-index: 20;
}

.keiba_content .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 150px;
    padding-top: 60px;
    border-radius: 3px;
    text-indent: 3px;
    color: #fff;
}

.keiba_content .bx-viewport { overflow: hidden; }
.keiba_content .bx-wrapper .bx-prev { left: -20px; background: rgba(169,207,157,1) ; }
.keiba_content .bx-wrapper .bx-next { right: -20px; background: rgba(169,207,157,1) ; }

.keiba_slide_btn_l {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -10px;
    vertical-align: middle;
    background: rgba(169,207,157,1);
    color: #fff;
    height: 100px;
    width: 25px;
    border-radius: 3px;
}

.keiba_slide_btn_r {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: -10px;
    vertical-align: middle;
    background: rgba(169,207,157,1);
    color: #fff;
    height: 100px;
    width: 25px;
    border-radius: 3px;
}

.keiba_slide_btn_l span, .keiba_slide_btn_r span {
    position: absolute;
    font-size: 20px;
    font-size: 2rem;
    top: 40px;
    left: 5px;
}

.keiba_content .keiba_ground {
    margin-left: 12px;
    margin-right: 12px;
    text-align: center;
   /* width: 285px!important;*/
    width: 300px!important;
    height: 420px!important;
    float: left;
}

.keiba_ground h3 {
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 10px 0;
}

.keiba_ground ul { margin-top: 10px; }
.keiba_ground ul li {
    font-size: 14px;
    font-size: 1.4rem;
    clear: both;
    height: 30px;
    width: 100%;
    padding-top: 5px;
}
.keiba_ground ul li:hover { background: #d4e7cd; text-decoration: none; }
.keiba_ground ul li .timetable_left {
    width: 70%;
    text-align: left;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.keiba_ground ul li .timetable_right { text-align: right; }

span.isrecode_mark {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 3px;
    color: #fff;
    background: #1faa37;;
}
.keiba_stream ul {
    width: 100%;
/*    background: #fff;
    border: solid 2px #1FAA37;
    box-sizing: border-box;

    padding: 10px 2px;
    font-size: 14px; font-size: 1.4rem;*/
    display: inline-block;
 }

.keiba_stream ul li { clear: both; display: inline-block; padding: 5px 0;}
.keiba_stream ul li:hover { background: #d4e7cd; text-decoration: none; }
.keiba_stream ul li div {
    float: left;
    display: inline-block;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.keiba_stream ul li div.stream_hit { width: 130px;}
.keiba_stream ul li div.stream_race { width: 250px; }
.keiba_stream ul li div.stream_title { width: 250px; }
.keiba_stream ul li div.stream_subtitle { width: 300px; }
.keiba_stream_more, .keiba_stream_more a {
    text-align: right;
    margin-right: 10px;
    color: #1FAA37;
    font-size: 12px;
    font-size: 1.2rem;
}
.keiba_stream_more span.icon {
    background-color: #1FAA37;
    border-radius: 3px;
    padding: 3px;
    color: #fff;
}

span.hit {
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    margin-right: 5px;
    color: #fff;
    background: #d00;
    border-radius: 3px;
}

span.ground {
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    width: 80px;
    color: #fff;
    border-radius: 3px;
}

span.color_sunday {color: #f2778a;}
span.color_saturday {color: #539cf2;}

.keiba .btns { text-align: center; margin-top: 20px; }
.keiba .btn_calendar {
    position: absolute;
    top: -5px;
    right: -10px;
}

.rss_all_show_btn  {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    position: absolute;
    bottom: -40px;
}
.rss_all_show_btn span {
    display: inline-block;
    border-radius: 50px;
    /* width: 100%; */
    padding: 3px 60px;
    font-size: 1.5rem;
    color: #fff;
}

.rss_all_show_btn span:hover { opacity: 0.8; cursor: pointer; }
.keiba .rss_all_show_btn span { background: #1FAA37;}
.feature_boat .rss_all_show_btn span { background: #00a3e8;}
.feature_bicycle .rss_all_show_btn span { background: #ccc; color: #797979; }

.keiba .btns .btn { padding: 10px 20px; font-size: 30px; font-size: 3rem; margin-right: 0px; }
.keiba .btn_apply { color: #fff; background-color: #22ac38; border-raius: 3px; }
.keiba .btn_apply:hover { background-color: #4ebd60; }
.keiba .btn_afi {
    padding: 3px 20px!important;
    color: #22ac38;
    border:solid 2px #22ac38;
    border-radius: 3px;
    background: #fff;
}
/*.keiba .btn_afi:hover { background-color: #4ebd60; }*/

/* 高回収率ピックアップ (タイムラインの的中速報をひっぱる) */
.keiba_pickup { margin: 20px 0; }
.keiba_pickup .pickup_area { width: 100%; display: inline-block; }

#timeline-list-box .pickup_area .stuff_recommend h5 { display: none; }
#timeline-list-box .pickup_area .stuff_recommend {
    margin-bottom: 5px;
    overflow: hidden;
    height: auto;
    width: 980px;
    background: #e1eedc;
    display: inline-table;
    margin-left: 0;
    margin-bottom: 0;
    border: solid 1px #1FAA37;
    box-sizing: border-box;
}
#timeline-list-box .pickup_area .stuff_recommend ul { margin: 10px 0 10px 10px; }
#timeline-list-box .pickup_area .stuff_recommend li { width: 183px!important;  height: 280px;}
#timeline-list-box .pickup_area .stuff_recommend li .category { position: absolute; top: 87px; left: 105px; }

/* 競馬ページランキング */
.keiba .color_keiba,
.keiba .ranking_body .color_magazine,
.keiba .ranking_body .color_blog,
.keiba .ranking_body .color_forecast,
.keiba .ranking_body .color_file,
.keiba .ranking_body .color_salon,
.keiba .ranking_body .color_book { color: #22ac38; }

.keiba .bg_keiba,
.keiba .ranking_body .bg_magazine,
.keiba .ranking_body .bg_blog,
.keiba .ranking_body .bg_forecast,
.keiba .ranking_body .bg_file,
.keiba .ranking_body .bg_salon,
.keiba .ranking_body .bg_book { background-color: #D7EADA }

.keiba .ranking .box .fa-envelope,
.keiba .ranking .box .fa-edit,
.keiba .ranking .box .fa-pencil { color: #22ac38; }

.keiba .ranking { display: table; margin-left: 0; width: 980px; }

.keiba .ranking h3,
.keiba #sticker_ranking .sales h3,
.keiba #sticker_ranking .favorite h3,
.keiba #sticker_ranking .trend h3 {
    background-color: #22ac38!important;
    border-bottom: 2px solid #1d662a!important;
}

.keiba .ranking .list,
.keiba #sticker_ranking .sales h3 .list,
.keiba #sticker_ranking .favorite h3 .list,
.keiba #sticker_ranking .trend h3 .list {
    border-left: 1px solid #6ABF79;
    box-shadow: 1px 0 0 #1d662a inset;
}

.keiba .ranking .box a {
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
     border-radius: none;
}

.keiba .ranking .keiba_lanking,
.keiba .ranking .generic_lanking {
    position: relative;
    display: table-cell;
    width: 327px;
    padding: 0 10px;
}

.keiba .ranking_body {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 2px;
}

.keiba .ranking_body_top {
    width: 100%;
    height: 120px;
    border-radius: 2px;
    border: solid 1px #D7EADA;
}

.keiba .ranking .box .ranking_body img { width: 100px; height: 100px; }
.keiba .ranking_body_top img.icon_tumb { border: solid 1px #D7EADA; }
.keiba .ranking_body_genre { margin-top: 28px; }
.keiba .ranking_body_genre.color_generic { color: #22ac38; }

.keiba .ranking_body_bottom {
    top: 99px;
    width: 100%;
    height: 20px;
    color: #22ac38!important;
    border-radius: 0 0 2px 2px;
}

.keiba .topicpath,
.generic .topicpath { display: block; height: 30px; margin: 1em 0 1em 0; }
.keiba .topicpath li,
.generic .topicpath li { float: left; }
.keiba .topicpath li:last-child,
.keiba .topicpath li a,
.generic .topicpath li:last-child,
.generic .topicpath li a {
    text-decoration:none;
    display: block;
    position: relative;
    height: 24px;
    line-height: 25px;
    margin-right: 12px;
    text-align: center;
    color: #1faa37;
    background-color: #e1eedc;
    font-size: 14px;
    font-size: 1.4rem;
}
.keiba .topicpath li:first-child a,
.generic .topicpath li:first-child a { padding-left: 5px; border-radius: 4px 0 0 4px; }
.keiba .topicpath li:last-child,
.generic .topicpath li:last-child { padding-right: 5px; border-radius: 0 4px 4px 0; }
.keiba .topicpath li:last-child:before,
.keiba .topicpath li:last-child:after,
.keiba .topicpath li a:before,
.keiba .topicpath li a:after,
.generic .topicpath li:last-child:before,
.generic .topicpath li:last-child:after,
.generic .topicpath li a:before,
.generic .topicpath li a:after {
    content: '';
    position: absolute;
    top: 0;
    border: 0 solid #e1eedc;
    border-width: 12px 5px;
    width: 0;
    height: 0;
}
.keiba .topicpath li:last-child:before,
.keiba .topicpath li a:before,
.generic .topicpath li:last-child:before,
.generic .topicpath li a:before { left: -10px; border-left-color: transparent; }
.keiba .topicpath li:last-child:after,
.keiba .topicpath li a:after,
.generic .topicpath li a:after { left: 100%; border-color: transparent; border-left-color: #e1eedc; }
.keiba .topicpath li:first-child a:before,
.keiba .topicpath li:last-child:after,
.generic .topicpath li:first-child a:before,
.generic .topicpath li:last-child:after { border: none; }
.keiba .topicpath li a:hover,
.generic .topicpath li a:hover { background: #1faa37; color: #fff; }
.keiba .topicpath li a:hover:before,
.generic .topicpath li a:hover:before { border-color: #1faa37; border-left-color: transparent; }
.keiba .topicpath li a:hover:after,
.generic .topicpath li a:hover:after { border-left-color: #1faa37; }

/* 予想中の記事一覧枠 list.hrml */
.race_detail {
    border: solid 1px #1faa37;
    /* margin-top: 30px; */
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
}

.race_detail_area { float: left; }
.race_detail_area.track {/*  width: 345px; */ width: 385px; }
.race_detail_area.countdown { width: 360px; }
.race_detail_area.floow {/*  width: 250px; */ width: 210px; text-align: center; }
.keiba .race_detail_area.floow .btns { margin-top: 0; }
.keiba .race_detail_area.floow .btns .btn {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 5px 10px;
    line-height: 1.5rem;
    width: 100%;
    height: 40px;
    margin-bottom: 4px;
}
.keiba .race_detail_area.floow .btns .unfollow {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 10px;
    background: #999;
}

.keiba .race_detail_area.floow .btns .check_results {
    margin-bottom: 0;
    height: 25px;
    width: 100%;
    display: inline-block;
    color: #1FAA37;
    font-size: 1.6rem;
}

.check_results i.follow_race_input { width: 20px;}
.check_results:hover { cursor: pointer; }

.keiba .race_detail_area.floow .btns .btn span { font-size: 1rem;}

.race_detail_area.track .race_title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    height: 45px;
  }

.track_icon {
    width: 70px;
    height: 70px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    float: left;
    padding-top: 12px;
    margin-right: 10px;
}

.keiba .box_countdown {
    border: solid 3px #ffcccc;
    color: #d00;
    float: left;
    margin-right: 10px;
    width: 220px;
    height: 70px;
    padding: 0 5px;
    border-radius: 3px;
}

.keiba .box_articles {
    border: solid 3px #a9cf9b;
    float: left;
    color: #1faa37;
    width: 120px;
    height: 70px;
    padding: 0 5px 5px;
    overflow: hidden;
    border-radius: 3px;
}

span.box_info { font-size: 11px; font-size: 1.1rem; }
span.count { margin: 0; font-size: 28px; font-size: 2.8rem; }
.race_end { margin: 0; font-size: 38px; font-size: 3.8rem; }

/* 並べ替え・表示設定メニュー */
.race_list_now { clear: both; position: relative; margin-top: 10px;}
.race_list_now  span.race_sort_midashi { display: inline-block; width: 50px; margin-right: 10px; }
.race_sort_box { position: relative; display: block; height: 140px; margin-top: -25px; }
.race_sort_tool { position: absolute; right: 0; top: 0px; display: inline-block; }

/* 表示設定ボタン */
/* .sort_box > div:not(:last-child) { margin-bottom: 1em; } */
.sort_box .race_sort_midashi { padding: 5px 10px; color: #fff; background: #808080; border-radius: 3px; }
.sort_box > div input,
#form_hit_data_detail > div input[type="checkbox"],
.horse_racing_report .betting_tickets input { position: absolute; left: -9999px; }
.sort_box > div label,
.sort_box .sort_display a:not(:first-child),
.sort_box span.sort_cancel-label,
.sort_box .sort_favorite_only,
#form_hit_data_detail > div label {
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
    opacity: .5;
}
.sort_box .sort_favorite label[for="favorite_sort"] { background: #fa0; }
.sort_box > div label:hover,
.sort_box .sort_display a:not(:first-child):hover,
.sort_box .sort_favorite_only:hover,
#form_hit_data_detail > div label:hover { cursor: pointer; opacity: 1; text-decoration: none; }
.sort_box > div input:checked + label,
.sort_box .sort_display a:not(:first-child),
#form_hit_data_detail > div input:checked + label { opacity: 1; }
.sort_box .sort_display label { background: #4cbb5f; }
.sort_box .sort_display a:not(:first-child) { background: #ccc; }
.sort_box .race_contents_sortmenu { margin-left: 70px; }
.sort_box .race_hit_sortmenu label { background: #ea5050; }
label.sort_cancel-label,
span.sort_cancel-label { background: #ccc; opacity: 1 !important; }
label.sort_cancel-label:hover,
span.sort_cancel-label:hover { background: #808080; cursor: pointer; }

.report .col_keiba .report_list.cl { border-top: none; border-bottom: 2px solid #a9cf9b; color: #1faa37; height: 30px;/*  margin-top: 40px; */ }
.report .col_keiba ul.report_list li { border-bottom: 1px solid #a9cf9b;}
@media screen and (max-width:1050px){ .report .col_keiba ul.report_list li { width: 980px;} }
.report .col_keiba ul.report_list div.keiba_recommend { padding: 10px 0 0 0!important; }
.report .col_keiba ul.report_list div.keiba_sel_title .category {
    position: absolute;
    top: 40px;
    left: 38px;
    line-height: 1;
}

.report .report_list div.keiba_sel_title { position: relative; width: 265px; font-weight: bold; }
.report .report_list div.keiba_article_title { width: 360px; padding-left: 10px }
.report .report_list div.keiba_article_title span { font-size: 12px; font-size: 1.2rem; }
.report .report_list div.keiba_recommend { width: 180px; }
.report .report_list div.keiba_entry_btn { width: 180px; padding: 10px 0px!important; }

.report .report_list div.keiba_hide_edit {
    width: 15px;
    padding: 5px 0 0 0!important;
    position: relative;
    overflow: initial;
}

.report .report_list div.keiba_hide_edit .menu_profile_edit {
    top: 2px;
    right: 15px;
    padding: 10px 10px 0px;
    line-height: 10px;
}

.report .report_list div.keiba_hide_edit span.fa-wrench { /* padding-top: 15px;  */}
.report .report_list div.keiba_sel_title.hit { position: relative; /* width: 245px; */ width: 280px; font-weight: bold; padding-left: 10px; }
.report .report_list div.keiba_hit_detail { width: 240px; }
.report .report_list div.keiba_hit_article_title {
    /* width: 320px; */
    width: 285px;
    padding-left: 10px;
    overflow: visible;
    white-space: normal;
}
.report .report_list div.keiba_hit_article_title .kha_title { width: 100%; padding: 0!important; }
.report .report_list div.keiba_hit_article_title span { font-size: 12px; font-size: 1.2rem; }
.report .report_list div.keiba_entry_btn .btn_sub,
.report .report_list div.keiba_race_recommend .btn_sub {
    padding: 0;
    width: 180px;
    text-align: center;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}
.report .report_list div.keiba_entry_btn .btn_sub .fa-arrow-right { margin-left: 0; }
.report .report_list div.keiba_entry_btn .btn_sub.hit_free,
.report .report_list div.keiba_race_recommend .btn_sub.hit_free { background: #f44; }
.report .report_list div.keiba_entry_btn .btn_sub.hit_free:hover,
.report .report_list div.keiba_race_recommend .btn_sub.hit_free:hover { background: #f66; }
.report .report_list div.keiba_entry_btn .btn_sub.free,
.report .report_list div.keiba_race_recommend .btn_sub.free { background: #999; }
.report .report_list div.keiba_entry_btn .btn_sub.free:hover,
.report .report_list div.keiba_race_recommend .btn_sub.free:hover { background: #bbb; }
.report .report_list div.keiba_hit_detail  .track_icon {
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    border-radius: 5px;
    float: left;
    padding: 5px 3px 3px 3px!important;
    margin-right: 0px;
    margin-top: -3px;
}

.report .report_list div.keiba_hit_detail .race_title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.3rem;
    width: 170px;
    padding: 0 0 0 10px;
    float: left;
}

.cont_detail .keiba_recommend { width: 100%; margin: 10px 0 30px 0; }

/* .cont_detail .keiba_comment_count { margin: 0 0 10px 0; } */

span.thanks_thanks:hover, span.thanks_comment:hover, span.comment_count:hover, .keiba_data_counter a:hover { cursor: pointer; opacity: 0.5; text-decoration: none; }

.keiba_comment_count span:not(.fa) { margin-right: 5px; }

.forecast_detail .keiba_recommend { width: 100%; margin: 10px 0 0 0 ; }

.blog_contents .keiba_recommend  { width: 100%; margin: auto; }

.keiba_recommend a { border-radius: 5px; display: inline-block;}
.keiba_recommend a:hover {
    border: none;
    text-decoration:none;
    background: #fff1f1;
}

.keiba .box_sel_lank,
.cont_detail .box_sel_lank,
.forecast_detail .box_sel_lank,
.blog_contents .box_sel_lank
 {
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
    margin-right: 5px;
    border: solid 2px #ffcccc;
    box-sizing: border-box;
    border-radius: 3px;
    color: #d00;
    background: #fff;
    height: 45px!important;
    display: inline-block;
    line-height: 1.4rem!important;
    padding: 5px 0 0 0!important;
}
.keiba .box_sel_lank            { width: 40px!important; float: right!important; }
.cont_detail .box_sel_lank      { width: 60px!important; float: left!important; }
.forecast_detail .box_sel_lank  { width: 58px!important; float: left!important; }
.blog_contents .box_sel_lank    { width: 63px!important; float: left!important; }

.keiba .box_sel_lank p,
.cont_detail .box_sel_lank p,
.forecast_detail .box_sel_lank p,
.blog_contents .box_sel_lank p
 { margin-top: 5px;}

.report .col_keiba .report_list div span.rank_no,
.cont_detail .box_sel_lank span.rank_no ,
.forecast_detail .box_sel_lank span.rank_no,
.blog_contents .box_sel_lank span.rank_no
{ margin: 0; font-size: 15px; font-size: 1.5rem; }

.box_sel_lank span.rank_no
{ font-weight: bold; }

.report .col_keiba span.ticket {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    padding: 3px;
    margin: 5px 0 0 0 ;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    line-height: 14px;
    border-radius: 3px;
}

.report .col_keiba .report_list div span.deliver {
    font-weight: normal;
    color: #999;
    font-size: 11px;
    font-size: 1.1rem;
}

.report ul.report_list div.keiba_sel_title {
    position: relative;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px!important;
    padding-top: 7px!important;
}


/* 競馬のレジまぐ改修(お礼・コメント) */
.report .report_list div.keiba_raca_data {
    position: relative;
    width: 520px;
    font-weight: bold;
}

.report .report_list div.keiba_race_point { width: 155px; }
.report .report_list div.keiba_race_recommend { width: 290px; }
.report .report_list div.keiba_race_recommend div { padding: 0; }
.report ul.report_list div.keiba_race_data { padding: 0 10px; }
.report ul.report_list div.keiba_race_point ,
.report ul.report_list div.keiba_race_recommend { padding: 0; margin-bottom: 5px;}

.report ul.report_list div.keiba_raca_data {
    position: relative;
    width: 520px;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px!important;
    padding-top: 7px!important;
}

.report ul.report_list div.keiba_raca_data .thumbnail {
    float: left;
    max-width: 150px;
    max-height: 150px;
}

.report .col_keiba ul.report_list div.keiba_raca_data .category {
    position: absolute;
    top: 135px;
    left: 140px;
    line-height: 1;
}

.report ul.report_list div.keiba_raca_data .raca_data_right {
    float: right;
    width: 340px;
    padding: 0;
}

.report ul.report_list div.keiba_raca_data .raca_data_right p {
    width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: inherit;
}

.report ul.report_list div.keiba_raca_data div { padding: 0; }

.report ul.report_list div.keiba_raca_data .raca_comment {
    border: solid 1px #999;
    border-radius: 0 5px 5px 5px;
    background: #fff;
    padding: 5px;
    width: 100%;
    min-height: 80px;
    font-size: 1.2rem;
    display: inline-block;
    overflow: visible;
    white-space: initial;
    position: relative;
 }
.report ul.report_list div.keiba_raca_data .raca_comment:before {
    content: '\30B3\30E1\30F3\30C8'; /* コメント */
    position: absolute;
    top: -13px;
    left: -1px;
    display: inline-block;
    padding: 0px 3px 0px;
    color: #757575;
    background: #fff;
    border: solid 1px #999;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    font-size: .6rem;
    height: 13px;
}

.keiba_race_recommend .tips { color: #1faa37; }
.keiba_race_recommend .tips_cont {
    padding: 10px;
    right: 0px;
    width: 600px;
    overflow: auto!important;
    white-space: normal!important;
}

.report .report_list div.keiba_race_point span.meyas {
    font-weight: normal;
    font-size: 0.9rem;
 }


.report .col_keiba .report_list div.keiba_race_point span.ticket {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    padding: 2px 3px;
    margin: 5px 5px 0 0;
    width: 50px;
    color: #fff;
    line-height: 14px;
    border-radius: 3px;
}

.report .col_keiba .report_list div.keiba_race_point span.race_point { /* font-size: 1rem;  */}

div.keiba_race_point .krp_ticket_box {
    position: relative;
    display: inline-block;
    width: 100%;
}

div.keiba_race_point .krp_hitmark {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #d00;
}

.keiba_box_rank { width: 100%; }

.keiba .box_total_lank {
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
    margin-right: 5px;
    border: solid 2px #d00;
    box-sizing: border-box;
    border-radius: 3px;
    color: #d00;
    background: #fff;
    height: 45px!important;
    display: inline-block;
    line-height: 1.4rem!important;
    padding: 5px 5px 0 5px!important;
}

.keiba .box_total_lank_blank {
    margin-right: 5px;
    width: 105px;
    height: 45px!important;
    display: inline-block;
}

.keiba .box_most_confidence {
    text-align: center;
    font-size: 11px;
    font-size: 1.15rem;
    font-weight: bold;
    width: 125px;
    margin-right: 5px;
    border: solid 2px #ff7700;
    box-sizing: border-box;
    border-radius: 3px;
    color: #ff7700;
    background: #fff;
    height: 45px!important;
    display: inline-block;
    /* line-height: 1.4rem!important; */
    padding: 10px 5px!important;
}

.keiba .box_most_confidence_blank { width: 130px; }

.box_total_lank span.rank_no { font-weight: bold; }

.keiba .raca_data_right .keiba_data_title { width: 100%; }
.keiba .raca_data_right .keiba_data_title,
.keiba .raca_data_right .keiba_data_title span,
.keiba .raca_data_right .keiba_data_title a:link,
.keiba .raca_data_right .keiba_data_title a:visited { color: #1faa37; }
.keiba .keiba_data_counter { font-size: 1.2rem; }
span.thanks_count, span.thanks_comment, span.thanks_thanks { color: #f12b83; }

/* コメントする・いいねするボタン化ここから */
.article_list span.thanks_comment,
.article_list span.thanks_thanks {
    padding: 3px 5px;
    border-radius: 3px;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
}
.comic .article_list span.thanks_comment,
.comic .article_list span.thanks_thanks {
    margin-bottom: 5px;
}
.article_list span.thanks_thanks {
    color: #f12b83;
    border:1px solid #f12b83;
}
.article_list span.thanks_comment {
    color: #00a4e8;
    border:1px solid #00a4e8;
}
.article_list span.thanks_comment:hover,
.article_list span.thanks_thanks:hover {
    color: #fff;
    transition: all .3s;
    opacity: 1;
}
.article_list span.thanks_thanks:hover {
    background-color: #f12b83;
}
.article_list span.thanks_comment:hover {
    background-color: #00a4e8;
}
/* ここまで */
span.comment_count { color: #00a4e8; margin-left: 7px; }
/* スペシャルコメント（ギフトアイコン追加）ここから */
span.comment_count.specialcomment { margin-left: 0px;}
span.comment_count.specialcomment .fa-gift { position: relative; top: 1px; font-size: 16px; }
/* ここまで */
span.performance_count { color: #df1f00;  }
.keiba .keiba_published_datetime {
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #818181;
}
#store_ranking_content_thanks_dialog_body.modalBody,
#horse_racing_articles_content_thanks_dialog_body.modalBody,
#magazine_content_thanks_dialog_body.modalBody,
#blog_content_thanks_dialog_body.modalBody,
#book_content_thanks_dialog_body.modalBody,
#forecast_content_thanks_dialog_body.modalBody,
#file_content_thanks_dialog_body.modalBody,
#salon_content_thanks_dialog_body.modalBody,
#hit_report_list_content_thanks_dialog_body.modalBody,
#hit_report_content_thanks_dialog_body.modalBody,
#specialty_content_thanks_dialog_body.modalBody
{
    border: 0;
    width: 700px;
    max-height: 600px;
    overflow: scroll;
    z-index: 10;
}

.modalBody .thanks_inner {
    margin: -20px;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    height: 500px;
}
.modalBody .thanks_inner input[type="text"],
.modalBody .thanks_inner textarea { color: #4b4b4b; }

.modalBody .thanks_inner span.close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.modalBody .btn_thanks span.thanks {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}

.modalBody .thanks_nickname { margin: 10px 0 0 60px; }
.modalBody .thanks_textarea { margin-bottom: 20px; }
.modalBody .thanks_textarea textarea { width: 100%; }
.modalBody .thanks_upload {
    position: relative;
    width: 100%;
}

.thanks_upload .sendImage {
    position: relative;
    float: left;
    margin: 0;
    padding: 5px 0 5px 5px;
    border: solid 1px #ccc;
    /* width: 120px;  */
    width: 30%;
    height: 30px;
}

.thanks_upload input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}
.thanks_upload .uploadValue {
    /* width: 340px */;
    width: 70%;
    float: left;
    margin: 0;
    border-top: 1px solid #ccc;
/*    border: 1px solid #ccc;*/
    background: #fff;
}

.report_list div.keiba_race_recommend div.keiba_performance_data {
    width: 285px;
    margin: 5px 0;
    border-radius: 3px;
    overflow: inherit;
    white-space: normal;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;

}

.keiba_performance_data span.spot_green { color: #1faa37; }
.keiba_performance_data strong { font-size: 1.2rem; }

.commentsInner {
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.arrowLeft {
    margin-left: 50px;
    min-height: 70px;
    padding: 10px;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 5px;
}
.arrowLeft::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 5px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 0px 0 0px 20px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    z-index: 2;
}
.arrowLeft::after {
    content: '';
    position: absolute;
    top: 5px;
    left: -31px;
    display: block;
    width: 30px;
    height: 18px;
    background: #ffffff;
    border-radius: 0px 0 21px 12px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    z-index: 3;
}
/*  スペシャルコメント各ふきだし色  */
.arrowLeft.pay100::before { border-color: transparent transparent #fdd835 #fdd835; }
.arrowLeft.pay100::after { border-color: transparent #fdd835 #fdd835 transparent; border-top:none; }

.arrowLeft.pay300::before { border-color: transparent transparent #f0f4c3 #f0f4c3; }
.arrowLeft.pay300::after { border-color: transparent #f0f4c3 #f0f4c3 transparent; border-top:none; }

.arrowLeft.pay500::before { border-color: transparent transparent #c8e6c9 #c8e6c9; }
.arrowLeft.pay500::after { border-color: transparent #c8e6c9 #c8e6c9 transparent; border-top:none; }

.arrowLeft.pay1000::before { border-color: transparent transparent #b2ebf2 #b2ebf2; }
.arrowLeft.pay1000::after { border-color: transparent #b2ebf2 #b2ebf2 transparent; border-top:none; }

.arrowLeft.pay3000::before { border-color: transparent transparent #b3e5fc #b3e5fc; }
.arrowLeft.pay3000::after { border-color: transparent #b3e5fc #b3e5fc transparent; border-top:none; }

.arrowLeft.pay5000::before { border-color: transparent transparent #c5cae9 #c5cae9; }
.arrowLeft.pay5000::after { border-color: transparent #c5cae9 #c5cae9 transparent; border-top:none; }

.arrowLeft.pay10000::before { border-color: transparent transparent #e1bee7 #e1bee7; }
.arrowLeft.pay10000::after { border-color: transparent #e1bee7 #e1bee7 transparent; border-top:none; }

.arrowLeft.pay30000::before { border-color: transparent transparent #f8bbd0 #f8bbd0; }
.arrowLeft.pay30000::after { border-color: transparent #f8bbd0 #f8bbd0 transparent; border-top:none; }

.arrowLeft.pay50000::before { border-color: transparent transparent #ffcdd2 #ffcdd2; }
.arrowLeft.pay50000::after { border-color: transparent #ffcdd2 #ffcdd2 transparent; border-top:none; }

.arrowLeft.pay100000::before { border-color: transparent transparent #e57373 #e57373; }
.arrowLeft.pay100000::after { border-color: transparent #e57373 #e57373 transparent; border-top:none; }

.arrowLeft.pay300000::before { border-color: transparent transparent #a1887f #a1887f; }
.arrowLeft.pay300000::after { border-color: transparent #a1887f #a1887f transparent; border-top:none; }
/*  スペシャルコメント各色ここまで  */

.commentsUser { width: 100%; }
a.dialog_comment_image img { max-width: 100%; margin: 1em 0; }
a.dialog_comment_image:hover { opacity: 0.9; }

.commentsInner .comment_publisher { position: relative; }

span.dpc_icon {
    position: absolute;
    top: 0px;
    left: -10px;
    -moz-transform: matrix(-1, 0, 0, -1, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, -1, 0, 0);
    -o-transform: matrix(-1, 0, 0, -1, 0, 0);
    transform: matrix(-1, 0, 0, -1, 0, 0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
}

img.dpc_publisher { margin: 0 10px; width: 30px; height: 30px; }

.comment_publisher .commentsUser { line-height: 1.3; }

.commentsInner .keiba_hit_open { width: 100%; }

.keiba_hit_open p.hit_txt {
    width: 200px;
    height: 20px;
    line-height: 20px;
    margin: 1em auto 1em;
    text-align: center;
    color: #fff;
    font-size: .6rem;
    font-weight: bold;
    background: #d00;
    border-radius: 10px;
}

.thanks_article {
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 5px;
    text-align: left;
    margin: 10px 0 20px 0;
}

.thanks_article div.keiba_item { padding: 5px; }

.thanks_article div.keiba_race_ticket {
    width: 270px;
}

.thanks_article_title {
    width: 100%;
    border-bottom: solid 1px #ccc;
    padding: 5px 0;
    margin-bottom: 5px;
    position: relative;
}

.thanks_article_title span { font-weight: bold; }


.thanks_article_title .thanks_free_tips {
    background-color: #fff;
    position: absolute;
    top: -18px;
    right: 0px;
}

.report ul.report_list div.keiba_sel_title .category { position: absolute; top: 35px; left: 35px; line-height: 1; }
.report ul.report_list div.keiba_sel_title .fa-square { font-size:18px; font-size: 1.8rem; }
.report ul.report_list div.keiba_sel_title .fa-envelope,
.report ul.report_list div.keiba_sel_title .fa-pencil,
.report ul.report_list div.keiba_sel_title .fa-edit,
.report ul.report_list div.keiba_sel_title .fa-book,
.report ul.report_list div.keiba_sel_title .fa-folder-open { font-size: 8px; font-size: 0.8rem; }
.report ul.report_list div.keiba_sel_title .thumbnail { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }
.report ul.report_list div.keiba_sel_title .thumbnail-nonborder { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }

.report ul.report_list div.keiba_sel_title span.hitrate {
    margin-right: 5px;
    font-weight: normal;
    font-size: 10px;
    font-size: 1.0rem;
    color: #cc9900;
}

.report ul.report_list div.keiba_sel_title span.hitcount {
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.report ul.report_list div.keiba_sel_title span a {
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
}

/*出走カウント*/
.keiba .odometer.odometer-auto-theme,
.keiba .odometer.odometer-theme-default {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   position: relative;
}

.keiba .odometer.odometer-auto-theme,
.keiba .odometer.odometer-theme-default { *display: inline; }
.keiba .odometer.odometer-auto-theme .odometer-digit,
.keiba .odometer.odometer-theme-default .odometer-digit {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   position: relative;
}

.keiba .odometer.odometer-auto-theme .odometer-digit,
.keiba .odometer.odometer-theme-default .odometer-digit {
   position: relative;
   top: -6px;
   *display: inline;
   width: 20px;
   height: 45px;
}

.keiba .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.keiba .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   visibility: hidden;
}

.keiba .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.keiba .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { *display: inline; }

.keiba .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.keiba .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
}

.keiba .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.keiba .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; }

.keiba .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.keiba .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; }

.keiba .odometer.odometer-auto-theme .odometer-digit .odometer-value,
.keiba .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); transform: translateZ(0); }

.keiba .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.keiba .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; }

.keiba .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.keiba .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: transform 2s; transition: transform 2s; }

.keiba .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.keiba .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.keiba .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.keiba .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.keiba .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.keiba .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: transform 2s; transition: transform 2s; -webkit-transform: translateY(0); transform: translateY(0); }

.keiba .timer .yycountdown-box span.yyc-day-text,
.keiba .timer .yycountdown-box span.yyc-hou-text,
.keiba .timer .yycountdown-box span.yyc-min-text,
.keiba .timer .yycountdown-box span.yyc-sec-text { font-size: 1.4rem; }

/* 開催場所 中央競馬 */
.sapporo   { background: #eb7a7a; }
.hakodate  { background: #eba77a; }
.fukushima { background: #fdd35c; }
.niigata   { background: #b3d465; }
.tokyo     { background: #95d16d; }
.nakayama  { background: #6dd195; }
.chukyo    { background: #92daeb; }
.kyoto     { background: #a9a9eb; }
.hanshin   { background: #c3a9eb; }
.kokura    { background: #eb92da; }

/* 開催場所 地方競馬 */
.obihiro   { background: #eb7a7a; }
.monbetsu  { background: #eba77a; }
.morioka   { background: #fdd35c; }
.mizusawa  { background: #b3d465; }
.urawa     { background: #95d16d; }
.funabashi { background: #82d182; }
.ooi       { background: #6dd195; }
.kawasaki  { background: #92ebda; }
.kanazawa  { background: #92daeb; }
.kasamatsu { background: #a9a9eb; }
.nagoya    { background: #c3a9eb; }
.sonoda    { background: #da92eb; }
.himeji    { background: #eb92da; }
.kouchi    { background: #eb92b6; }
.saga      { background: #eb9294; }

/* 券種 */
.tansyou    { background: #eb7a7a !important; }
.fukusyou   { background: #eba77a !important; }
.wakuren    { background: #fdd35c !important; }
.umaren     { background: #b3d465 !important; }
.wide       { background: #95d16d !important; }
.umatan     { background: #82d182 !important; }
.umafuku    { background: #6dd195 !important; }
.sanrenpuku { background: #92ebda !important; }
.sanrentan  { background: #92daeb !important; }
.wakutan    { background: #a9a9eb !important; }
.wakufuku   { background: #c3a9eb !important; }
.ouen       { background: #95d16d !important; }

/* 特殊券種 */
.win_five              { background: #da92eb !important; }
.triple_umatan         { background: #eb92da !important; }
.five_victory_tansyou  { background: #eb92b6 !important; }
.seven_victory_tansyou { background: #eb9294 !important; }


/* 発行者競馬レース入力画面ダイアログ */
#keiba div[id$="horse_racing_schedule_select_modal_box"] {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 800px;
    padding: 40px 20px 20px;
    z-index: 99;
    background: #fff;
    border-radius: 3px;
    overflow-y: scroll;
}
#keiba div[id$="horse_racing_schedule_select_modal_box"]::-webkit-scrollbar { width: 5px; }
#keiba div[id$="horse_racing_schedule_select_modal_box"]::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
#keiba > .txtc button + .notice_window { display: inline-block; margin: 0 0 0 30px; padding: 10px 20px; }
#keiba.horse_racing_schedule_add_wrapper { position: relative; margin-bottom: 20px; padding: 0 20px; border: 1px solid #ccc; }
.horse_racing_schedule_add_wrapper select { font-size: 1.2rem; }
.horse_racing_schedule_add_wrapper button,
.horse_racing_schedule_add_wrapper .button { font-size: 1.4rem; }
.horse_racing_schedule_add_wrapper_close {
    position: absolute;
    top: 5px;
    right: 10px;
    margin: 0;
    font-size: 2rem;
    cursor: pointer;
}
.horse_racing_schedule_add_wrapper div[class^="select"] {
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.horse_racing_schedule_add_wrapper div[class^="select"]::before {
    position: absolute;
    top: -17px;
    left: 20px;
    padding: 0 10px;
    color: #ccc;
    font-size: 2rem;
    font-weight: bold;
    background: #fff;
}
.horse_racing_schedule_add_wrapper .select_race::before { content: 'STEP 1'; }
.horse_racing_schedule_add_wrapper .select_bet_type::before { content: 'STEP 2'; }
.horse_racing_schedule_add_wrapper .select_race_card::before { content: 'STEP 3'; }
.horse_racing_schedule_add_wrapper .select_purchase_method::before { content: 'STEP 4'; }
.horse_racing_schedule_add_wrapper .select_race div { display: inline-block; }
.horse_racing_schedule_add_wrapper .select_race div:not(:last-child) { margin: 0 20px 5px 0; }
.horse_racing_schedule_add_wrapper .select_race strong,
.horse_racing_schedule_add_wrapper .select_purchase_method strong { font-size: 1.4rem; }
.horse_racing_schedule_add_wrapper .select_bet_type label:not(:last-child) { margin-right: 50px; }
.horse_racing_schedule_add_wrapper .select_race_card table { margin-top: 10px; }
.horse_racing_schedule_add_wrapper th:not(.element),
.horse_racing_schedule_add_wrapper td:not(.element) { width: auto; padding: 5px; text-align: center; }
.horse_racing_schedule_add_wrapper .select_race_card td span {
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    color: #fff;
    font-size: 1rem;
    background: #808080;
    border-radius: 3px;
}
.horse_racing_schedule_add_wrapper .select_race_card table + .txtl { margin: 10px 0 0 10px; }
.horse_racing_schedule_add_wrapper .select_race_card .tips_cont { position: relative; width: 440px; }
.horse_racing_schedule_add_wrapper .select_race_card .button { width: 250px; }
.horse_racing_schedule_add_wrapper .select_purchase_method { position: relative; }
.horse_racing_schedule_add_wrapper .select_purchase_method .notice_window { margin: 0 0 40px; padding: 10px 20px; }
.horse_racing_schedule_add_wrapper .select_purchase_method select { margin-bottom: 20px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .betting_ticket_purchase_method { position: relative; width: 100%; height: 200px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .betting_ticket > div,
.horse_racing_schedule_add_wrapper .select_purchase_method .betting_ticket_purchase_method > div { display: inline; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price { position: relative; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price input.price { width: 50px; margin-right: 2px; padding: 2px; text-align: right; font-size: 1.4rem; font-weight: bold; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .notice_window { width: 240px; margin-top: 10px; padding: 10px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price div[id$="horse_racing_schedule_input_purchase_method"] {
    position: absolute;
    top: -77px;
    left: 30%;
    display: block;
    width: auto;
}
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price table { margin-bottom: 20px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price th { font-size: 1.4rem; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price td { padding-top: 10px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price td input { width: 20px; height: 20px; margin: 0; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .multi { position: absolute; top: 7px; left: 15px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .multi input { margin-right: 5px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .total,
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .total div { display: inline-block; font-size: 1.4rem; font-weight: bold; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .total input {
    width: 100px;
    margin-right: 2px;
    text-align: right;
    font-size: 2rem;
    border: none;
    box-shadow: none;
}
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .total_price { margin: 0 40px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .combination input { width: 70px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .button.set {
    position: relative;
    top: -5px;
    width: 90px;
    margin: 0 0 0 10px;
    padding: 0;
}
.horse_racing_schedule_add_wrapper .select_purchase_method .input_price .button.set:active { top: -3px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method { position: relative; left: 30%; width: 650px; margin-top: 100px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method select { width: 440px; height: 200px; overflow-x: scroll; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method select option { padding: 2px 5px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method select option.disabled { background: #f0f0f0; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method select option:not(.disabled) { font-size: 1.2rem; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method select option:not(.disabled):hover { background: #f0f0f0; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method .button.delete { position: relative; top: -15px; width: 170px; margin: 0; padding: 0; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method .button.delete:active { top: -13px; }
.horse_racing_schedule_add_wrapper div[id$="horse_racing_schedule_select_race_comment_box"] { margin-bottom: 10px; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method .purchase_method_detail { position: absolute; top: 0; right: 0; }
.horse_racing_schedule_add_wrapper .select_purchase_method .confirm_purchase_method .purchase_method_detail textarea { width: 200px; height: 200px; border: 1px solid #999; }

.keiba_dialog { z-index: 10; }
.keiba_dialog_form ul { display: inline-block; }
.keiba_dialog_form ul li { clear: both; height: auto; display: inline-block; margin-bottom: 20px; }
.modalBody .keiba_dialog_send .close { margin: -15px 20px 0 0; cursor: pointer; border: solid 1px red; }

.keiba_schedule_detail { margin: 10px auto 20px; padding: 20px; border: solid 1px #ccc; border-radius: 3px; }
td .keiba_schedule_detail { margin: 0 0 40px; padding: 0; border: none; }
td .keiba_schedule_detail .comment { margin-bottom: 10px; }
.keiba_schedule button { margin: 10px 0; }
.keiba_schedule .race_schedule_name {
    margin-bottom: 20px;
    padding: 10px 20px;
    font-size: 1.8rem;
    background: #f0f0f0;
}
.keiba_schedule .select_race_card,
.keiba_schedule .select_bet_ticket { padding: 0 !important; border: none !important; }
.keiba_schedule .select_race_card::before { content: ''; }
.keiba_schedule .select_bet_ticket table { position: relative; }
.keiba_schedule .select_bet_ticket th,
.keiba_schedule .select_bet_ticket td { padding: 10px 20px; font-weight: normal; text-align: left; }
.keiba_schedule .select_bet_ticket th,
.keiba_schedule .select_bet_ticket td span { margin-left: 10px; font-size: 1.4rem; }
.keiba_schedule .select_bet_ticket th { min-width: 90px; text-align: center; }
.keiba_schedule .select_bet_ticket td .col_left { float: left !important; width: 260px; }
.keiba_schedule .select_bet_ticket td .col_left:nth-of-type(2) { width: 190px; }
.keiba_schedule .select_bet_ticket td .col_left:nth-of-type(2) .hit_betting_ticket {
    position: absolute;
    top: -48px;
    left: -48px;
    width: 0 !important;
    height: 0;
    z-index: 2;
    color: #fff;
    border: 48px solid transparent;
    border-bottom: 48px solid #ed7877;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.keiba_schedule .select_bet_ticket td .col_left:nth-of-type(2) .hit_betting_ticket::before {
    content: '\f140';
    position: relative;
    top: 4px;
    left: -13px;
    display: block;
    width: 26px;
    height: 26px;
    text-align: center;
    font-family: FontAweSome;
    font-size: 2rem;
}
.keiba_schedule .select_bet_ticket td .col_left:nth-of-type(2) .hit_betting_ticket::after {
    content: '\7684\4E2D!!'; /* 的中!! */
    white-space: pre;
    position: relative;
    top: 2px;
    left: -16px;
    font-weight: bold;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
li .keiba_schedule .select_bet_ticket td .col_left:nth-of-type(2) .hit_betting_ticket::before { top: 8px; }
li .keiba_schedule .select_bet_ticket td .col_left:nth-of-type(2) .hit_betting_ticket::after { top: 0; }
.keiba_schedule .select_bet_ticket td > div:not(:last-child) { margin-bottom: 20px; }
.keiba_schedule .select_bet_ticket td .display_formation { float: left !important; width: 150px; }
.keiba_schedule .select_bet_ticket td .display_detail_combination { float: left; width: 290px; }
.keiba_schedule .select_bet_ticket td .display_detail_combination textarea { height: 83px; border: 1px solid #ccc; border-radius: 3px; }
.keiba_schedule .select_bet_ticket td .display_detail_combination textarea span { display: none; }
.race_hit_report .keiba_schedule .select_bet_ticket th { text-align: center; white-space: nowrap; }
.race_hit_report .keiba_schedule .select_bet_ticket td { padding: 10px; }
.race_hit_report .keiba_schedule .select_bet_ticket td div { float: none; width: auto !important; }
.race_hit_report .keiba_schedule .select_bet_ticket td div:not(:last-child) { margin-right: 20px; }
.blog_contents .race_hit_report .keiba_schedule .select_bet_ticket td div[class^="col"],
.blog_contents .race_hit_report .keiba_schedule .select_bet_ticket td div[class^="display"],
.forecast_contents .race_hit_report .keiba_schedule .select_bet_ticket td div[class^="col"],
.forecast_contents .race_hit_report .keiba_schedule .select_bet_ticket td div[class^="display"] { width: 46% !important; }
.blog_contents .race_hit_report .keiba_schedule .select_bet_ticket td div[class^="display"],
.forecast_contents .race_hit_report .keiba_schedule .select_bet_ticket td div[class^="display"] { margin-top: 1em; }
.blog_contents .race_hit_report .keiba_schedule .select_bet_ticket td > div:not(:last-child),
.forecast_contents .race_hit_report .keiba_schedule .select_bet_ticket td > div:not(:last-child),
/*div[class^="col"] */.race_hit_report .keiba_schedule .select_bet_ticket td > div:not(:last-child) { margin-right: 0 !important; }
.race_hit_report .keiba_schedule .select_bet_ticket td .display_detail_combination { float: right; }
.blog_contents .race_hit_report .keiba_schedule .select_bet_ticket td .display_detail_combination,
.forecast_contents .race_hit_report .keiba_schedule .select_bet_ticket td .display_detail_combination { float: left; }
.condition_match_free_flag { display: block; margin-bottom: 1em; font-size: 1.4rem; }
td.magazine_article textarea { height: 300px; overflow-y: scroll !important; }
td.magazine_article textarea::-webkit-scrollbar { width: 5px; }
td.magazine_article textarea::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }

.keiba_schedule .select_bet_ticket table + .txtc { margin: 1em 0; font-size: 1.4rem; }

.blog_contents .race_hit_report .keiba_schedule .select_bet_ticket table + .txtc br,
.forecast_contents .race_hit_report .keiba_schedule .select_bet_ticket table + .txtc br { display: block !important; }
.col_3 .keiba_schedule .select_bet_ticket table + .txtc { min-width: 700px; margin: 1em 0; text-align: left !important; font-size: 1.4rem; }
.keiba_schedule .select_bet_ticket table + .txtc span { font-size: 1.8rem; font-weight: normal; }
.seller .keiba_schedule .select_bet_ticket input { width: 100px; padding: 2px 5px;}
.keiba_schedule .horse_racing_content { border: solid 1px #ccc; padding: 5px; width: 100%; }

#magazine_article_new_horse_racing_betting_tickets,
#magazine_article_edit_horse_racing_betting_tickets,
#magazine_article_reserve_horse_racing_betting_tickets,
#blog_entry_edit_horse_racing_betting_tickets,
#forecast_entry_edit_horse_racing_betting_tickets { text-align: left; margin: 20px 0 ; }

#magazine_article_new_horse_racing_betting_tickets label,
#magazine_article_edit_horse_racing_betting_tickets label,
#magazine_article_reserve_horse_racing_betting_tickets label,
#blog_entry_edit_horse_racing_betting_tickets label,
#forecast_entry_edit_horse_racing_betting_tickets label { margin-right: 10px; padding: 5px; border-radius: 3px; }

#magazine_article_new_horse_racing_betting_tickets label:hover,
#magazine_article_edit_horse_racing_betting_tickets label:hover,
#magazine_article_reserve_horse_racing_betting_tickets label:hover,
#blog_entry_edit_horse_racing_betting_tickets label:hover,
#forecast_entry_edit_horse_racing_betting_tickets label:hover { background-color: #e9e9e9; }

.race_tickets { padding: 10px; border: solid 1px #1d5aac; }

.race_tickets h2 {
    margin: 0 0 10px;
    padding-left: 0px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #1d5aac;
    /*border-left: 6px solid #1d5aac;*/
    border: none;
}
.obj_hidden h2.hidden { display: none; }

.seller .kd_betting_ticket label:first-child {
    display: inline-block;
    width: 150px;
    background: #f1f1f1;
    margin-bottom: 5px;
    padding: 3px 5px;
}

.seller .kd_confidence { width: 100%; text-align: center;}
.seller .kd_confidence label {
    display: inline-block;
    background: #f1f1f1;
    margin-bottom: 5px;
    padding: 3px 10px;
}
.seller .kd_betting_ticket label:first-child:hover,
.seller .kd_confidence label:hover { cursor: pointer; background: #e9e9e9; }
.seller .kd_betting_ticket input[type="input"] { width: 70px; }

/*発行者　競馬予想の的中記事の無料公開設定*/
.hit_report_list { margin-top: 30px; }
.hit_report_list ul {
    border-radius: 5px;
    margin: auto;
    padding: 10px;
    width: 700px;
}
.seller .hit_report_list ul label:first-child { margin: 0; }

.hit_report_list ul li {
    padding: 10px;
    width: 100%;
    display: inline-block;
    border: solid 1px #ccc;
    margin-bottom: 5px;
    border-radius: 3px;
}

.hit_report_list ul li.select { cursor: pointer; }
.hit_report_list ul li.select:hover { /* background: #f0f0f0; */ }

/*競馬アフィリエイトタグ一覧ページ*/
.horse_affiliate { display: inline-block; }
#affiliater_detail_view .horse_affiliate textarea { margin-top: 10px; height: 80px; resize: none; }
#affiliater_detail_view .horse_affiliate .horse_half_link textarea { height: 130px; }
#affiliater_detail_view .horse_affiliate textarea.horse_text_banner { width:800px!important; }
#affiliater_detail_view .horse_affiliate textarea.horse_img_banner { width:400px!important; }

.horse_affiliate h3 { margin: 10px 0; padding-left: 20px; font-size: 16px; font-size: 1.6rem; }
.horse_affiliate.bn_horse h3 { border-left: 6px solid #1faa37; }
.horse_affiliate.bn_bicycle h3 { border-left: 6px solid #797979; }
.horse_affiliate.bn_boat h3 { border-left: 6px solid #0167b6; }
.horse_affiliate.stakes,
.horse_affiliate.stakes .txtr,
.horse_affiliate.stakes .toggle { display: block; }
.horse_affiliate.stakes h3 {
    height: 26px;
    line-height: 26px;
    margin: 0 0 10px;
    padding-left: 10px;
    font-size: 1.6rem;
    font-weight: normal;
    border-left: 6px solid;
}
.horse_affiliate.stakes h3.g1 { border-color: #055590; }
.horse_affiliate.stakes h3.g2 { border-color: #d52114; }
.horse_affiliate.stakes h3.g3 { border-color: #1fab37; }
.horse_affiliate.stakes .toggle { margin-top: 1em; color: #4b4b4b; font-size: 1.6rem; cursor: default; }
.horse_affiliate.stakes .toggle > span { cursor: pointer; }
.horse_affiliate.stakes .toggle span[class^="g"] {
    display: inline-block;
    width: 45px;
    margin-right: 10px;
    padding: 2px 5px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}
.horse_affiliate.stakes .toggle span.g1 { background: #055590; }
.horse_affiliate.stakes .toggle span.g2 { background: #d52114; }
.horse_affiliate.stakes .toggle span.g3 { background: #1fab37; }
.horse_affiliate.stakes .horse_long_link { margin: 2em 0 0; }
.horse_affiliate.stakes textarea { margin: 0 !important; }
.horse_affiliate.stakes .toggle_cont textarea:nth-child(1),
.horse_affiliate.stakes .toggle_cont textarea:nth-child(2) { height: 80px !important; }
.horse_affiliate.stakes img { margin-bottom: 10px; }

.horse_affiliate div:not(.toggle_cont) { display: inline-block; }
.horse_affiliate div.horse_long_link { width: 100%; margin-bottom: 40px; }
.horse_affiliate div.horse_half_link { float: left; width: 48%; }

/* 競馬的中結果フォローページ */
.race_hit_report h1 { font-size: 2rem !important; white-space: normal; }
#keiba .race_hit_report h2,
.race_hit_report h2 {
    display: inline-block;
    margin: 0;
    padding-left: 5px;
    color: #4b4b4b;
    font-size: 1.8rem;
    font-weight: normal;
    background: none;
    border: none;
}
.rhr_info { border: solid 1px #ccc; border-radius: 5px; padding: 10px; }
.rhr_info .notice_window {
    position: relative;
    left: 50%;
    width: 400px;
    padding: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.rhr_info .rhr_hit_bar {
    border: solid 2px #fcc;
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 40px;
    padding: 5px 0;
    border-radius: 3px;
    text-align: center;
    color: #d00;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.rhr_info .race_follow_btn {
    border: solid 2px #22ac38;
    border-radius: 3px;
    height: 40px;
    margin: 10px 0;
    padding: 5px 10px;
    display: inline-block;
    color: #22ac38;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.rhr_info .race_follow_btn:hover { background-color: #e1eedc; text-decoration: none; }
.rhr_detail { margin: 20px 0; }
.report .rhr_detail .report_list li { border: none; }
.report .rhr_detail .report_list div.keiba_sel_title { width: calc(100% - 200px); margin-right: 20px; }
.report .rhr_detail .report_list div.keiba_sel_title span a { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
.report .rhr_detail .report_list div.keiba_recommend { width: 180px; padding: 0; }
.report .rhr_detail .report_list div span.rank_no { font-size: 15px; font-size: 1.5rem; }
.rhr_pager { margin: 20px 0; }
.rhr_pager_btn {
    display: inline-block;
    border: solid 2px #ccc;
    border-radius: 3px;
    height: 30px;
    color: #7b7b7b;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 2px 10px;
}
.rhr_pager_btn:hover { cursor: pointer; background-color: #f1f1f1; text-decoration: none; }
.race_hit_report .introduction { border: solid 1px #ccc; border-radius: 5px; padding: 10px; margin-bottom: 20px; }
.race_hit_report .introduction div[style="clear:both;"] { margin-top: 1em; padding-top: 1em; border-top: dotted 1px #ccc; }
.race_hit_report .introduction .add_notes { margin-bottom: 1em; padding-bottom: 2em; border-bottom: dotted 1px #ccc; }
.race_hit_report .introduction .add_notes .add_date { margin-bottom: 1em; }
.rhr_article { margin-bottom: 10px; }
.rhr_article_title { border-bottom: solid 2px #999; font-size: 1.5rem; padding: 0 0 5px 0; }
div.rhr_article_date { text-align: right; }
.race_hit_report div.keiba_item {
    display: inline-block;
    text-align: center;
    line-height: 2.0rem;
    color: #fff;
    border-radius: 3px;
    margin: 0 5px 0 0;
    padding: 5px;
    width: 75px;
    height: 50px;
    float: left;
}
.race_hit_report div span.ticket {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    padding: 3px;
    margin: 5px 0 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    line-height: 14px;
    border-radius: 3px;
}
.keiba_race_open { height: 55px; }
div.rhr_article_hit_info { display: inline-block; margin: 10px 0 20px 0; padding: 0 5px; width: 100%; }
a.rhr_article_hit_info {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 5px 10px;
}
a.rhr_article_hit_info:hover { text-decoration: none; background-color: #e1eedc; }
.rhr_angle_right {
    position: absolute;
    right: 0;
    top: 30%;
    font-size: 2.5rem;
    color: #999;
}
span.rhr_race_name { font-size: 1.5rem; font-weight: bold; }
.rhr_entry_btn {
    border: solid 1px #ccc;
    border-radius: 3px;
    margin: 20px auto;
    padding: 10px;
    width: 600px;
}
.rhr_entry_btn img { margin-right: 10px; }
.rhr_social_btn {
    border: solid 2px #5ea8e3;
    width: 100%;
    border-radius: 3px;
    margin: 10px 0;
    padding: 10px;
    display: inline-block;
    color: #5ea8e3;
}
.rhr_social_btn .social_btn { margin-top: 20px; display: inline-block; position: relative; left: 23%; }
.rhr_social_btn .social_btn  .social_btn_box.twitter,
.rhr_social_btn .social_btn  .social_btn_box.mixi { margin-top: 41px; }
.rhr_social_btn .tw_campaign { border: none; }
.rhr_article_free { margin: 10px 0; }

/* ------------------------------------------------------------  汎用まとめページ */
.color_love { color: #fda000 !important; }
.color_business { color: #f12b83 !important; }
.color_bicycle { color: #b3b3b3 !important; }
.color_boat { color: #00a3e8 !important; }

/*恋愛・スピリチュアル特集カラー*/
.feature_love .topicpath li:last-child,
.feature_love .topicpath li a {
    color: #fda000;
    background-color: #fff5e5;
}

.feature_love .topicpath li:last-child:before,
.feature_love .topicpath li:last-child:after,
.feature_love .topicpath li a:before,
.feature_love .topicpath li a:after {
    content: '';
    position: absolute;
    top: 0;
    border: 0 solid #fff5e5;
    border-width: 12px 5px;
    width: 0;
    height: 0;
}

.feature_love .topicpath li:last-child:before, .feature_love  .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_love .topicpath li:last-child:before, .feature_love  .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_love .topicpath li:last-child:after, .feature_love  .topicpath li a:after { left: 100%; border-color: transparent; border-left-color: #fff5e5; }
.feature_love .topicpath li:first-child a:before, .feature_love  .topicpath li:last-child:after { border: none; }
.feature_love .topicpath li a:hover { color: #fff; background-color: #fda000;}
.feature_love .topicpath li a:hover:before { border-color: #fda000; border-left-color: transparent; }
.feature_love .topicpath li a:hover:after { border-left-color: #fda000; }

/*ビジネス特集カラー*/
.feature_business .topicpath li:last-child,
.feature_business .topicpath li a {
    color: #f12b83;
    background-color: #fee9f2;
}

.feature_business .topicpath li:last-child:before,
.feature_business .topicpath li:last-child:after,
.feature_business .topicpath li a:before,
.feature_business .topicpath li a:after {
    content: '';
    position: absolute;
    top: 0;
    border: 0 solid #fee9f2;
    border-width: 12px 5px;
    width: 0;
    height: 0;
}

.feature_business .topicpath li:last-child:before,
.feature_business .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_business .topicpath li:last-child:before,
.feature_business .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_business .topicpath li:last-child:after,
.feature_business .topicpath li a:after { left: 100%; border-color: transparent; border-left-color: #fee9f2; }
.feature_business .topicpath li:first-child a:before,
.feature_business .topicpath li:last-child:after { border: none; }
.feature_business .topicpath li a:hover { color: #fff; background-color: #f12b83;}
.feature_business .topicpath li a:hover:before { border-color: #f12b83; border-left-color: transparent; }
.feature_business .topicpath li a:hover:after { border-left-color: #f12b83; }

/*汎用_新着記事*/
.report .col_generic .report_list.cl { border-top: none; border-bottom: 2px solid ;  height: 30px; margin-top: 20px;}
.report .col_generic ul.report_list li { position: relative; border-bottom: 1px solid ; }
@media screen and (max-width:1050px){ .report .col_generic ul.report_list li { width: 980px;} }
.report .col_generic ul.report_list div.generic_sel_title .category {
    position: absolute;
    top: 40px;
    left: 38px;
    line-height: 1;
}

.report ul.report_list div.generic_sel_title .category { position: absolute; top: 40px; left: 38px; line-height: 1; }
.report ul.report_list div.generic_sel_title .fa-square { font-size:18px; font-size: 1.8rem; }
.report ul.report_list div.generic_sel_title .fa-envelope,
.report ul.report_list div.generic_sel_title .fa-pencil,
.report ul.report_list div.generic_sel_title .fa-edit,
.report ul.report_list div.generic_sel_title .fa-book,
.report ul.report_list div.generic_sel_title .fa-folder-open { font-size: 8px; font-size: 0.8rem; }
.report ul.report_list div.generic_sel_title .thumbnail { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }
.report ul.report_list div.generic_sel_title .thumbnail-nonborder { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }
.report ul.report_list div.keiba_sel_title span.hitrate {
    margin-right: 5px;
    font-weight: normal;
    font-size: 10px;
    font-size: 1.0rem;
    color: #cc9900;
}

.report ul.report_list div.generic_sel_title span a {
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}
.report .report_list div.generic_sel_title { position: relative; width: 340px; font-weight: bold; }
.report .report_list div.generic_article_title { width: 460px; padding-left: 10px }
.report .report_list div.generic_article_title span { font-size: 12px; font-size: 1.2rem; }
.report .report_list div.generic_entry_btn { width: 180px; padding: 10px 0px!important; }
.report .report_list div.generic_sel_title.hit { position: relative; width: 230px; font-weight: bold; }
.report .report_list div.generic_hit_detail { width: 240px; }
.report .report_list div.generic_hit_article_title { width: 350px; }
.report .report_list div.generic_hit_article_title span { font-size: 12px; font-size: 1.2rem; }
.report ul.report_list .generic_article_title span.generic_title { font-size: 14px; font-size: 1.4rem; }

.report .report_list div.generic_entry_btn .btn_sub {
    padding: 0;
    width: 175px;
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.report .report_list div.generic_entry_btn .btn_sub.hit_free { background: #f44; }
.report .report_list div.generic_entry_btn .btn_sub.hit_free:hover { background: #f66; }
.report .report_list div.generic_entry_btn .btn_sub.free { background: #999; }
.report .report_list div.generic_entry_btn .btn_sub.free:hover { background: #bbb; }
.report ul.report_list div.point_back_label { position: absolute; top: 52px; right: 0; z-index: 2; }

/*競艇のレジまぐカラー*/
.border_boat,
.report .col_generic .list_boat ul.report_list li
{ border-color: #00a3e8!important; }

.list_boat .color_list_generic, .list_boat a.color_list_generic { color: #0167b6!important; }

.feature_boat {}
.feature_boat .topicpath li:last-child,
.feature_boat .topicpath li a { color: #0167b6; background-color: #e5f6fd; }
.feature_boat .topicpath li:last-child:before,
.feature_boat .topicpath li:last-child:after,
.feature_boat .topicpath li a:before,
.feature_boat .topicpath li a:after {
    content: '';
    position: absolute;
    top: 0;
    border: 0 solid #e5f6fd;
    border-width: 12px 5px;
    width: 0;
    height: 0;
}

.feature_boat .topicpath li:last-child:before, .feature_boat .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_boat .topicpath li:last-child:before, .feature_boat .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_boat .topicpath li:last-child:after, .feature_boat .topicpath li a:after { left: 100%; border-color: transparent; border-left-color: #e5f6fd; }
.feature_boat .topicpath li:first-child a:before, .feature_boat .topicpath li:last-child:after { border: none; }
.feature_boat .topicpath li a:hover { color: #fff; background-color: #0167b6;}
.feature_boat .topicpath li a:hover:before { border-color: #0167b6; border-left-color: transparent; }
.feature_boat .topicpath li a:hover:after { border-left-color: #0167b6; }

.ranking_boat { margin-top: 30px; }


/*競輪のレジまぐカラー*/
.border_bicycle,
.report .col_generic .list_bicycle ul.report_list li
{ border-color: #b3b3b3!important; }

.list_bicycle .color_list_generic, .list_bicycle a.color_list_generic { color: #7b7b7b!important; }

.feature_bicycle .topicpath li:last-child,
.feature_bicycle .topicpath li a { color: #797979; background-color: #f0f0f0; }
.feature_bicycle .topicpath li:last-child:before,
.feature_bicycle .topicpath li:last-child:after,
.feature_bicycle .topicpath li a:before,
.feature_bicycle .topicpath li a:after {
    content: '';
    position: absolute;
    top: 0;
    border: 0 solid #f0f0f0;
    border-width: 12px 5px;
    width: 0;
    height: 0;
}

.feature_bicycle .topicpath li:last-child:before, .feature_bicycle .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_bicycle .topicpath li:last-child:before, .feature_bicycle .topicpath li a:before { left: -10px; border-left-color: transparent; }
.feature_bicycle .topicpath li:last-child:after, .feature_bicycle .topicpath li a:after { left: 100%; border-color: transparent; border-left-color: #f0f0f0; }
.feature_bicycle .topicpath li:first-child a:before, .feature_bicycle .topicpath li:last-child:after { border: none; }
.feature_bicycle .topicpath li a:hover { color: #fff; background-color: #797979;}
.feature_bicycle .topicpath li a:hover:before { border-color: #797979; border-left-color: transparent; }
.feature_bicycle .topicpath li a:hover:after { border-left-color: #797979; }

.ranking_bicycle { margin-top: 30px; }

#contents.generic { overflow: scroll; padding: 25px 0 100px; }
#contents.generic h1 { margin-top: 1em; font-size: 3rem; }
#contents.generic h1 + p { margin: 1em 0 4em; font-size: 1.6rem; }
.col_generic { width: 980px; margin: auto; margin-top: 20px; position: relative; }

.col_generic h2.generic_midashi {
    margin: 0;
    padding-left: 0px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #4b4b4b;
    border: none;
}
/* .col_generic .ranking h2.generic_midashi { margin-bottom: -30px; } */
.col_generic span.icon { background-color: #1d5aac; border-radius: 3px; padding: 3px; }
.generic .topicpath { margin-bottom: 0px; }

/* キャンペーンあり */
.generic_top_socila { position: relative; left: 0; margin: 0; display: block; }
.generic_top_socila .social_btn { margin-top: 10px; }
.generic_top_socila .tw_campaign { border: none; line-height: 1.5rem; margin: 0; }
.generic_top_socila .tw_campaign a.twitter { float: left; padding: 8px 10px; }

.generic_header_logo { width:100%; margin:auto; position: relative; }
.generic_header_logo img.header_img { width: 100%; height: auto; min-width: 980px; }
.generic_stream_more, .generic_stream_more a {
    text-align: right;
    margin-right: 10px;
    margin-bottom: 40px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
}
.col_generic span.play { border-radius: 3px; padding: 3px; }
.col_generic span.play.boat { background-color: #0167b6; }
.col_generic span.play.bicycle { background-color: #7b7b7b; }

.generic .btns { text-align: center; margin: 20px 0px; }

.generic .btns .btn { padding: 10px 20px; font-size: 30px; font-size: 3rem; margin-right: 0px; }
.generic .btn_apply { color: #fff; background-color: #22ac38; border-raius: 3px; }
.generic .btn_apply:hover { background-color: #4ebd60; }
.generic .btn_afi {
    padding: 3px 20px!important;
    color: #22ac38;
    border:solid 2px #22ac38;
    border-radius: 3px;
}

/*スタッフおすすめ*/
.generic .stuff_recommend {
    clear: both;
    overflow: hidden;
    height: 400px;
    display: block;
    margin-bottom: 40px;
}

.generic .stuff_recommend ul {
    margin: 5px 0 10px;
}

.generic .stuff_recommend li {
    position: relative;
    float: left;
    width: 300px!important;
    display: block;
    height: 360px;
    padding: 0;
    margin: 0 13px;
    border: solid 1px #ccc;
    border-radius: 5px;

}

.generic .stuff_recommend li div.reco_box {
    position: relative;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    height: 360px;
}

.generic .stuff_recommend li div.reco_box p {
    margin :5px;
    color: #4b4b4b;
    font-size: 1.5rem;
}

.generic .reco_bottom {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 20px;
    /*color: #fff;*/
    padding-left: 5px;
}

.generic .reco_tag {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    text-align: right;
    padding-right: 10px;

}

.generic .reco_body {
    padding: 0;
    border: 0;
    border-radius: 0;
    height: 170px;
}

.generic .stuff_recommend li .category {
    position: absolute;
    top: 40px;
    left: 40px;
}

.generic .stuff_recommend li img { margin: 0; width: 100%; }
.generic .stuff_recommend li:hover { background: #f0f0f0; }

.generic .stuff_recommend li img.book {
    width: 35px;
    max-width: 35px;
    height: 50px;
    max-height: 50px;
    margin: 0 11px 0 7px;
}

.generic .stuff_recommend .sr_title {
    height: 30px;
    text-align: right;
    color: #4b4b4b;
    padding-right: 5px;
}
.generic .stuff_recommend .stuff_comment { clear: both; display: inline-block; }

.generic .stuff_recommend .bx-wrapper .bx-prev { left: -325px; }
.generic .stuff_recommend .bx-wrapper .bx-next { right: -325px; }
.generic .stuff_recommend .bx-wrapper .bx-controls-direction a { top: 40%; }

/* 汎用まとめランキング */
.generic .ranking { clear: both; margin-left: 0; position: relative; }

/* 絞り込みボタン(ジャンル) */
.generic_refine_tool {
    position: relative;
    top: 20px;
    right: -360px;
    width: 600px;
    margin-bottom: 20px;
    color: #9a9a9a;
    border-radius: 3px;
}
.ranking_boat .generic_refine_tool,
.ranking_bicycle .generic_refine_tool,
.ranking_business .generic_refine_tool { right: -370px; }
.fixed_ranking .generic_refine_tool { margin-top: 10px; }
span.generic_genre_midashi {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    color: #fff;
    background: #808080;
    border-radius: 3px;
}
#keiba #ranking span.generic_genre_midashi { left: 200px; }
.ranking_boat span.generic_genre_midashi,
.ranking_bicycle span.generic_genre_midashi { left: 210px; }
.ranking_business span.generic_genre_midashi { left: 192px; }
.ranking_love span.generic_genre_midashi { left: 218px; }
#keiba #ranking.refine span.generic_genre_midashi,
#keiba #sticker_ranking .wrapper span.generic_genre_midashi { left: 136px; }
#keiba #sticker_ranking .wrapper .recovery_rate span.generic_genre_midashi { left: 214px; }
.ranking_boat.refine span.generic_genre_midashi,
.ranking_bicycle.refine span.generic_genre_midashi { left: 146px; }
.ranking_business.refine span.generic_genre_midashi { left: 128px; }
.ranking_love.refine span.generic_genre_midashi { left: 154px; }
.generic_genre_refinemenu input[type=checkbox] { display: none; }
.generic_genre_refinemenu label,
.generic_contents_refinemenu label {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    opacity: .5;
}
.ranking_business .generic_genre_refinemenu label { margin-bottom: 5px; background: #f12b83; }
.ranking_love .generic_genre_refinemenu label { margin-bottom: 5px; background: #fda000; }
.generic_genre_refinemenu label:hover,
.generic_contents_refinemenu label:hover { cursor: pointer; opacity: .3; }

.generic_genre_refinemenu input:checked + label.refine_genre-label { opacity: 1; }

/*絞り込みボタン(媒体)*/
/* .generic_contents_refinemenu { margin-bottom: 20px; } */
.generic_contents_refinemenu input[type=checkbox] { display: none; }
.generic_contents_refinemenu input:checked + label.refine_contents-label { opacity: 1; }

/*解除ボタン（共通）*/
label.refine_cancel-label {
    border-radius: 3px;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    text-align: center;
    opacity: 1;
    background: #808080 !important;
    font-weight: normal;
}
label.refine_cancel-label:hover { background: #808080 !important; }

.generic .ranking .box a {
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    border-radius: 0;
}

.generic .ranking .box.rankAll .generic_lanking,
.generic .ranking .generic_lanking {
    position: relative;
    display: table-cell !important;
    width: 327px !important;
    padding: 0 10px;
}

.generic .ranking_body {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 2px;
}

.generic .ranking_body_top {
    width: 100%;
    height: 120px;
    border-radius: 2px;
}

.generic .ranking .box .ranking_body img { width: 100px; height: 100px; }
.generic .ranking_body_genre { margin-top: 16px; }

.generic .ranking_body_bottom {
    top: 99px;
    width: 100%;
    height: 20px;
    color: #fff!important;
    border-radius: 0 0 2px 2px;
}


/* -------- レース結果・払戻金 */

/* 一覧・共通 */
table.race_result  { outline: none ; }
.race_result {
    position: relative;
    float: left;
    width: calc(100% - 10px);
    margin: 1em auto;
}
.race_result caption {
    position:  absolute;
    display: inline-block;
    height: 20px;
    margin-top: -20px;
    text-align: left;
    font-weight: bold;
    font-size: 1.4rem;
 }
.race_result th,
.race_result td { padding: 5px; text-align: center; }
.race_result th { font-size: 1rem; border: solid 1px #1faa37; background: #e1eedb; }
.race_result td { font-size: 1rem; border: solid 1px #a9cf9b; background: #fff; }
.race_result .waku1 { color: #303030; background: #fff; }
.race_result .waku2 { color: #fff; background: #303030; }
.race_result .waku3 { color: #fff; background: #f00; }
.race_result .waku4 { color: #fff; background: #00f; }
.race_result .waku5 { color: #303030; background: #ff0; }
.race_result .waku6 { color: #fff; background: #008000; }
.race_result .waku7 { color: #303030; background: #ffa500; }
.race_result .waku8 { color: #303030; background: #ffc0cb; }
.refund_money .hit { color: #e00 !important; font-weight: bold; border: 2px solid #e00; }
.refund_money td span:not(.text_red) { color: #303030; font-weight: normal; }
.refund_money .hit td span { color: #e00 !important; }
.refund_money .hit td span:not(.text_red) { color: #303030 !important; }
.refund_money th { font-size: 1rem; }
.refund_money td { text-align: right; }
/*.refund_money .hit th { color: #e00!important; }*/
/*.refund_money .hit td { color: #e00!important;  }*/

/* レース結果・払戻金(予想中の記事一覧) */
.keiba .race_info {
    clear: both;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}

.keiba .race_info .keiba_race_open { line-height: 1.5rem; margin-bottom: 10px; }
.keiba .race_info .keiba_item { float: left; }

.keiba .race_info .race_result.result { width: 280px; margin-right: 10px;}
.keiba .race_info .refund_money { width: 340px; }

/* レース結果・払戻金(的中公開ページ) */
.keiba .content_hit_info {
    border: solid 1px #1faa37;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    padding: 15px;
    margin-bottom: 20px;
    position: relative;
}

.race_hit_report .race_result:not(.result) { float: left !important; margin: 20px 0 60px !important; }
.race_hit_report .race_result { min-width: 48%; }
.race_hit_report .race_result th { white-space: nowrap; }
.race_hit_report .race_result td { white-space: nowrap; text-align: center; }
.race_hit_report div[class^="horse_racing_hit_stream"] table:not(:last-child),
.forecast_purchase_method_button + .race_hit_report table:not(:last-child) { margin-right: 10px !important; margin-bottom: 10px; }
/*.keiba .content_hit_info .keiba_race_open { height: 110px; width: 410px; display: inline-block; }*/
/*.keiba .content_hit_info .race_result.result { width: 280px; position: absolute; top: 10px; right: 15px; }*/
/*.keiba .content_hit_info .refund_money { width: 347px; margin-top: 30px; }*/

/* レース結果・払戻金(表示・非表示) */
span.rece_result_open,
span.race_result_open { cursor: pointer; font-size: 1.4rem; color: #1faa37!important; }

.keiba_hit_open .content_hit_info {
    display: inline-block;
    width: 100%;
    padding-right: 10px;
    position: relative;
    border: none;
}
.blog_main .keiba_hit_open .content_hit_info  { margin-top: 0px; }
.forecast_main .keiba_hit_open .content_hit_info .keiba_race_open { min-height: 90px; width: 50%; padding-right: 5px; display: inline-block; }
.blog_main .keiba_hit_open .content_hit_info .keiba_race_open {
    min-height: 160px;
    width: 50%;
    padding-right: 5px;
    display: inline-block;
    margin-top: 0px;
}

.article_list .keiba_hit_open .content_hit_info .keiba_race_open {
    min-height: 160px;
    width: 50%;
    padding-right: 5px;
    display: inline-block;
    margin-top: 0px;
}

.keiba_hit_open .content_hit_info .race_result.result { width: 50%; }
.keiba_hit_open .content_hit_info .refund_money_area { width: 100% }
.keiba_hit_open .content_hit_info .refund_money { width: 50%; margin-top: 30px; }
.keiba_hit_open .content_hit_info .keiba_hit_ticket,
.keiba_hit_open .content_hit_info .keiba_betting_ticket { margin: 10px 0 10px -5px; }


/* ブログ、予想記事 画面縮小対応 */
@media screen and (max-width:769px){

    .blog_main .keiba_race_open .keiba_hit_ticket { max-width: 100%; }
    .blog_main .keiba_hit_open .content_hit_info .keiba_race_open {
        min-height: inherit;
        width: 100%!important;
        padding: 0;
        display: inline-block;
        margin-top: 0px;
    }
    .blog_main .keiba_hit_open .content_hit_info .race_result.result { width: 100%; }

    .forecast_main .keiba_hit_open { width: 100%; }
    .forecast_main .keiba_hit_open .content_hit_info { margin-top: 0; }
    .forecast_main .keiba_hit_open .content_hit_info .keiba_race_open {
        min-height: inherit;
        width: 100%;
        padding-right: 0;
        display: inline-block;
        margin-top: 0;
    }
    .keiba_hit_open .content_hit_info .race_result.result { width: 100%; }

}

/* -------------------------------------------------- help */
.col_help { width: 980px; margin: auto; position: relative; display: -webkit-flex; display: flex; }
#help h3 { border: none; }
#helpMenu {
    float: left;
    width: 200px;
    padding-top: 20px;
    border-right: 1px solid #ccc;
}

#helpMenu .h2 {
    margin: 0;
    padding: 0 0 20px 0;
    color: #1d5aac;
    font-size: 1.8rem;
    font-weight: bold;
}

#helpMenu .h2 .fa { font-size: 2.1rem; }

#helpMenu .faq_search form { margin: 0 10px 0 0; border: 1px solid #ccc; }

#helpMenu .faq_search input[type="search"] {
    width: 160px;
    margin: 0 0 0 5px;
    padding: 0;
    -webkit-appearance: textfield;
    box-sizing: content-box;
    border: none;
    box-shadow: none;
}
#helpMenu .faq_search input[type="search"]:focus { outline: none; }
#helpMenu .faq_search button {
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0 -3px 0 0;
    color: #666 !important;
    background: none;
    border: none;
    box-shadow: none;
}
#helpMenu ul.helpMenu{ margin-top: 20px; }
#helpMenu .helpMenu li { border-bottom: 1px solid #ccc; }
#helpMenu .helpMenu li:first-child { border-top: 1px solid #ccc; }
#helpMenu .helpMenu li:hover { background: #f1f1f1; }

#helpMenu .helpMenu > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    cursor: pointer;
}

#helpMenu ul.helpMenu_mi { background: #fff; }
#helpMenu ul.helpMenu_mi li { padding:3px 5px 3px 20px; border: none; }
#helpMenu ul.helpMenu_mi li:first-child { border: none; }
#helpMenu ul.helpMenu_mi li:hover { cursor: pointer; background: #f6f6f6; }
#helpMenu ul.helpMenu_mi li a { position: relative; }
#helpMenu ul.helpMenu_mi li a::before {
    content: '\f105';
    position: absolute;
    top: -5px;
    left:-10px;
    display: block;
    font-family: FontAwesome;
    font-size: 1.5rem;
}

#help { font-size: 1.5rem; }
#help .topicpath { font-size: 1.2rem; height: inherit; }
#help .notice {
    margin: 1em 0;
    padding: 10px;
    color: #d00;
    background-color: #f8e5e5;
    border: 1px solid #d00;
    border-radius: 3px;
    outline: none;
}

#help .category_index {
    border: solid 1px #ccc;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px;
    line-height: 3rem;
}

#help .category_index a,
#help .category_article a { position: relative; display: inline-block; padding-left: 15px; }

#help .category_index > a::before {
    content: '\f105';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-family: FontAwesome;
    font-size: 1.5rem;
}

#help .category_article {
    margin-top: 20px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#help dl.category_article { margin-bottom: 30px; }
#help dl.category_article dt { color: #4b4b4b; font-weight: bold; font-size: 20px; }

#help .category_article dt,
#help .category_article dd { position: relative; margin-bottom: .5em; }
#help .category_article dt { color: #4b4b4b; font-weight: bold; }
#help .category_article dt a,
#help .category_article dd a { padding: 0; }
#help .category_article dd a img { border: 1px solid #ccc; max-width: 100%; }
#help .category_article dd .icon {
    height: 20px;
    line-height: 20px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #fff;
    font-size: .6rem;
    font-weight: bold;
    background: #1d5aac;
    border-radius: 3px;
}
#help .category_article dd .icon.disabled { color: #ccc; background: #e5e5e5; }
#help .category_article dd .ind { display: block; }
#help .category_article dd .notice_window,
#help .category_article dd .notice { margin: 2em 0; }
#help .category_article dd .notice .txtc:first-child { margin-bottom: 10px; font-weight: bold; }
#help .category_article dd.topicpath { margin: 1em 0 -10px; padding: 0; }
#help .category_article dd.topicpath::before { display: none; }
#help .category_article dd.topicpath a { padding-left: 8px; }

#help.faq .category_article dt,
#help.faq .category_article dd { padding-left: 30px; }
#help.faq .category_article dt::before,
#help.faq .category_article dd::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: .8rem;
    font-weight: bold;
    border-radius: 3px;
}

#help .category_article dd a .zoom {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, .5);
}

 #help .category_article dd a .zoom:before {
    content: '\f002';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: FontAwesome;
    font-size: .6rem;
    color: rgba(255, 255, 255, .8);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#help.guide .category_article dt h3 {
    height: auto;
    line-height: 1.6;
    margin-bottom: 1em;
    padding: 0;
    font-weight: normal;
    border: none;
}
#help .category_article dd h4 { margin:0 0 1em; padding-top: 4em; line-height: 1.2; }
#help .category_article dd h4 span {
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    background: rgba(29, 90, 172, .3);
    border-radius: 10px;
}
#help.faq .category_article dt::before { content: 'Q'; background: #ef867b; top: 5px; }
#help.faq .category_article dd::before { content: 'A'; background: #73c8c2; }
#help.faq .faq_inquiry { margin: 20px 0; text-align: right; }

/* -------------------------------------------------- 競馬まとめページリニューアルCSS */
#keiba { padding-bottom: 200px; }
#keiba .intro { margin: 2em 0 4em; }
#keiba .intro .col_left { position: relative; width: calc(50% - 10px); }
#keiba .intro.sub .col_left { width: calc(65% - 10px); }
/* #keiba .intro .col_left .txtr { position: absolute; bottom: 22px; right: 12px; } */
#keiba .intro .col_left .txtr a { color: #4cbb5f; font-size: 1.4rem; }
#keiba .intro .col_left .txtr a span { margin: 0 0 0 5px; }
#keiba .intro .col_right {
    position: relative;
    width: calc(50% - 10px);
    height: 140px;
    /* margin-top: 48px; */
    background: #4cbb5f;
    border-radius: 5px;
}
#keiba .intro.sub .col_right { width: calc(35% - 10px); height: 90px; }
#keiba .intro .col_right a {
    display: block;
    height: 140px;
    padding-top: 20px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
}
#keiba .intro .col_right a::after,
#race_forecast_article_list .pre_entry a::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    font-size: 3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .intro .col_right a span { font-size: 1.8rem; font-weight: bold; }
#keiba .intro .col_right a:hover { background: rgba(255, 255, 255, .2); text-decoration: none; }
#keiba .intro .col_right a:hover::after,
#race_forecast_article_list .pre_entry a:hover::after { right: 5px; }
#keiba h1 { color: #4cbb5f; font-size: 3rem; }
#keiba h1.nar { font-size: 2.4rem; }
#keiba .intro h1 + p,
#keiba .intro .col_left {
    height: 140px;
    padding: 10px;
    font-size: 1.4rem;
    border: 3px solid #4cbb5f;
    border-radius: 5px;
}
#keiba .intro.sub h1 + p,
#keiba .intro.sub .col_left p { height: 90px; }
#keiba .intro.sub.detail .col_left p,
#keiba .intro.sub.detail .col_right,
#keiba .intro.detail .col_right a { height: 114px; }
#keiba .col_generic h1 { margin-top: 1em; }
#keiba .col_generic h1 + p { margin-top: 1em; font-size: 1.4rem; }
#keiba .hit_report_ranking {
    position: relative;
    width: 980px;
    margin: 2em auto 0;
    padding: 0 1em 1em;
    border: 2px solid #d7a12d;
    border-radius: 3px;
    border-radius: var(--border-r);
}
#keiba .hit_report_ranking h2 {
    position: relative;
    height: auto;
    line-height: 1.4;
    margin: 0 -12px;
    padding: .5em 0 .5em 70px;
    text-align: left;
    color: #785813;
    font-size: 2rem;
    font-size: var(--f-xl);
    font-weight: bold;
    background: #f1eee7;
    border-radius: 3px 3px 0 0;
}
#keiba .hit_report_ranking h2::before {
    content: '';
    position: absolute;
    top: .5em;
    left: 13px;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    border-radius: var(--border-r);
    background: url(/images/icon_goldmember.png) 0 0 no-repeat;
    background-size: contain;
}
#keiba .hit_report_ranking h2 span {
    display: block;
    margin-left: .8em;
    font-size: 1.6rem;
    font-size: var(--f-l);
    font-weight: normal;
}
#keiba .hit_report_ranking h3 {
    margin: .5em 0 -.5em;
    padding: 0;
    text-align: center;
    color: #785813;
    font-size: 2rem;
    font-size: var(--f-xl);
    border: none;
}
#keiba .hit_report_ranking h3 span { margin: 0 .5em; }
#keiba .hit_report_ranking h4 {
    text-align: center;
    color: #785813;
    font-size: 1.6rem;
    font-size: var(--f-l);
}
#keiba .hit_report_ranking > .flex-wrapper > .flex-item:not(.info) { width: 45%; margin: 0; }
#keiba .hit_report_ranking li {
    margin-top: 10px;
    border: 1px solid #e4ded0;
    border-radius: 3px;
    border-radius: var(--border-r);
     transition: background .2s;
}
#keiba .hit_report_ranking li:hover { background:  #f1eee7; }
#keiba .hit_report_ranking li a {
    position: relative;
    display: block;
    padding: .5em .5em 3px;
    text-decoration: none;
}
#keiba .hit_report_ranking li a::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    color: #e4ded0;
    font-family: FontAwesome;
    font-size: 2rem;
    font-size: var(--f-xl);
    transform: translateY(-50%);
     transition: color .2s;
}
#keiba .hit_report_ranking li a:hover::after { color: #785813; }
#keiba .hit_report_ranking li .flex-wrapper { margin-top: -7px; }
#keiba .hit_report_ranking div[class^="rank"]:not(.rank1) { margin: 6px 0 0 20px; }
#keiba .hit_report_ranking span.rank {
    display: inline-block;
    width: 32px;
    height: 42px;
    line-height: 34px;
    text-align: center;
    font-size: 1.6rem;
    font-size: var(--f-l);
}
#keiba .hit_report_ranking span.rank1 {
    width: 40px;
    height: 52px;
    line-height: 44px;
    margin-bottom: 0;
    color: #dfbe43;
    font-size: 2rem;
    font-size: var(--f-xl);
    background: url(/images/icon_gold.png) 0 0 no-repeat;
    background-size: contain;
}
#keiba .hit_report_ranking span.rank2 {
    color: #b2b2b2;
    background: url(/images/icon_silver.png) 0 0 no-repeat;
    background-size: contain;
}
#keiba .hit_report_ranking span.rank3 {
    color: #cf8839;
    background: url(/images/icon_bronze.png) 0 0 no-repeat;
    background-size: contain;
}
#keiba .hit_report_ranking [class^="rank"] span:not(.rank) {
    position: relative;
    top: 5px;
    display: inline-block;
    min-width: 76px;
    color: #d00;
    color: var(--c-red);
    font-size: 1.4rem;
    font-size: var(--f-m);
}
#keiba .hit_report_ranking [class^="rank"] em { font-size: 2rem; font-size: var(--f-xl); }
#keiba .hit_report_ranking .rank1 em { font-size: 2.4rem; font-size: var(--f-xxl); }
#keiba .hit_report_ranking li .txtr {
    margin-top: .5em;
    color: #785813;
    font-size: 1.2rem;
    font-size: var(--f-s);
}
#keiba .hit_report_ranking li .txtr::after { content: '\f105'; margin-left: .5em; font-family: FontAwesome; }
#keiba .hit_report_ranking ul + p {
    margin-top: .5em;
    text-align: right;
    color: #785813;
    font-size: 1rem;
    font-size: var(--f-xs);
}
#keiba .hit_report_ranking .info {
    width: calc(55% - 2em);
    margin-left: 2em;
    margin-bottom: 0;
    padding: 0;
    color: #785813;
    font-size: 1.4rem;
    font-size: var(--f-m);
    border: none;
}
#keiba .hit_report_ranking .info > p:nth-of-type(1) { margin-top: 2em; text-indent: -2px; }
#keiba .hit_report_ranking .info > p:nth-of-type(3) {
    margin: .5em 0;
    font-size: 1.6rem;
    font-size: var(--f-l);
    font-weight: bold;
}
#keiba .hit_report_ranking .info p span {
    position: relative;
    top: -2px;
    margin-right: .5em;
    padding: 2px 5px;
    color: #fff;
    color: var(--c-wht);
    font-size: 1.2rem;
    font-size: var(--f-s);
    font-weight: normal;
    background: #d00;
    background: var(--c-red);
    border-radius: 3px;
    border-radius: var(--border-r);
}
#keiba .hit_report_ranking .info .flex-item { width: calc(50% - 1em); }
#keiba .hit_report_ranking .info .flex-item:last-child { margin-left: 1.5em; }
#keiba .hit_report_ranking .info .tips,
#keiba .hit_report_ranking .info .flex-item a {
    position: relative;
    display: inline-block;
    width: 235px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #785813;
    font-size: 1.6rem;
    font-size: var(--f-xl);
    background: #e4ded0;
    border-radius: 3px;
    border-radius: var(--border-r);
    text-decoration: none;
    cursor: pointer;
}
#keiba .hit_report_ranking .info .tips { margin: 5px 0 13px; padding-left: 10px; font-size: var(--f-l); }
#keiba .hit_report_ranking .info .flex-item:first-child a::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    font-family: FontAwesome;
    transform: translateY(-50%);
}
#keiba .hit_report_ranking .info .flex-item a {
    color: #fff !important;
    color: var(--c-wht) !important;
    background: #785813 !important;
}
#keiba .hit_report_ranking .info .flex-item a img { border-radius: var(--border-r); }
#keiba .hit_report_ranking .info .flex-item a:hover,
#keiba .hit_report_ranking .info .tips:hover { opacity: .8; }
#keiba .hit_report_ranking .info .tips::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -7px;
    display: block;
    width: 20px;
    height: 32px;
    background: url(/images/icon_affiliate_start.png) 0 0 no-repeat;
    background-size: 20px 32px;
    transform: rotate(20deg);
}
#keiba .hit_report_ranking .info .tips_cont { color: #785813; }
#keiba .hit_report_ranking .info .tips_cont em { color: #d00; color: var(--c-red); }

#keiba.forecast_body,
#keiba.blog_main,
dd#keiba { padding-bottom: 0; }
dd#keiba a { text-decoration: none; }
#keiba a, #keiba a:hover { -webkit-transition: all .2s; transition: all .2s; }
#keiba .wrapper { position: relative; }
#keiba .select_location div:not(.selected):hover,
#keiba .select_location .calendar:hover,
#keiba .select_date .prev_week:hover,
#keiba .select_date .next_week:hover,
#keiba .select_date .prev_week:hover::before,
#keiba .select_date .next_week:hover::after { color: #4cbb5f; }
.animated { animation-fill-mode: both; animation-duration: .5s; }
.fadeInLeftUp { animation-name: fadeInLeftUp; }
@keyframes fadeInLeftUp {
      0% { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
#keiba h2,
#keiba .h2 {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    background: #4cbb5f;
    border: none;
    border-radius: 20px;
}
#keiba .h2 {
    height: 50px;
    line-height: 50px;
    font-size: 3rem;
    font-weight: bold;
    border-radius: 25px;
}
#keiba h2 a {
    /* position: absolute; */
    /* right: 20px; */
    color: #fff;
    /* font-size: 1.2rem; */
    text-decoration: none;
}
#keiba h2 a::after {
    content: '\f08e';
    position: relative;
    top: 1px;
    right: -8px;
    font-family: FontAwesome;
}
#keiba h2 a span { font-size: 1.4rem; }
#keiba img[src*="/images/no_image"] { border: 1px solid #e5e5e5; }

/* ヘッダー */
#keiba .keiba_header { position: relative; margin-top: 25px; }
#keiba .keiba_header > img { width: 100%; }
#keiba .keiba_header a img {
    position: absolute;
    top: 5px;
    left: 20px;
    max-height: 80%;
}
#keiba .keiba_header > div { position: absolute; top: 12px; right: 20px; }
#keiba .keiba_header div div,
#keiba .keiba_header > div > a:nth-of-type(1),
#keiba .keiba_header > div > a:nth-of-type(2),
#keiba .keiba_header > div > a:nth-of-type(3) {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.4rem;
    background: rgba(31, 170, 55, .6);
    border-radius: 3px;
}
#keiba .keiba_header > div > a:nth-of-type(1) { padding-left: 30px; }
#keiba .keiba_header div div a { color: #fff; }
#keiba .keiba_header a span:not(.fa) { font-size: 1rem; }
#keiba .keiba_header a img { max-height: 80%; }

/* マーキー */
#keiba .recommend_marquee { position: relative; padding: 5px 0; background: #303030; overflow: hidden; }
#keiba .recommend_marquee::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: url(/images/marquee_bg.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 3px;
    z-index: 10;
}
#keiba .recommend_marquee span {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-left: 120%;
    color: #ffb400;
    font-size: 1.6rem;
    font-weight: bold;
    white-space: nowrap;
    animation: marquee 60s infinite linear;
}
@keyframes marquee {
    from   { -webkit-transform: translate(0%); transform: translate(0%); }
    99%,to { -webkit-transform: translate(-100%); transform: translate(-100%); }
}
#keiba .btns { text-align: center; margin-top: 40px; }
#keiba .btns .btn { margin-right: 0; padding: 10px 20px; font-size: 3rem; }
#keiba .btn_apply { color: #fff; background-color: #4cbb5f; border-radius: 3px; }
#keiba div[id^="follow_race_box"] { position: relative; margin-top: 3em; }
#keiba div[id^="follow_race_box"] h2 + .calendar {
    position: absolute;
    top: 50%;
    right: 10px;
    color: #fff;
    padding: 8px 10px 8px 15px;
    font-size: 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 1px solid rgba(255, 255, 255, .5);
    text-decoration: none;
}
#keiba #follow_race_date_and_racelist_box { overflow: hidden; }

/* パンくず */
#keiba .topicpath { display: block; height: 30px; margin: 10px 0 20px; }
#keiba .topicpath li { float: left; margin-bottom: 2px; font-size: 1.2rem; }
#keiba .topicpath li:last-child,
#keiba .topicpath li a {
    text-decoration:none;
    display: block;
    position: relative;
    height: 20px;
    line-height: 20px;
    margin-right: 12px;
    padding: 0 10px 0 5px;
    text-align: center;
    color: #808080;
    font-size: 1rem;
    background-color: #f0f0f0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .topicpath li:first-child a { padding-left: 10px; border-radius: 4px 0 0 4px; }
#keiba .topicpath li:last-child { padding-right: 10px; border-radius: 0 4px 4px 0; }
#keiba .topicpath li:last-child::before,
#keiba .topicpath li:last-child::after,
#keiba .topicpath li a::before,
#keiba .topicpath li a::after {
    content: '';
    position: absolute;
    top: 0;
    border: 0 solid #f0f0f0;
    border-width: 10px 5px;
    width: 0;
    height: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .topicpath li:last-child::before,
#keiba .topicpath li a::before { left: -10px; border-left-color: transparent; }
#keiba .topicpath li:last-child::after,
#keiba .topicpath li a::after { left: 100%; border-color: transparent; border-left-color: #f0f0f0; }
#keiba .topicpath li:first-child a::before,
#keiba .topicpath li:last-child::after { border: none; }
#keiba .topicpath li a:hover { color: #fff; background-color: #4cbb5f; }
#keiba .topicpath li a:hover::before { border-color: #4cbb5f; border-left-color: transparent; }
#keiba .topicpath li a:hover::after { border-left-color: #4cbb5f; }

/* ページ内リンク */
#keiba .topicpath + ul { position: absolute; top: 0; right: 0; }
#keiba .topicpath + ul li { position: relative; float: right; }
#keiba .topicpath + ul li:first-child::before,
#keiba .keiba_header > div > a:nth-of-type(1)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;
    display: block;
    width: 15px;
    height: 15px;
    background: url(/images/icon_horseshoe.png) 0 0 no-repeat;
    background-size: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#keiba .topicpath + ul li a {
    position: relative;
    margin-left: 5px;
    padding: 5px 10px;
    color: #fff;
    background: #4cbb5f;
    border-radius: 3px;
}
#keiba .topicpath + ul li:first-child a { padding-left: 30px; }
#keiba .topicpath + ul li a .fa-angle-right { position: relative; right: -10px; font-weight: bold; }
#keiba .sort_box {
    border: solid 2px #e5e5e5;
    border-radius: 3px;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

/* レース情報 カレンダー部分 */
#keiba .select_location { margin: 50px 0 20px; text-align: center; }
#keiba .select_location div {
    display: inline-block;
    width: 320px;
    height: 60px;
    line-height: 60px;
    margin: 0 40px;
    text-align: center;
    color: #ccc;
    font-size: 3rem;
    letter-spacing: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .select_location div strong { font-weight: normal; }
#keiba .select_location div a { color: #ccc; -webkit-transition: all .2s; transition: all .2s; }
#keiba .select_location div a:hover { color: #4cbb5f; text-decoration: none; }
#keiba .select_location div.selected,
#keiba .select_location div.selected a { color: #fff; background: #4cbb5f; border: none; }
#keiba .select_location .select_month { display: block; }
#keiba .select_location .select_month div {
    width: auto;
    height: auto;
    line-height: 1;
    margin: 20px 20px 0;
    padding: 10px;
    font-size: 2rem;
    letter-spacing: 0;
}
#keiba .select_location .calendar {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 -30px;
    text-align: center;
    color: #ccc;
    font-size: 3rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .select_location .calendar .fa { margin: 0; }
#keiba .select_date {
    margin-top: 100px;
    padding: 20px 0 40px;
    text-align: center;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
    /*border-bottom: 1px solid #ccc;*/
}
#keiba .select_date .prev_week,
#keiba .select_date .next_week {
    position: absolute;
    top: -60px;
    display: inline-block;
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    letter-spacing: 3px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .select_date .prev_week { left: 0; padding-right: 10px; text-align: right; }
#keiba .select_date .next_week { right: 0; padding-left: 12px; text-align: left; }
#keiba .select_date .prev_week::before,
#keiba .select_date .next_week::after {
    position: absolute;
    top: 50%;
    font-family: FontAwesome;
    font-size: 1.4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#keiba .select_date .prev_week::before { content: '\f104'; left: 5px; }
#keiba .select_date .next_week::after { content: '\f105'; right: 2px; }
#keiba .select_date .date.central {
    position: relative;
    top: 0px;
    display: inline-block;
    width: calc((980px - 200px) / 5);
    height: 65px;
    padding: 5px;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}
#keiba .select_date .date.local {
    position: relative;
    top: -10px;
    display: inline-block;
    width: calc((980px - 220px) / 7);
    height: 80px;
    padding: 5px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}
#keiba .select_date .date::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    border-bottom: 4px solid #4cbb5f;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: .5;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .select_date .date.selected { border-bottom: 4px solid #4cbb5f; }
#keiba .select_date .date:not(.selected):hover::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
#keiba .select_date .date .sat { color: #539cf2; }
#keiba .select_date .date .sun { color: #f2778a; }
#keiba .select_date .date div {
    color: #ccc;
    font-size: 1rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 95%;
}
#keiba .select_date .week.central { position: relative; top: -85px; display: inline-block; margin: 0 3px; }
#keiba .select_date .week.local { position: relative; top: -90px; display: inline-block; margin: 0 3px; }
/* #keiba .select_date .week .date { top: -10px; margin: 0; } */
#keiba .select_date .wrapper .select_date_mask {
    background: #f0f0f0;
    width: 1000px;
    height: 1310px;
    position: absolute;
    z-index: 10;
}
#keiba .select_date .wrapper .select_date_mask.left { left: -1000px; }
#keiba .select_date .wrapper .select_date_mask.right { left: 980px; }

/* レース一覧 */
#keiba .select_date .race_list {
    float: left;
    width: calc((980px - 30px) / 3) !important;
    margin: -60px 5px 0;
    font-size: 2.4rem;
    letter-spacing: 5px;
    text-shadow: 1px 1px 0 #fff;
}
@media all and (-ms-high-contrast:none) {
    #keiba .select_date .race_list { margin: -60px 5px 0 4px; }
}/* for IE11 */

_:-ms-lang(x), _::-webkit-meter-bar, #keiba .select_date .race_list { width: calc((980px - 31px) / 3) !important; }/* for Win10 Edge */
#keiba .select_date .race_list .race_location { margin: 0; font-size: 2.4rem; font-weight: bold; border: none; }
#keiba .select_date .race_list .race_location a { color: #4b4b4b; }
#keiba .select_date .race_list .race_location a:hover { text-decoration: none; }
#keiba .select_date .race_list .data { color: #808080; font-size: 1.2rem; letter-spacing: 0; }
#keiba .select_date .race_list .data span { font-weight: bold; }
#keiba .select_date .race_list .data span:not(:last-child) { margin-right: 10px; }
#keiba .select_date .race_list .data .sun  { color: #eba77a; }
#keiba .select_date .race_list .data .cloud { color: #ccc; }
#keiba .select_date .race_list .data .rain { color: #7fbfff; }
#keiba .select_date .race_list .turf { color: #95d16d; }
#keiba .select_date .race_list .dirt { color: #b28850; }
#keiba .select_date .race_wrapper {
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 6px 5px;
    text-align: left;
    font-size: 1rem;
    letter-spacing: 0;
    text-shadow: none;
    background: #fff;
    border: 3px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .select_date .race_wrapper:hover { border-color: #4cbb5f; text-decoration: none; }
#keiba .select_date .race_wrapper a { display: inline-block; color: #4b4b4b; text-decoration: none; }
#keiba .select_date .race_wrapper div { display: inline-block; }
#keiba .select_date .race_wrapper .race_cancel {
    position: absolute;
    top: 29px;
    left: 70px;
    padding: 0 10px;
    color: #fff;
    background: #666;
    border-radius: 3px;
}
#keiba #streams .select_date .race_wrapper .race_cancel { left: 0; width: 152px; letter-spacing: -1px; }
#keiba .select_date .race_wrapper .race_number {
    position: relative;
    float: left;
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 3px;
}

#keiba .select_date .race_wrapper .race_number.label { line-height: 30px; }
#keiba .race_info .race_number.label { line-height: 1.25; }
#keiba .select_date .race_wrapper .race_number span,
#keiba .race_info .race_number.label span:last-child {
    position: absolute;
    display: block;
    width: 80px;
    text-align: center;
    font-size: .8rem;
}
#keiba .race_info.label .race_number span:last-child { bottom: 3px; width: 80px; }
#keiba .select_date .race_wrapper .race_number span.win5,
#keiba .select_date .race_wrapper .race_number span.umatan3 { top: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#keiba .select_date .race_wrapper .race_number span.win5,
#keiba .race_info .race_number span.win5 { letter-spacing: 1px; }
#keiba .select_date .race_wrapper .race_number span.umatan3,
#keiba .race_info .race_number span.umatan3 { letter-spacing: -1px; }
#keiba .select_date .race_wrapper .race_name {
    display: block;
    width: 182px;
    height: 20px;
    line-height: 1.4;
    font-size: 1.4rem;
    font-weight: bold;
    overflow: hidden;
}
#keiba .select_date .race_wrapper .race_name span,
#keiba .stream .stream_wrapper .race_name span {
    position: relative;
    top: -1px;
    margin-left: 5px;
    padding: 3px 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 1px;
    background: #4b4b4b;
    border-radius: 3px;
}
#keiba .select_date .race_wrapper .race_time { position: absolute; top: 30px; color: #808080; }
#keiba .select_date .race_wrapper .race_time .hit { color: #ea5050; }
#keiba .select_date .race_wrapper .race_time .hit span.fa { margin-right: 2px; }
#keiba .select_date .race_wrapper .race_time .hit span:not(.fa) { margin-left: 2px; font-size: 1.2rem; font-weight: bold; }
#keiba .select_date .race_wrapper .race_element {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block !important;
    width: 45px;
    text-align: center;
}
#keiba .select_date .race_wrapper .race_element.count { text-align: right; }
#keiba .select_date .race_wrapper .race_element.count span:first-child { display: block; color: #808080; }
#keiba .select_date .race_wrapper .race_element.count span:last-child { margin-right: 5px; font-size: 1.4rem; font-weight: bold; }
#keiba .select_date .race_wrapper .race_element.count span.disabled { color: #ccc; font-weight: normal; }
#keiba .select_date .race_wrapper .race_element.finished,
#keiba .select_date .race_wrapper .race_element.result {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 3px;
}
#keiba .select_date .race_wrapper .race_element.finished { background: #ccc; }
#keiba .select_date .race_wrapper .race_element.result {
    line-height: 1.2;
    padding: 7px 5px 0 6px;
    text-align: left;
    background: #4cbb5f;
}
#keiba .select_date .race_wrapper .race_element.result::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#keiba a[class^="bx-"] {
    top: -45px;
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    letter-spacing: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-indent: inherit;
    z-index: 1;
}
#keiba .bx-prev { left: 5px; padding-left: 5px; }
#keiba .bx-next { right: 5px; padding-left: 10px; }
#keiba a.bx-prev, #keiba a.bx-next { color: #4b4b4b; }
#keiba a.bx-prev:hover, #keiba a.bx-next:hover { text-decoration: none; color: #4cbb5f; }
_::-webkit-full-page-media, _:future, :root #keiba .select_date .race_wrapper .race_number { float: none; }/* for Safari */
_::-webkit-full-page-media, _:future, :root #keiba .select_date .race_wrapper .race_name { position: absolute; top: 5px; }/* for Safari */
_:-ms-lang(x), _::-webkit-meter-bar, #keiba .select_date .race_wrapper .race_number { float: none; }/* for Win10 Edge */
_:-ms-lang(x), _::-webkit-meter-bar, #keiba .select_date .race_wrapper .race_name { position: absolute; top: 5px; }/* for Win10 Edge */

/* 広告 */
#keiba .recommend_ad { margin: 40px auto; }
#keiba .recommend_ad img {
    width: calc((980px - 40px) / 3);
    margin: 0 5px;
    border: 2px solid #fff;
    outline: 1px solid #e5e5e5;
    transition: all .2s;
}
#keiba .recommend_ad img:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .3); transform: translateY(-5px); }

/* RSSフィード */
#keiba #news_feed { margin-top: 40px; }
#keiba #news_feed + div { width: calc(235px + 2em); margin-top: 40px; }
#keiba #news_feed + div img { width: 235px; margin: 0 1em; }
#keiba #news_feed h2 a { position: absolute; right: 20px; font-size: 1.6rem; }
#keiba #news_feed h2 a::after { content: ''; }
#keiba #news_feed h2 a span { font-size: 1.8rem; }
#keiba #news_feed .news_wrapper {
    position: relative;
    float: left;
    display: inline-block;
    width: 32.5%;
    height: 180px;
    padding: 0 10px;
}
#keiba #news_feed .news_wrapper:nth-of-type(2) {
    width: 33.5%;
    padding: 0 15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#keiba #news_feed .title {
    display: block;
    margin-bottom: .5em;
    font-size: 1.3rem;
    font-weight: bold;
}
#keiba #news_feed .desc { font-size: 1.2rem; letter-spacing: -1.5px; }
#keiba #news_feed .desc br { display: none; }
#keiba #news_feed .desc a { margin-left: 5px; }
#keiba #news_feed .photo { float: right; max-width: 100px; margin-left: 1em; }
#keiba #news_feed .date {
    position: absolute;
    bottom: 5px;
    right: 10px;
    margin-top: 1em;
    text-align: right;
    color: #b3b3b3;
    font-size: 1rem;
}

/* 結果速報 */
#keiba #streams { display: -webkit-flex; display: flex; margin: 30px auto; }
#keiba #streams > div { -webkit-flex-basis: 50%; flex-basis: 50%; }
#keiba #streams > div h2 { margin-bottom: 30px; }
#keiba #streams div[id^="follow_race_box"] h2 + a { top: 20px !important; }
#keiba #streams div[id^="follow_race_box"] h2 + a .fa { margin: 0; }
#keiba #streams > div h2::before {
    display: inline-block;
    margin-right: 10px;
    font-family: FontAwesome;
}
#keiba #streams .result_stream h2:not(.no_icon)::before { content: '\f0a2'; }
#keiba #streams .stream h2::before { content: '\f140'; }
#keiba #streams .result_stream { margin-right: 10px; }
#keiba #streams .result_stream_wrapper {
    position: relative;
    display: block;
    padding-bottom: 25px !important;
    color: #303030;
    text-decoration: none;
}
#keiba #streams .result_stream_wrapper div:first-child {
    float: left;
    display: inline-block;
    width: 85px;
    margin: 0 10px 10px 0;
    padding: 0 5px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 3px;
}
#keiba #streams .result_stream_wrapper .race_name {
    width: 230px;
    height: 20px;
    font-size: 1.4rem;
    font-weight: bold;
    overflow: hidden;
}
#keiba #streams .result_stream_wrapper .race_date { position: absolute; top: 13px; right: 10px; }
#keiba #streams .result_stream_wrapper p { float: left; margin-top: 0; color: #ea5050; }
#keiba #streams .result_stream_wrapper .col_right { margin-top: 0; color: #4cbb5f; }
#keiba #streams .result_stream_wrapper .col_right::after {
    content: '\f105';
    display: inline-block;
    margin-left: 5px;
    font-family: FontAwesome;
}
#keiba #streams .result_stream_wrapper .col_right:hover { text-decoration: underline !important; }
#keiba #streams .race_result { width: 100%; margin: 5px 0; }
#keiba #streams .race_result th:nth-child(-n+3) { width: 40px; }
#keiba #streams .race_result .odds { width: 110px; text-align: right; }
#keiba #streams .race_result_all a { float: left; width: 200px; height: 65px; margin-right: 10px; }
#keiba #streams .race_result_all a:last-child {
    width: 65px;
    text-align: center;
    margin-right: 0;
    color: #ccc;
    font-size: 3rem;
}
#keiba #streams .race_result_all a:last-child span { position: relative; top: -5px; left: 1px; margin: 0; -webkit-transition: all .2s; transition: all .2s; }
#keiba #streams .race_result_all a:last-child:hover span { color: #4cbb5f; }
#keiba #streams .race_result_all div:first-child {
    float: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    color: #4b4b4b;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: -1px;
}
#keiba #streams .race_result_all div:first-child span:last-child { margin-left: 10px; font-size: 1.4rem; font-weight: normal; }
#keiba #streams .race_result_all div:last-child { text-align: center; color: #ccc; }

/* 競馬結果 */
#keiba .select_date.result_stream .wrapper .select_date_mask { height: 2700px; }
#keiba .select_date.result_stream .race_location { margin-bottom: 20px; }
#keiba .select_date.result_stream .race_wrapper { height: 211px; }
#keiba .select_date.result_stream .race_wrapper a { display: block; height: 195px; }
#keiba .select_date.result_stream .race_wrapper .race_result { width: 100%; margin: 50px 0 0; }
#keiba .select_date.result_stream .race_wrapper .race_result caption { margin-top: -25px; }
#keiba .select_date.result_stream .race_wrapper .race_result th:nth-child(-n+3) { width: 40px; }
#keiba .select_date.result_stream .race_wrapper .race_result td.disabled { color: #ccc; }
.keiba_footer_menu { margin-top: 50px; text-align: center; }
.keiba_footer_menu a {
    height: 54px;
    padding: 15px 10px;
    color: #4cbb5f;
    font-size: 1.6rem;
    font-weight: bold;
    border: 3px solid #4cbb5f;
    text-decoration: none;
}
.keiba_footer_menu a:not(:first-child) { margin-left: 2em; }
.keiba_footer_menu .fa { position: relative; top: 2px; margin: 0 10px 0 5px; font-size: 2.4rem; }
.keiba_footer_menu img { width: 28px; margin-right: 3px; }

/* 的中速報 */
#keiba #streams .stream { margin-left: 10px; }
#keiba #streams .data_wrapper .stream { margin: 0; }
#keiba #streams .sort_box { border: none; padding-top: 0; }
#keiba #streams .sort_box .txtc.toggle {
    margin: 0 -10px;
    padding: .25em 0;
    color: #999;
    background: #f0f0f0;
    border-radius: 3px;
}
#keiba #streams .sort_box .toggle_cont > div { margin-top: 1em; }
#keiba #streams .sort_box .race_contents_sortmenu { margin-left: 0; }
#keiba #streams .stream_wrapper > div { float: none; width: 100%; margin: 10px 0 0 0; }
#keiba #streams .stream_wrapper .race_data { margin: 0; }
#keiba #streams .stream_wrapper .race_number { width: 60px; height: 50px; }
#keiba #streams .stream_wrapper .race_number span { line-height: 1.2; font-size: 1.4rem; font-weight: normal; }
#keiba #streams .stream_wrapper .race_name { width: 225px; height: 20px; font-size: 1.6rem; }
#keiba #streams .stream_wrapper .race_date { left: 70px; }
#keiba #streams .stream_wrapper .product_title { width: 384px; height: 20px; }
#keiba #streams .stream_wrapper .article_title {
    position: absolute;
    top: 90px;
    left: 80px;
    display: block;
    width: 390px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
}
#keiba #streams .stream_wrapper .article_title .hit_ticket { position: absolute; top: 20px; left: 0; margin: 0; }
#keiba #streams .stream_wrapper .race_name,
#keiba #streams .stream_wrapper .product_title,
#keiba #streams .stream_wrapper .article_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#keiba #streams .stream_wrapper .button {
    position: absolute;
    top: 10px;
    right: 10px;
    float: none;
    width: 160px;
    height: 50px;
    padding-top: 5px;
}
#keiba #streams .stream_wrapper .recovery_rate_rank_gold_member_open { padding-left: 5px; font-size: 1.2rem; }
#keiba #streams .stream_wrapper .forecast_purchase_method_button { left: 305px !important; padding-left: 5px; font-size: 1.2rem; }
#keiba #streams .stream_wrapper .recovery_rate_rank_gold_member_open::before,
#keiba #streams .stream_wrapper .forecast_purchase_method_button::before { content: '\f105'; position: absolute; left: -2px; font-family: FontAwesome; }
#keiba #streams .stream_wrapper .recovery_rate_rank_gold_member_open .fa,
#keiba #streams .stream_wrapper .forecast_purchase_method_button .fa { display: none; }
#keiba #streams .stream_wrapper .data,
#keiba #streams .stream_wrapper .menu_horse_racing_hit_stream,
#keiba #streams .stream_wrapper .menu_horse_racing_hit_stream_edit,
#keiba .stream .stream_wrapper .result_data { display: none; }
#keiba #streams .stream_wrapper .result_data { display: block; }
#keiba #streams .stream_wrapper .result_data { color: #808080; font-size: 1rem; }
#keiba #streams .stream_wrapper .result_data div { display: inline-block; margin-right: 1em; }
#keiba #streams .stream_wrapper .result_data span { font-size: 1.2rem; font-weight: bold; }
#keiba #streams .forecast_purchase_method_area th,
#keiba #streams .forecast_purchase_method_area td { padding: 2px 5px; }
#keiba #streams .forecast_purchase_method_area > table { margin: 4em 0 !important; }
#keiba #streams .forecast_purchase_method_area > table:nth-child(2) { margin: 0 0 calc(-4em - 1px) !important; }
#keiba #streams .forecast_purchase_method_area > table:nth-child(3) { width: calc(100% + 1px); }
#keiba #streams .forecast_purchase_method_area .race_result caption { margin-top: -25px; }
#keiba #streams .forecast_purchase_method_area .refund_money th,
#keiba #streams .forecast_purchase_method_area .refund_money td { width: 25%; text-align: center !important; }
#keiba #streams .forecast_purchase_method_area .select_race_card { width: 454px; overflow-x: scroll; }
#keiba #streams .forecast_purchase_method_area .select_race_card::-webkit-scrollbar { height: 5px; }
#keiba #streams .forecast_purchase_method_area .select_race_card::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
#keiba #streams .forecast_purchase_method_area .select_race_card table { margin-bottom: 1em; white-space: nowrap; }
#keiba #streams .forecast_purchase_method_area .select_bet_ticket th { padding-top: 1em; vertical-align: top; }
#keiba #streams .forecast_purchase_method_area .select_bet_ticket td span { margin-left: 5px; font-size: 1.2rem; }
#keiba #streams .forecast_purchase_method_area .select_bet_ticket .col_left { width: 50%; }
#keiba #streams .forecast_purchase_method_area .select_bet_ticket .display_formation { width: 50%; margin-top: -19px; }
#keiba #streams .forecast_purchase_method_area .select_bet_ticket .display_detail_combination { width: 100%; margin-top: 5px; }
#keiba #streams .forecast_purchase_method_area .select_bet_ticket .txtc { font-size: 1.2rem; }
#keiba #streams .forecast_purchase_method_area .select_bet_ticket .txtc span { margin-right: -1em; font-size: 1.4rem; font-weight: bold; }
#keiba #streams .data_wrapper .data_inner div { width: 32%; margin-bottom: 10px; }

/* レース一覧（非開催） */
#keiba #streams div[id^="follow_race_box"] { margin: 0; }
#keiba #streams div[id^="follow_race_box"] .wrapper { width: auto; }
#keiba #streams div[id^="follow_race_box"] .select_date { margin-top: 40px; padding: 20px 0 10px; background: #fff; }
#keiba #streams div[id^="follow_race_box"] .select_date .central {
    top: -34px;
    width: calc((480px - 160px) / 4);
    /* width: calc((480px - 190px) / 4); */
    height: 40px;
    padding-top: 8px;
    font-size: 1.2rem;
}
#keiba #streams div[id^="follow_race_box"] .select_date .central .keiba_content_follow { display: none; }
#keiba #streams div[id^="follow_race_box"] .select_date .prev_week,
#keiba #streams div[id^="follow_race_box"] .select_date .next_week { font-size: 1.4rem; letter-spacing: 1px; }
#keiba #streams div[id^="follow_race_box"] .select_date .prev_week { padding-right: 15px; }
#keiba #streams div[id^="follow_race_box"] .select_date .next_week { padding-left: 15px; }
#keiba #streams div[id^="follow_race_box"] .select_date .prev_week::before { left: 8px; }
#keiba #streams div[id^="follow_race_box"] .select_date .next_week::after { right: 5px; }
#keiba #streams div[id^="follow_race_box"] .select_date #follow_race_list_box > div:not(:first-child) { margin-left: 5px; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_list { width: 158px !important; margin: -40px 0 0; letter-spacing: 3px; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_list h3 { font-size: 1.6rem; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_number { width: 40px; height: 36px; line-height: 36px; margin-right: 5px; font-size: 1.4rem; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_number.label { line-height: 36px; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_number span.win5 { display: none; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_name { width: 97px; height: 16px; font-size: 1.2rem; overflow: hidden; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_time { display: none; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_element { width: auto; top: auto; bottom: 0; }
#keiba #streams div[id^="follow_race_box"] .select_date .race_element span { display: inline-block; margin-left: 5px; }
#keiba #streams div[id^="follow_race_box"] > .txtc { color: #9a9a9a; }

/* 的中ストリーム */
#keiba #stream { padding-top: 40px; }
#keiba #stream.wrapper + .stream { margin-bottom: 40px; padding: 30px 0; background: #f0f0f0; }
#keiba .stream p { margin-top: 40px; text-align: center; color: #b3b3b3; }
#keiba #streams .result_stream .result_stream_wrapper,
#keiba .stream .stream_wrapper {
    position: relative;
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    border: 3px solid #e5e5e5;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba #streams .result_stream .result_stream_wrapper:hover,
#keiba .stream .stream_wrapper:hover { border-color: #4cbb5f; }
#keiba .stream .stream_wrapper > div:not(.article_title) { position :relative; float: left; width: 370px; margin-right: 20px; }
#keiba .stream .stream_wrapper > #recovery_rate_rank_gold_member { width: 100%; }
#keiba .stream .stream_wrapper .article_title {
    position: relative;
    margin-bottom: 20px;
    padding: 5px;
    font-size: 1.4rem;
    border: 1px solid  #e5e5e5;
    border-radius: 3px;
}
#keiba .stream .stream_wrapper .article_title .fa {
    position: absolute;
    top: 50%;
    right: 5px;
    color: #ccc;
    font-size: 1.6rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .stream .stream_wrapper .article_title .fa:hover { color: #808080; }
#keiba .stream .stream_wrapper .hit_ticket { display: inline-block; margin-left: 10px; }
#keiba .stream .stream_wrapper .hit_ticket span {
    display: inline-block;
    padding: 0 3px;
    color: #fff;
    font-size: 1rem;
    border-radius: 3px;
}
#keiba .stream .stream_wrapper .race_number {
    float: left;
    width: 80px;
    height: 60px;
    margin-right: 10px;
    padding-top: 8px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 3px;
}
#keiba .stream .stream_wrapper .race_number span { display: block; font-size: 1.6rem; font-weight: bold; margin-right: -3px; letter-spacing: 3px;}
#keiba .stream .stream_wrapper .race_name { line-height: 1.4; font-size: 1.4rem; }
#keiba .stream .stream_wrapper .race_date { position: absolute; bottom: 0; left: 90px; color: #808080; }
#keiba .stream .stream_wrapper img { float: left; width: 60px; height: 60px; margin-right: 10px; }
#keiba .stream .stream_wrapper .product_title { line-height: 1.4; font-size: 1.4rem; }
#keiba .stream .stream_wrapper .data {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
    color: rgba(31, 170, 55, .6);
}
#keiba .stream .stream_wrapper .data strong { margin-right: 3px; }
#keiba .stream .stream_wrapper .data strong:first-child { font-size: 1.6rem; }
#keiba .stream .stream_wrapper .button {
    position: relative;
    float: right;
    width: 170px;
    height: 60px;
    line-height: 1.6;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    background: #ed7877;
    border-radius: 3px;
    box-shadow: none;
}
#keiba .stream .stream_wrapper .button::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#keiba .stream .stream_wrapper .button:hover { opacity: .8; }
#keiba .stream .stream_wrapper .button strong { font-size: 1.4rem; }
#keiba .stream .stream_wrapper .button .fa { margin: 0 5px; }
#ranking_view { margin-top: 10px; }
#keiba .stream div[class^="horse_racing_hit_stream"] ~ #stream_submit,
#recovery_rate_rank_gold_member span[class^="read_more_"],
#ranking_view + a,
#keiba #streams .result_stream_wrapper + .txtc a,
#comic .article_list ul + a,
#keiba .horseList_wrapper + .txtc a {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 46px;
    margin: 40px auto 0;
    text-align: center;
    color: #b3b3b3;
    font-size: 1.6rem;
    background: transparent;
    border: 3px solid #ccc;
    border-radius: 25px;
    outline: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .stream div[class^="horse_racing_hit_stream"] + .bnr ~ #stream_submit { margin-top: 26px; }
#keiba .horseList_wrapper + .txtc a { width: 300px; }
#keiba .horseList_wrapper.txtc + .txtc { display: none; }
#keiba #streams .result_stream_wrapper + .txtc a { width: 240px; }
#keiba .stream div[class^="horse_racing_hit_stream"] + #stream_submit:hover,
#recovery_rate_rank_gold_member span[class^="read_more_"]:hover,
#keiba .horseList_wrapper + .txtc a:hover,
#keiba #streams .result_stream_wrapper + .txtc a:hover { color: #4cbb5f; border-color: #4cbb5f; text-decoration: none; cursor: pointer; }
.ranking_boat #ranking_view + a:hover { color: #00a3e8; border-color: #00a3e8; text-decoration: none; cursor: pointer; }
.ranking_bicycle #ranking_view + a:hover { color: #808080; border-color: #808080; text-decoration: none; cursor: pointer; }
.ranking_business #ranking_view + a:hover { color: #f12b83; border-color: #f12b83; text-decoration: none; cursor: pointer; }
.ranking_love #ranking_view + a:hover { color: #fda000; border-color: #fda000; text-decoration: none; cursor: pointer; }
#keiba .stream div[class^="horse_racing_hit_stream"] .keiba-open-button {
    position: absolute;
    top: 105px;
    left: 220px;
    display: inline-block;
    width: auto !important;
    margin: 0;
    color: #1d5aac;
}
#keiba .stream div[class^="horse_racing_hit_stream"] .keiba-open-button:hover { text-decoration: underline; cursor: pointer; }
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area { width: 100% !important; margin-top: 2em; }
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .inlineTitle,
div[class^="col"] #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .inlineTitle { margin-bottom: 1em; color: #808080; }
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_bet_ticket .inlineTitle { margin-top: 60px; }
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_race_card th,
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_race_card td { padding: 5px; text-align: center; }
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_race_card td span {
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    color: #fff;
    font-size: 1rem;
    background: #808080;
    border-radius: 3px;
}
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_race_card { margin-bottom: 2em; }
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_bet_ticket .disp {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 3px;
}
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_bet_ticket .display_detail_combination { float: right; width: auto; }
#keiba .stream div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_bet_ticket .display_detail_combination textarea { width: 100%; }
.col_3 #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area > div:not(.inlineTitle) { width: 540px; overflow-x: scroll; }
.col_3 #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area > div:not(.inlineTitle)::-webkit-scrollbar { height: 5px; }
.col_3 #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area > div:not(.inlineTitle)::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
.col_3 #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area > div:not(.inlineTitle) table { min-width: 700px; }
.col_3 #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .select_race_card table { margin: 0 0 2em; }
.col_3 #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .inlineTitle + .txtc { display: block !important; color: #ccc; font-size: .6rem; }
.col_3 #keiba div[class^="horse_racing_hit_stream"] .forecast_purchase_method_area .inlineTitle + .txtc span { margin: 0 5px; }

/* 高回収率ピックアップ */
#keiba #pickup { padding-top: 40px; margin-bottom: 40px; }
#keiba #pickup .pickup_wrapper {
    display: inline-block;
    width: calc((980px - 60px) / 5);
    margin: 20px 10px 0 0;
    color: #4b4b4b;
    border: 3px solid #fff;
    outline: 1px solid #ccc;
}
#keiba #pickup .pickup_wrapper:last-child { margin: 0; }
#keiba #pickup .pickup_wrapper:hover { text-decoration: none; box-shadow: 0 5px 15px rgba(0, 0, 0, .3); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
#keiba #pickup .pickup_wrapper img { width: 178px; height: 178px; margin-bottom: 10px; }
#keiba #pickup .pickup_wrapper img ~ div { padding: 5px; }
#keiba #pickup .pickup_wrapper .pickup_title {
    position: relative;
    height: 90px;
    font-size: 1.4rem;
    border-top: dotted 2px #e5e5e5;
    border-bottom: dotted 2px #e5e5e5;
}
#keiba #pickup .pickup_wrapper .pickup_title div {
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: normal;
}
#keiba #pickup .pickup_wrapper .pickup_title div span:not(.fa) { font-size: 1rem; }

/* 拡張機能IPAT連携 */
#keiba #member_option { padding-top: 40px;}
#keiba .member_option_detail { position: relative; display: inline-block; width: 100%; border: 3px solid #e5e5e5; -webkit-transition: all .2s; transition: all .2s; }
#keiba .member_option_detail:hover { border-color: #4cbb5f; }
#keiba .member_option_title { width: 340px; line-height: 2.5rem; float: left; position: relative; }
.member_option_list { position: relative; margin-bottom: 20px; padding: 15px 10px 5px; border: 1px solid #ccc; border-radius: 3px; }
#keiba .member_option_list { float: left; width: 330px; margin: 5px 0 0; }
.cont_detail #member_option .member_option_list { padding: 20px; }
.member_option_list .inlineTitle2 { left: 10px; font-size: 1.2rem; font-weight: normal; }
.member_option_list .toggle { color: #4b4b4b; font-size: 1.4rem; font-weight: bold; cursor: default; }
.status .member_option_list .toggle + div { margin-top: 1em; }
.member_option_list div:nth-of-type(even) + div { margin-bottom: 10px; }
#keiba .member_option_title .tips:hover { text-decoration: underline; }
#keiba .member_option_title .tips_cont { width: 600px; max-height: 600px; overflow-y: scroll; }
#keiba .member_option_title .tips_cont a .zoom,
#member_option .member_option_description a .zoom,
.cont_detail .introduction a .zoom {
    position: absolute;
    bottom: -5px;
    right: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, .5);
}
#keiba .member_option_title .tips_cont a .zoom { bottom: -8px; right: 9px; }
#keiba .member_option_title .tips_cont a .zoom::before,
#member_option .member_option_description a .zoom::before,
.cont_detail .introduction a .zoom::before {
    content: '\f002';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: FontAwesome;
    font-size: .6rem;
    color: rgba(255, 255, 255, .8);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#keiba .member_option_buttons { float: right; width: 250px; padding-top: 5px; }
#keiba .member_option_buttons span.btn_sub { width: 250px; height: 60px; margin: 0; line-height: 45px; -webkit-transition: all .2s; transition: all .2s; }
#keiba .member_option_buttons span.btn_sub.campaign { line-height: 1.4; margin-top: -30px; background-color: #ed7877; }
#keiba .member_option_buttons span.btn_sub.campaign:hover { opacity: .8; }
.member_option_buttons span.btn_sub span { font-size: 1.2rem; }
.member_option_buttons span.btn_sub .fa { margin-left: inherit; }
#keiba .member_option_buttons span.btn.enabled_days { padding: 0 12px; margin: inherit; width: 250px; height: 50px; }
#keiba .member_option_buttons #campaign { top: -35px; width: 250px; margin-bottom: 5px; padding: 15px 5px 10px; }
.member_option_detail #campaign { top: 10px; }
#keiba .member_option_buttons #campaign .campaign_title { width: 250px; }
.member_option_data { margin-top: 20px; }
#keiba .member_option_data { position: absolute; top: 50px; left: 10px; }
.member_option_data span:last-child { margin-left: 30px; }

/* ランキング */
#keiba #ranking { padding-top: 20px; }
#keiba #ranking .ranking_inner,
#keiba #ranking.rankAll .box .generic_lanking {
    display: inline-block;
    width: -webkit-calc((980px - 60px) / 3);
    width: calc((980px - 60px) / 3);
}
#keiba #ranking .box .generic_lanking,
#comic #ranking .box .generic_lanking { padding: 0; float: left; margin-right: 20px; }
#keiba #ranking .ranking_inner:not(:last-child),
#comic #ranking .ranking_inner:not(:last-child) { margin-right: 17px; }
#keiba #ranking h3,
#comic #ranking h3 {
    position: relative;
    padding: 5px;
    margin: 20px 0;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    border: none;
    background: #78cc87;
    border-radius: 3px;
    height: inherit;
}
#keiba #ranking h3 a,
#comic #ranking h3 a {
    position: absolute;
    right: 10px;
    padding: 3px 0 3px 10px;
    color: #fff;
    font-size: 1.2rem;
    border-left: 1px solid rgba(255, 255, 255, .25);
}
#keiba #ranking .ranking,
#comic #ranking .ranking { display: inherit; margin-left: inherit; }
/* #keiba #ranking .box, */
#comic #ranking .box { display: -webkit-flex; display: flex; }
#keiba #ranking .ranking_wrapper {
    position: relative;
    display: block;
    margin-top: 20px;
    padding: 5px;
    color: #4b4b4b;
    border: 3px solid #e5e5e5;
    border-radius: 3px;
}
#keiba #ranking .ranking_wrapper:hover { text-decoration: none; border: 3px solid #4cbb5f; }
#keiba #ranking .ranking_wrapper .rank {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 2;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #808080;
    font-weight: bold;
    background: #e5e5e5;
    border-radius: 15px;
}
#keiba #ranking .ranking_wrapper .rank1,
#keiba #ranking .ranking_wrapper .rank2,
#keiba #ranking .ranking_wrapper .rank3 { width: 26px; height: 34px; color: transparent; border: none; }
#keiba #ranking .ranking_wrapper .rank1 { background: url(/images/icon_gold.png) 0 0 no-repeat; background-size: 26px 34px; }
#keiba #ranking .ranking_wrapper .rank2 { background: url(/images/icon_silver.png) 0 0 no-repeat; background-size: 26px 34px; }
#keiba #ranking .ranking_wrapper .rank3 { background: url(/images/icon_bronze.png) 0 0 no-repeat; background-size: 26px 34px; }
#keiba #ranking .ranking_wrapper .clear { position: relative; }
#keiba #ranking .ranking_wrapper .element { position: absolute; bottom: 5px; right: 0; }
#keiba #ranking .ranking_wrapper .element span { margin-left: 5px; }
#keiba #ranking .ranking_wrapper .element .heart { color: #f12b83; }
#keiba #ranking .ranking_wrapper .element .comment { color: #00a4e8; }
.keiba_only_view,
#keiba .ranking_body_genre { display: none;}
#keiba .keiba_only_view { display: inline-block; color: #78cc87; margin-left: 10px;}
#keiba #ranking .ranking_wrapper .element .tag { color: rgba(31, 170, 55, .6); }
#keiba #ranking .box .generic_lanking .ranking_body img { width: inherit; height: inherit; margin: inherit; }
#keiba #ranking .ranking_wrapper img,
#keiba #ranking .box .generic_lanking .ranking_body img,
#comic #ranking .box .generic_lanking .ranking_body img { float: left; width: 100px; height: 100px; margin-right: 10px; }
#keiba #ranking .box .generic_lanking .ranking_body p,
#comic #ranking .box .generic_lanking .ranking_body p {
    height: inherit;
    margin: inherit;
    padding:inherit;
    font-size: 14px;
    font-size: 1.4rem;
    /* overflow: inherit; */
}
#keiba #ranking .box .generic_lanking .ranking_body .tof { position: absolute; left: 120px; width: 180px; }
#keiba #ranking .ranking_wrapper .title { font-size: 1.4rem; }
#keiba #ranking .ranking_wrapper .data { margin: 5px -5px -5px; padding: 5px 10px; color: #999; background: #e5e5e5; }
#keiba #ranking .ranking_wrapper .data div { float: right; }
#keiba #ranking .ranking_wrapper .data span:not(.fa) { font-size: 1rem; }

/* ランキング追加 */
#keiba #ranking #sticker_ranking { width: 100%; background: #fff; }
#keiba #ranking.refine #sticker_ranking { margin-left: -10px; padding: 0 0 30px 10px; }
#keiba #ranking .box .generic_lanking .ranking_body,
#comic #ranking .box .generic_lanking .ranking_body {
    position: relative;
    display: inherit;
    width: inherit;
    height: 140px;
    overflow: inherit;
    border-radius: inherit;
}
#keiba .ranking .box a:hover,
#comic .ranking .box a:hover { background: inherit; }
#keiba #ranking .box .generic_lanking .ranking_body_top,
#comic #ranking .box .generic_lanking .ranking_body_top {
    display: inherit;
    width: inherit;
    height: 140px;
    border-radius: inherit;
    border: 3px solid #e5e5e5;
    padding: 5px 5px 0 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba #ranking .box .generic_lanking .ranking_body_top:hover { border: 3px solid #78cc87; }
#keiba .ranking .generic_box,
#comic .ranking .generic_box {
    position: relative;
    height: 140px;
    margin-bottom: 20px;
    color: #4b4b4b;
    border-radius: 3px;
}
#keiba .ranking .generic_box .lanking_comment_count,
#comic .ranking .generic_box .lanking_comment_count { position: absolute; top: 90px; right: 5px; }
#keiba .ranking_body_bottom,
#comic .ranking_body_bottom {
    top: inherit;
    bottom: 3px;
    left: 3px;
    height: 25px;
    color: #999;
    width: calc(100% - 6px);
    border-radius: initial;
    background: #e5e5e5;
    line-height: 24px;
}
#keiba .ranking_body_bottom span.fa,
#comic .ranking_body_bottom span.fa {
    position: relative;
    top: 1px;
    color: #999 !important;
    font-size: 1.4rem;
}
#keiba #ranking .generic_box .rank1,
#keiba #ranking .generic_box .rank2,
#keiba #ranking .generic_box .rank3,
#comic #ranking .generic_box .rank1,
#comic #ranking .generic_box .rank2,
#comic #ranking .generic_box .rank3 {
    width: 26px;
    height: 34px;
    line-height: 28px;
    color: #4b4b4b;
    border: inherit;
    border-radius: 0;
}
#keiba #ranking .generic_box .rank1,
#comic #ranking .generic_box .rank1 {
    background: url(/images/icon_gold.png) 0 0 no-repeat;
    background-size: 26px 34px;
}
#keiba #ranking .generic_box .rank2,
#comic #ranking .generic_box .rank2 {
    background: url(/images/icon_silver.png) 0 0 no-repeat;
    background-size: 26px 34px;
}
#keiba #ranking .generic_box .rank3,
#comic #ranking .generic_box .rank3 {
    background: url(/images/icon_bronze.png) 0 0 no-repeat;
    background-size: 26px 34px;
}
#ranking.refine .box:not(.rankAll) .generic_lanking {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100% !important;
    margin: 0;
}
#ranking.refine .generic_lanking::after { content: ''; display: block; width: 307px; }
#ranking.refine .generic_box { -webkit-flex-basis: 307px; flex-basis: 307px; }

/* レース詳細 */
#keiba .race_info { margin-bottom: 2em; }
#keiba .select_round { margin: 40px 0; text-align: center; }
#keiba .select_round > div,
#keiba .select_round a {
    display: inline-block;
    width: calc(878px / 12);
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ccc;
    font-size: 1.6rem;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .select_round > div:not(:last-child), #keiba .select_round a:not(:last-child) { margin-right: 5px; }
#keiba .select_round > div.selected { color: #fff; border-color: transparent; }
#keiba .select_round > div:not(.selected):hover { color: #808080; }
#keiba .select_round a:hover { color: #808080; text-decoration: none;}
#keiba .race_info > div { float: left; margin-right: 10px; }
#keiba .race_info .race_data { position: relative; width: 380px; margin-right: 20px; margin-bottom: 20px; }
#keiba .race_info .race_number {
    float: left;
    width: 80px;
    height: 60px;
    margin-right: 10px;
    padding-top: 3px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 3px;
}
#keiba .race_info .race_number span { display: block; margin-right: -3px; font-size: 2rem; font-weight: bold; letter-spacing: 3px; }
#keiba .race_info .race_name { position: relative; top: -1px; line-height: 1.2; font-size: 1.8rem; font-weight: bold; }
#keiba .race_info .race_date { position: absolute; bottom: -6px; left: 90px; color: #808080; font-size: 1.6rem; }
#keiba .race_info .race_ntf {
    position: absolute;
    bottom: -5px;
    right: 0;
    color: #808080;
    font-size: 1.4rem;
    cursor: pointer;
}
#keiba .race_info .race_start {
    width: 210px;
    height: 60px;
    padding-top: 5px;
    text-align: center;
    color: #fcc;
    border: 3px solid #fcc;
    border-radius: 3px;
}
#keiba .race_info .race_end { margin: 0; font-size: 28px; font-size: 2.8rem; }
#keiba .race_info .race_cancel { margin: 0; line-height: 42px; font-size: 1.4rem; font-weight: bold; }
#keiba .race_info .race_start .timer { margin-top: -2px; color: #ff8080; font-size: 1.2rem; }
#keiba .race_info .race_start .yycountdown-box span:nth-child(odd) { margin: 0 2px 0 5px; font-size: 2rem; font-weight: bold; }
#keiba .race_info .article_count {
    width: 150px;
    height: 60px;
    padding-top: 5px;
    text-align: center;
    color: rgba(31, 170, 55, .4);
    border: 3px solid rgba(31, 170, 55, .4);
    border-radius: 3px;
}
#keiba .race_info .article_count div { color: rgba(31, 170, 55, .6); }
#keiba .race_info .article_count span { font-size: 2rem; font-weight: bold; }
#keiba .race_info .article_count div .count { display: inline-block; margin-left: 2px; font-size: 1.2rem; font-weight: normal; }
#keiba .race_info .element { float: right; margin-right: 0; text-align: center; }
#keiba .race_info .race_follow {
    position: relative;
    width: 200px;
    height: 60px;
    line-height: 1.8;
    padding-top: 6px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    background: #4cbb5f;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .race_info.ready .race_follow { width: 150px; line-height: 60px; padding: 0; }
#keiba .race_info.ready .race_follow a::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#keiba .race_info.ready .race_name { width: 296px !important; font-size: 2rem !important; }
#keiba .race_info .race_follow a { color: #fff; text-decoration: none; }
#keiba .race_info .race_follow:hover { opacity: .8; }
#keiba .race_info .race_follow div { font-size: 1rem; }

#keiba .odometer.odometer-auto-theme,
#keiba .odometer.odometer-theme-default { display: inline-block; vertical-align: middle; position: relative; }
#keiba .odometer.odometer-auto-theme .odometer-digit,
#keiba .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; position: relative; }
#keiba .odometer.odometer-auto-theme .odometer-digit,
#keiba .odometer.odometer-theme-default .odometer-digit { position: relative; top: -3px; width: 15px; }
#keiba .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
#keiba .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; }
#keiba .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
#keiba .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
#keiba .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
#keiba .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; }
#keiba .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
#keiba .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; }
#keiba .odometer.odometer-auto-theme .odometer-digit .odometer-value,
#keiba .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); transform: translateZ(0); }
#keiba .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
#keiba .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; }
#keiba .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
#keiba .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: transform 2s; transition: transform 2s; }
#keiba .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
#keiba .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
#keiba .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
#keiba .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
#keiba .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
#keiba .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: transform 2s; transition: transform 2s; -webkit-transform: translateY(0); transform: translateY(0); }

/* 出走馬情報 */
#keiba td[class^="waku"] { text-align: center; }
#keiba .waku1 { color: #303030; background: #fff; }
#keiba .waku2 { color: #fff; background: #303030; }
#keiba .waku3 { color: #fff; background: #d00 !important; }
#keiba .waku4 { color: #fff; background: #00f; }
#keiba .waku5 { color: #303030; background: #ff0; }
#keiba .waku6 { color: #fff; background: #008000; }
#keiba .waku7 { color: #303030; background: #ffa500; }
#keiba .waku8 { color: #303030; background: #ffc0cb; }
#keiba .horse_list { margin: 40px 0; }
#keiba .horse_list th,
#keiba .horse_list td { width: calc(980px / 17); padding: 5px 0; text-align: center; }
#keiba .horse_list td[class^="waku"] { font-weight: bold; }
#keiba .horse_list span { display: block; font-size: 1rem; font-weight: normal; }
#keiba .horse_list .horse_name { position: relative; min-height: 200px; text-align: center; }
#keiba .horse_list .horse_name .main {
    position: absolute;
    top: 0;
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    width: 56px;
}
#keiba .horse_list .horse_name .main span { float: left; }
#keiba .horse_list .horse_name span { float: left; display: block; }
#keiba .horse_list .horse_name span:nth-of-type(2) { font-size: 1.5rem; font-weight: bold; }
#keiba .horse_list .horse_name .color { position: absolute; bottom: 0; right: 0; }
#keiba .horse_list .vertical {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}
#keiba .horse_list td .vertical:nth-of-type(odd) { color: #808080; }
#keiba .horse_list .trainer span {
    display: block;
    min-width: 30px;
    max-width: 45px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: #808080;
    border-radius: 3px;
}
#keiba .horse_list .odds td { font-size: 1rem; }
#keiba .horse_list .odds span { font-size: 1.2rem; font-weight: bold; }
#keiba .horse_list .odds .popular { color: #e83e3e; }

/* レース結果・払戻金 */
#keiba .race_result { float: none; width: auto; margin: 40px 0; }
#keiba .race_result > div:first-child { float: left; width: 40%; }
#keiba .race_result > div:last-child { float: right; width: 58%; }
#keiba .race_result > div:last-child table { float: left; width: 49%; }
#keiba .race_result > div:last-child table:last-child { margin-left: 10px; }
#keiba .race_result th { background: #e9e9e9; }
#keiba .race_result th,
#keiba .race_result td { padding: 5px; font-size: 1.2rem; border: 1px solid #ccc; }
#keiba .race_result > div:last-child td:first-child { color: #fff; background: #ccc; }
#keiba .race_result.stream { width: 100%; margin: 0; }

/* 予想中記事一覧 */
#keiba .article_list { padding: 20px 0 40px; background: #f0f0f0; }
#keiba .article_list_h2 + .txtr { color: #4cbb5f; cursor: pointer; }
#keiba .article_list_h2 + .txtr:hover { text-decoration: underline; }

/* 前回の回顧 */
#keiba #recovery_rate_rank { padding-top: 40px; }
#keiba #recovery_rate_rank h2 .fa-trophy { margin: 0 10px; font-size: 2.4rem; }
#keiba #recovery_rate_rank h2.keiba_midashi { height: auto; padding: 5px 0; line-height: 1.4; border-radius: 30px; }
#keiba #recovery_rate_rank + .rank_list .stream_wrapper { position: relative; min-height: 95px; }
#keiba #recovery_rate_rank + .rank_list .stream_wrapper:hover { border-color: #e4007f; }
#keiba #recovery_rate_rank + .rank_list .recovery_rate_rank {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 0;
    height: 0;
    z-index: 2;
    color: #fff;
    font-weight: bold;
    border: 40px solid transparent;
    border-bottom: 40px solid #e4007f;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#keiba #recovery_rate_rank + .rank_list .recovery_rate_rank::before {
    content: '\f091';
    position: absolute;
    top: 2px;
    left: -12px;
    color: rgba(255, 255, 255, .4);
    font-family: FontAwesome;
    font-size: 2.8rem;
}
#keiba #recovery_rate_rank + .rank_list .recovery_rate_rank span {
    position: relative;
    top: 15px;
    left: -18px;
    display: block;
    width: 40px;
    text-align: center;
}
#keiba #recovery_rate_rank + .rank_list .recovery_rate_rank strong { margin-right: 3px; font-size: 1.6rem; letter-spacing: -1px; }
#keiba #recovery_rate_rank + .rank_list .recovery_rate,
#race_forecast_article_list .data_wrapper .recovery_rate {
    position: relative;
    width: 140px;
    margin-top: 5px;
    color: #e4007f;
    text-align: center;
    font-size: 1.4rem;
}
#keiba #recovery_rate_rank + .rank_list .recovery_rate { z-index: -1; }
#race_forecast_article_list .data_wrapper .recovery_rate > strong { display: block; margin-bottom: 1em; color: #666; }
#keiba #recovery_rate_rank + .rank_list .recovery_rate > span { display: block; color: #4b4b4b; }
#keiba #recovery_rate_rank + .rank_list .recovery_rate strong { font-size: 2.8rem; }
#keiba #recovery_rate_rank + .rank_list .recovery_rate strong span,
#race_forecast_article_list .data_wrapper .recovery_rate strong span { margin-left: 2px; font-size: 1.4rem; }
#keiba #recovery_rate_rank + .rank_list .race_data { width: 320px; line-height: 1.4; margin-top: 5px; font-size: 1.6rem; }
#keiba #recovery_rate_rank + .rank_list .race_data span {
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px 10px 3px;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 3px;
}
#keiba #recovery_rate_rank + .rank_list .race_data strong { margin-right: .5em; font-size: 1.4rem; font-weight: normal; }
#keiba #recovery_rate_rank + .rank_list .stream_wrapper .product_title { width: 430px; }
#keiba #recovery_rate_rank + #recovery_rate_rank_gold_member .product_title { width: 100%; margin: 0; }
#keiba #recovery_rate_rank + .rank_list .product_title .content_detail_title { margin-bottom: 5px; font-size: 1.2rem; }
#keiba #recovery_rate_rank + .rank_list .product_title span:not(.fa) { padding: 3px; color: #fff; font-size: 1rem; border-radius: 3px; }
#keiba #recovery_rate_rank + .rank_list .product_title span.item_cont { width: auto; margin-left: 2em; padding: 0 10px; font-size: 1.2rem; }
#keiba #recovery_rate_rank + .rank_list .keiba-open-button { top: 70px; left: auto; right: 10px; }
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate_wrapper {
    position: relative;
    width: 980px !important;
    margin: 2em -21px 2em;
    border: 3px solid #22ac38;
    border: 3px solid var(--c-grn);
}
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate_wrapper::before {
    position: absolute;
    top: -2em;
    left: -3px;
    content: '\7D5E\308A\8FBC\307F\7D50\679C'; /* 絞り込み結果 */
    display: inline-block;
    line-height: 1;
    padding: .5em 2.5em .5em 1em;
    color: #fff;
    color: var(--c-wht);
    font-size: 1.6rem;
    font-size: var(--f-l);
    background: #22ac38;
    background: var(--c-grn);
}
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate_wrapper::after {
    position: absolute;
    top: -33px;
    left: 119px;
    content: '';
    border-right: 30px solid #fff;
    border-right: 30px solid var(--c-wht);
    border-bottom: 30px solid transparent;
}
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate > div span {
    width: 100px;
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem;
    font-size: var(--f-s);
    border-radius: 10px;
}

#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate > div span span { font-size: 1rem; font-size: var(--f-xs); }
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate_wrapper + .horse_racing_content_report .inlineTitle2 { font-size: 1.4rem; font-size: var(--f-m); font-weight: normal; }
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate_wrapper + .horse_racing_content_report .report_tab,
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate_wrapper + .horse_racing_content_report th { font-size: 1.2rem; font-size: var(--f-s); }
#keiba #recovery_rate_rank + .rank_list .horseList_wrapper .recovery_rate_wrapper + .horse_racing_content_report td span { font-size: 1.6rem; font-size: var(--f-l); }

#keiba #recovery_rate_rank .sort_box { padding: 2em 2em 0; }
#ui-datepicker-div { border: 2px solid #4cbb5f; }
#ui-datepicker-div .ui-widget-header { border-color: #fff; background: #4cbb5f; }
#ui-datepicker-div .ui-datepicker-header .ui-state-hover,
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default:hover,
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active { border-color: #4cbb5f; background: #4cbb5f; }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default { text-align: center; }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled span:hover { background: #ccc; border-color: #ccc; }
#ui-datepicker-div .ui-datepicker-calendar th span { color: #b4b4b4; }
#ui-datepicker-div .ui-datepicker-calendar td a { text-align: center; }
#form_hit_data_detail > div:not(:first-child) { margin-top: 1.5em; }
#form_hit_data_detail > div:not(.txtc) > span {
    position: relative;
    display: inline-block;
    width: 160px;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    color: #fff;
    background: #808080;
    border-radius: 3px;
}
#form_hit_data_detail > div:not(.txtc) > span span {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 50px;
    line-height: 1;
    padding: .5em;
    color: #fff;
    color: var(--c-wht);
    background: #d00;
    background: var(--c-red);
    border-radius: 3px;
    border-radius: var(--border-r);
}
#form_hit_data_detail .ticket_sort_wrapper { display: inline-block; }
#form_hit_data_detail .ticket_sort_wrapper ~ .sort_ticket_all { background: #808080; }
#form_hit_data_detail .input_date { width: 120px; margin-right: -10px; }
#form_hit_data_detail .input_date:nth-of-type(2) { margin-left: 10px; }
#form_hit_data_detail .ui-datepicker-trigger {
    position: relative;
    top: -4px;
    left: -14px;
    height: 20px;
    cursor: pointer;
}
#form_hit_data_detail input[name$="_rate"] { width: 50px; }
#form_hit_data_detail > div .ind { margin: 10px 0 10px 175px; color: #808080; }
#form_hit_data_detail .txtc .button { height: auto; line-height: 1.6; padding: 10px 30px 10px 50px; font-size: 1.6rem; }
#form_hit_data_detail .txtc span::before {
    content: '\f002';
    position: relative;
    left: 40px;
    z-index: 2;
    color: #fff;
    font-family: FontAwesome;
    font-size: 2rem;
}
#form_hit_data_detail .txtc span:active::before { top: 2px; }
#recovery_rate_rank_gold_member.hit_data_detail .recovery_rate { padding: 1em 0 10px; border-bottom: 1px dotted #ccc; }
#recovery_rate_rank_gold_member.hit_data_detail .recovery_rate > span {
    position: absolute;
    bottom: -9px;
    left: 10px;
    display: inline-block;
    padding: 0 5px;
    color: #fff !important;
    font-size: 1.2rem;
    background: #808080;
    border-radius: 3px;
    outline: 10px solid #fff;
}
#recovery_rate_rank_gold_member.hit_data_detail .product_title { margin-left: 1em !important; }

/* 競馬の予想成績 */
.horse_racing_report {
    position: relative;
    margin: 3em 0 1em;
    padding: 15px 10px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.horse_racing_report_inner { max-height: 470px; overflow-x: hidden; overflow-y: scroll; }
.horse_racing_report_inner::-webkit-scrollbar { width: 5px; }
.horse_racing_report_inner::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
.horse_racing_report li { display: inline-block; margin-right: 2em; }
.horse_racing_report li a { -webkit-transition: none !important; transition: none !important; }
.horse_racing_report li.active a {
    height: 22px;
    line-height: 22px;
    padding: 5px 10px;
    color: #fff;
    background: #1d5aac;
    border-radius: 3px;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}
.horse_racing_report li:last-child {
    position: relative;
    top: 3px;
    float: right;
    margin: 0;
    font-size: 1rem;
}
.horse_racing_report .report_wrapper { margin-top: 2em; padding-bottom: 1em; }
.col_2 .horse_racing_report .report_wrapper { width: 737px; overflow-x: scroll; }
.col_3 .horse_racing_report .report_wrapper { width: 518px; overflow-x: scroll; }
div[class^="col_"] .forcast_wrapper::-webkit-scrollbar,
div[class^="col_"] .horse_racing_report .report_wrapper::-webkit-scrollbar { height: 5px; }
div[class^="col_"] .forcast_wrapper::-webkit-scrollbar-thumb,
div[class^="col_"] .horse_racing_report .report_wrapper::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
.horse_racing_report h4 {
    margin: 0 0 1em 1em !important;
    padding: 0 !important;
    color: #4b4b4b !important;
    font-size: 1.4rem !important;
    font-weight: normal !important;
    background: #fff !important;
}
.horse_racing_report h4 span { font-size: 1rem; }
.horse_racing_report #monthly h4 { margin-bottom: 0 !important; }
.detail .col_2 .horse_racing_report h4 .fa { margin-right: 5px !important; font-size: 1.6rem !important; }
.horse_racing_report table { outline: none; }
.horse_racing_report th,
.horse_racing_report td {
    width: 12.5%;
    padding: 5px 10px;
    text-align: center;
    font-weight: normal;
    background: #fff !important;
    border: none;
    white-space: nowrap;
}
.horse_racing_report .forcast_wrapper th { font-weight: bold;}
.horse_racing_report td { text-align: right; font-size: 1rem; }
.horse_racing_report th span,
.horse_racing_report td strong {
    padding: 5px 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    background: #1d5aac;
    border-radius: 3px;
}
.horse_racing_report td span { margin-right: 2px; font-size: 1.4rem; font-weight: bold; }
.horse_racing_report .monthly_report { margin-bottom: 0; }
.horse_racing_report .monthly_report tr:not(.kind),
.horse_racing_report .yearly_report tr:not(.kind) { border-bottom: 1px dotted #ccc; }
.horse_racing_report .monthly_report tr.kind th { padding-top: 1em; }
.horse_racing_report .monthly_report td:first-child { text-align: left; }
.horse_racing_report .monthly_report td.txtc { font-size: 1.2rem; }
.horse_racing_report .txtr { margin-top: 1em; }
.horse_racing_report_inner > div:last-child { padding-top: 1em; font-size: 1.4rem; font-weight: bold; border-top: 1px solid #ccc; }
.horse_racing_report_inner > .forcast_wrapper + div:last-child { border: none; margin-top: -10px; }
.horse_racing_report_inner > div:last-child > span {
    position: relative;
    top: -2px;
    margin-right: 5px;
    padding: 2px 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    background: #d00;
    border-radius: 3px;
}
.horse_racing_report_inner > div:last-child div:not(.clear) { margin-top: 10px; font-size: 1.2rem; font-weight: normal; }
.horse_racing_report_inner > div:last-child .col_left { width: 75%; }
.horse_racing_report_inner > div:last-child .col_right { width: 25%; text-align: center; }
.horse_racing_report_inner > div:last-child .col_right a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 1.4rem;
    font-weight: bold;
    border: 2px solid #1d5aac;
    border-radius: 5px;
    text-decoration: none;
}
.horse_racing_report_inner > div:last-child .col_right a::after {
    position: relative;
    right: -10px;
    content: '\f105';
    font-family: FontAwesome;
}
.horse_racing_report_inner > div:last-child .example span { color: #1d5aac; font-weight: bold; }
.horse_racing_report .betting_tickets {
    margin-top: 1em;
    padding: 5px 10px;
    color: #808080;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.horse_racing_report .betting_tickets label {
    display: inline-block;
    padding: 3px 5px;
    font-size: 1.1rem;
    background: #f0f0f0;
    border-radius: 3px;
}
.horse_racing_report .betting_tickets input:checked + label,
.horse_racing_report .betting_tickets label:hover { color: #fff; background: #1d5aac; cursor: pointer; }
#seller_horse_racing_report .report_wrapper { position: relative; }
#seller_horse_racing_report h3 { font-size: 2rem; border: none; }
#seller_horse_racing_report h3 span { font-size: 1.2rem; font-weight: normal; }
#seller_horse_racing_report table + h3 { margin-top: 5em; }
#seller_horse_racing_report table { outline: none; }
#seller_horse_racing_report tr.heading ~ tr:hover { background: #f0f0f0 !important; }
#seller_horse_racing_report tr.kind td { padding-top: 2em; }
#seller_horse_racing_report th {
    padding: 10px;
    text-align: center;
    background: #fff;
    border: none;
    border-top: 2px solid #1d5aac;
    border-right: 1px solid #ccc;
}
#seller_horse_racing_report th:last-child { border-right: none; }
#seller_horse_racing_report td[colspan="8"] { text-align: left; font-size: 2rem; border: none; }
#seller_horse_racing_report td[colspan="8"]:hover { background: #fff; }
#seller_horse_racing_report td {
    width: 12.5%;
    padding: 10px;
    text-align: right;
    font-size: 1.2rem;
    border-left: none;
    border-right: 1px solid #ccc;
}
#seller_horse_racing_report td:last-child { border-right: none; }
#seller_horse_racing_report td span { margin-right: 2px; font-size: 1.6rem; }
#seller_horse_racing_report td.txtc { font-size: 1.4rem; }

#hit_report_link, #hit_report_link_bottom { cursor: pointer; }
#recovery_rate_rank_gold_member { background: #f0f0f0; }
#recovery_rate_rank_gold_member.rank_list { padding: 30px 0 60px; }
#recovery_rate_rank_gold_member .toggle_race_list {
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: #1d5aac;
    font-size: 1.4rem;
}
#recovery_rate_rank_gold_member .toggle_race_list:hover { text-decoration: underline; cursor: pointer; }
#recovery_rate_rank_gold_member .recovery_rate {
    width: 100% !important;
    margin-bottom: 1em;
    padding-bottom: 1em;
    text-align: left !important;
    border-bottom: 1px dotted #ccc;
}
#recovery_rate_rank_gold_member .recovery_rate div { display: inline-block; min-width: 114px; text-align: center; }
#recovery_rate_rank_gold_member .recovery_rate div > span {
    position: relative;
    left: 50%;
    display: block;
    width: 80px;
    height: 16px;
    line-height: 16px;
    margin-bottom: .5em;
    text-align: center;
    color: #373d3f;
    font-size: 1rem;
    background: #f0f0f0;
    border-radius: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#recovery_rate_rank_gold_member .recovery_rate div strong { font-size: 1.8rem !important; }
#recovery_rate_rank_gold_member .recovery_rate,
#recovery_rate_rank_gold_member .product_title { float: none !important; }
#recovery_rate_rank_gold_member .product_title a { display: inline-block; margin-bottom: 15px; font-size: 1.8rem; }

#recovery_rate_rank_gold_member .toggle_race_list + div { margin: 1em 0 3em; }
#recovery_rate_rank_gold_member .toggle_race_list + div,
#recovery_rate_rank_gold_member .race_list,
#recovery_rate_rank_gold_member .race_list .race_data { width: 100% !important; }
#recovery_rate_rank_gold_member .race_list .race_data { margin-top: 0 !important; padding: 5px; }
#recovery_rate_rank_gold_member .race_list .race_data:not(:first-child) { border-top: 1px dotted #ccc; }
#recovery_rate_rank_gold_member .race_list .race_data:hover { background: #f0f0f0; }
#recovery_rate_rank_gold_member .race_list .race_data > span:first-child { width: 165px; margin-right: 10px; text-align: center; }
#recovery_rate_rank_gold_member .race_list .race_data span { margin-bottom: 0 !important; }
#recovery_rate_rank_gold_member .race_list .race_data .hit,
#recovery_rate_rank_gold_member .race_list .race_data .toggle_result_data {
    float: right;
    line-height: 1;
    margin: 0 0 0 5px !important;
    padding: 5px !important;
    font-size: 1.4rem !important;
}
#recovery_rate_rank_gold_member .race_list .race_data .hit { background: #ea5050; }
#recovery_rate_rank_gold_member .race_list .race_data .hit:not(.toggle_result_data) { float: none; }
#recovery_rate_rank_gold_member .race_list .race_data .fa { margin: 0 5px 0 0 !important; padding: 0 !important; font-size: 1.4rem !important; }
#recovery_rate_rank_gold_member .race_list .race_data .hit.disabled,
#recovery_rate_rank_gold_member .race_list .race_data .hit.disabled .fa { color: #4b4b4b !important; background: none; }
#recovery_rate_rank_gold_member .race_list .race_data .toggle_result_data { position: relative; top: 2px; }
#recovery_rate_rank_gold_member .race_list .race_data .toggle_result_data:hover { text-decoration: underline; cursor: pointer; }

#recovery_rate_rank_gold_member .race_result_wrapper { height: 300px; padding: 20px 0 0 5px; overflow-y: scroll; }
#recovery_rate_rank_gold_member .race_result_wrapper::-webkit-scrollbar { width: 5px; }
#recovery_rate_rank_gold_member .race_result_wrapper::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
#recovery_rate_rank_gold_member .horse_racing_schedule_add_wrapper .select_bet_ticket { margin-bottom: 0; }

#race_forecast_article_list .data_wrapper { position: relative; width: 100%; margin-top: 15px; padding-top: 10px; border-top: 2px dotted #e5e5e5; }
#race_forecast_article_list .data_wrapper .recovery_rate_rank_gold_member_open { color: #1d5aac; }
#race_forecast_article_list .data_wrapper .recovery_rate_rank_gold_member_open:hover { text-decoration: underline; cursor: pointer; }
#race_forecast_article_list .data_wrapper .recovery_rate_rank_gold_member_open,
#race_forecast_article_list .data_wrapper a,
#race_forecast_article_list .data_wrapper .stream { display: inline-block; padding: 0; }
#race_forecast_article_list .data_wrapper .data_inner { margin-bottom: 0; padding: 10px 0 0; border: none; }
#race_forecast_article_list #recovery_rate_rank_gold_member.data_wrapper { background: #fff; }
#race_forecast_article_list #recovery_rate_rank_gold_member.data_wrapper .keiba-open-button { top: 10px; left: 350px; }
.hit_report_link_banner { margin: 1em auto; }
.hit_report_link_banner img { width: 100%; }
#race_forecast_article_list .pre_entry,
#keiba .stakes .race_comment .pre_entry {
    margin-top: 2em;
    padding: 2em;
    text-align: center;
    color: #4cbb5f;
    font-size: 1.6rem;
    background: #fff;
    border: 3px solid #bad9af;
    border-radius: 3px;
}
#race_forecast_article_list .pre_entry a,
#keiba .stakes .race_comment .pre_entry a {
    position: relative;
    display: inline-block;
    margin-top: 1em;
    padding: 1em 2em;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    background: #4cbb5f;
    border-radius: 5px;
    text-decoration: none;
}
#race_forecast_article_list .pre_entry a:hover,
#keiba .stakes .pre_entry a:hover { opacity: .8; }
#race_forecast_article_list .pre_entry a span,
#keiba .stakes .race_comment .pre_entry a span { display: block; font-size: 1.4rem; font-weight: normal; }

/* 各競馬場ページ */
#keiba .byCourse .select_date > .wrapper { width: 1000px; }
#keiba .byCourse .select_date_mask.right { left: 1000px !important; }
#keiba .byCourse .date > span { position: relative; top: 7px; }
#keiba .byCourse .select_date .week.local { top: -70px; }
#keiba .byCourse .select_date .date.local { height: 60px; }
#keiba .byCourse .select_date .race_list { float: none; width: 100% !important; margin: -60px 0 0; }
#keiba .byCourse .select_date .race_location { display: none; }
#keiba .byCourse .race_wrapper { margin-bottom: 1em; padding: 10px; color: #4b4b4b; }
#keiba .byCourse .race_wrapper > div:not(.clear) { float: left; display: block; height: 60px; }
#keiba .byCourse .race_wrapper > .txtr { position: relative; float: right !important; width: 210px; }
#keiba .byCourse .race_wrapper .finished + .txtr { position: absolute; right: 10px; width: 420px; }
#keiba .byCourse .race_wrapper .race_number,
#keiba .stakes .race_info .race_number {
    width: 120px;
    height: 60px;
    line-height: 1.4;
    margin: 0 1em 0 0;
    padding-top: 8px;
    font-weight: normal;
    border: none;
}
#keiba .byCourse .race_wrapper .race_number.label { line-height: 1.2; padding-top: 5px; }
#keiba .byCourse .race_wrapper .race_number span.win5,
#keiba .byCourse .race_wrapper .race_number span.umatan3 { top: 43px; }
_::-webkit-full-page-media, _:future, :root #keiba .byCourse .race_wrapper .race_number { float: left; }/* for Safari */
#keiba .byCourse .race_wrapper .race_name { width: 600px; height: auto; margin-top: 2px; font-size: 2.2rem; }
#keiba .byCourse .race_wrapper .finished .race_name { width: 430px; }
_::-webkit-full-page-media, _:future, :root #keiba .byCourse .race_wrapper .race_name { top: auto; }/* for Safari */
#keiba .byCourse .race_wrapper .race_time { top: 50px; font-size: 1.2rem; }
#keiba .byCourse .race_wrapper .txtr > span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #1d5aac;
    font-size: 1.8rem;
}
#keiba .byCourse .race_wrapper .txtr > span:hover { text-decoration: underline; }
#keiba .byCourse .race_wrapper .txtr > span::after {
    content: '\f105';
    display: inline-block;
    width: 10px;
    text-align: right;
    font-family: FontAwesome;
}
#keiba .byCourse .race_wrapper .count { display: block; font-size: 1.4rem; }
#keiba .byCourse .race_wrapper .count span { margin: 0 3px 0 5px; font-size: 2rem; font-weight: bold; }
#keiba .byCourse .race_wrapper .count span.disabled { color: #ccc; font-size: 1.4rem; font-weight: normal; }
#keiba .byCourse .race_wrapper .hit { display: block; color: #ea5050; font-size: 1.4rem; }
#keiba .byCourse .race_wrapper .hit span:not(.fa) { margin-left: 5px; font-size: 1.6rem; font-weight: bold; }
#keiba .byCourse .race_wrapper .race_cancel { top: 50px; left: 146px; font-size: 1.2rem; }
#keiba .byCourse .race_wrapper .clear,
#keiba .byCourse .race_wrapper div[class^="col_"] table { width: 100%; margin: 2em 0 0; }
#keiba .byCourse .race_wrapper div[class^="col_"] { width: 49%; }
#keiba .byCourse .race_wrapper div[class^="col_"] table caption { margin-top: -1.5em; color: #4cbb5f; font-size: 1.8rem; }
#keiba .byCourse .race_wrapper .col_right td:first-child { color: #fff; background: #ccc; }
#keiba .byCourse .horse_list { margin: 70px 0 0; }
#keiba .byCourse .horse_list .horse_name { min-height: 140px; }
#keiba .byCourse .horse_list .horse_name .main { width: 41px; }
#keiba .byCourse .horse_list th,
#keiba .byCourse .horse_list .horse_name span:nth-of-type(2) { font-size: 1.3rem; }
#keiba .byCourse .horse_list .vertical:nth-of-type(odd) { line-height: 1; }
#keiba .byCourse .horse_list .horse_name .color { right: -20px; }
.keiba_footer_menu .course_list { margin-bottom: 3em; text-align: left; }
.keiba_footer_menu .course_list a {
    position: relative;
    display: inline-block;
    width: calc((100% - 70px) / 5);
    line-height: 50px;
    margin: 5px;
    padding: 0 0 0 20px;
    text-align: center;
    border: 2px solid #bad9af;
}
.keiba_footer_menu .course_list a.current { border: 3px solid #4cbb5f; cursor: default; }
.keiba_footer_menu .course_list a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 26px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/icon_horseshoe2.png) 0 0 no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.keiba_footer_menu .course_list a span {
    position: absolute;
    top: -36px;
    left: -36px;
    z-index: 2;
    width: 0;
    height: 0;
    border: 33px solid transparent;
    border-bottom: 33px solid #d00;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.keiba_footer_menu .course_list a span::before {
    content: '\958B\50AC\4E2D'; /* 開催中 */
    white-space: pre;
    position: relative;
    top: -3px;
    left: -17px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.keiba_footer_links {
    position: relative;
    margin-top: -100px;
    padding: 2em 0 150px;
    background: #edf8ef;
    border-top: 3px solid #4cbb5f;
}
.keiba_footer_links h2 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #4cbb5f;
    font-size: 2.2rem;
    border: none;
}
.keiba_footer_links h3 {
    position: relative;
    margin: 2em 0 0 0;
    padding: 0;
    color: #4cbb5f;
    font-size: 1.8rem;
    border: none;
}
.keiba_footer_links h3:not(.menu) { padding-left: 26px; }
.keiba_footer_links h3::before {
    content: '';
    position: absolute;
    left: 0;
    display: block;
}
.keiba_footer_links h3.race::before {
    top: 0;
    width: 24px;
    height: 24px;
    background: url(/images/icon_feature_horse_racing.png) 0 0 no-repeat;
    background-size: 100%;
}
.keiba_footer_links h3.course::before {
    top: 2px;
    width: 20px;
    height: 20px;
    background: url(/images/icon_horseshoe2.png) 0 0 no-repeat;
    background-size: 100%;
}
.keiba_footer_links h3.feature::before {
    content: '\f091';
    top: -3px;
    width: 24px;
    height: 24px;
    font-family: FontAwesome;
    font-size: 2rem;
    font-weight: normal;
}
.keiba_footer_links .col_left { width: calc(100% / 3); }
.keiba_footer_links .col_left + .col_left ul { margin-bottom: 68px; }
.keiba_footer_links li { margin-left: 10px; padding-top: 10px; color: #666; font-size: 1.4rem; }
.keiba_footer_links .col_left h3.course + ul li { float: left; width: 110px; }
.keiba_footer_links li span { position: relative; top: -1px; color: #808080; }
.keiba_footer_links li a {
    line-height: 1;
    color: #666;
    font-size: 1.4rem;
    border-bottom: 1px solid #edf8ef;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.keiba_footer_links a:hover { color: #4cbb5f; border-color: #4cbb5f; }
.keiba_footer_links .col_left ul + ul { margin-top: -10px; }
.keiba_footer_links .col_left ul + ul li span {
    position: relative;
    top: -3px;
    color: #4cbb5f;
    font-size: 1rem;
}
.keiba_footer_links .col_left ul + ul li a {
    line-height: 1.4;
    color: #4cbb5f;
    font-size: 1.8rem;
    font-weight: bold;
}
.keiba_footer_links ~ #footer { padding-top: 20px; color: #fff; background: #4cbb5f; }
.keiba_footer_links ~ #footer::before,
.keiba_footer_links ~ #footer::after { content: ''; position: absolute; display: block; }
.keiba_footer_links ~ #footer::before {
    top: -100px;
    right: 20px;
    width: 320px;
    height: 100px;
    background: url(/images/icon_racehorse.png);
    background-size: 100%;
}
.keiba_footer_links ~ #footer::after {
    top: -15px;
    width: 100%;
    height: 22px;
    background: url(/images/icon_racehorse2.png) repeat;
}

/* 重賞特集ページ */
#keiba .stakes .race_topics { border: 1px solid #f00; }
#keiba .stakes .race_comment { margin: 4em 0 5em; }
#keiba .stakes .race_comment h2 {
    height: auto;
    line-height: 1.6;
    margin: 0 0 -1em;
    padding: 0;
    text-align: left;
    color: #4cbb5f;
    font-size: 3rem;
    font-weight: bold;
    background: none;
}
#keiba .stakes .race_comment h3 {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin: 3em 0 2em;
    padding: 0 10px 0 50px;
    text-align: left;
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    background: #4cbb5f;
    border: none;
    border-radius: 20px;
}
#keiba .stakes .race_comment h3::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 20px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/icon_horseshoe.png);
    background-size: 24px;
}
#keiba .stakes .race_comment h4 { margin: 2em 1em .5em; color: #666; font-size: 2rem; }
#keiba .stakes .race_comment p { margin: 0 1em 1em; font-size: 1.6rem; }
#keiba .stakes .race_comment .txtc { margin-top: 4em; }
#keiba .stakes .race_comment .keiba_bucho {
    position: relative;
    padding-right: 400px;
    background: url(/images/keiba_bucho.png) right top no-repeat;
    background-size: 300px auto;
}
#keiba .stakes .race_comment .keiba_bucho p {
    margin-top: 2em;
    padding-bottom: 170px;
    background: url(/images/keiba_iine.png) 0 bottom no-repeat;
    background-size: 80%;
}
#keiba .stakes .race_comment .keiba_bucho div[class^="social_btn"] { margin: 0; }
#keiba .stakes .race_comment .keiba_bucho .googleplus,
#keiba .stakes .race_comment .keiba_bucho .hatena,
#keiba .stakes .race_comment .keiba_bucho .mixi,
#keiba #ranking + .social_btn .googleplus,
#keiba #ranking + .social_btn .hatena,
#keiba #ranking + .social_btn .mixi,
#ad_comic .txtc + .social_btn .googleplus,
#ad_comic .txtc + .social_btn .hatena,
#ad_comic .txtc + .social_btn .mixi,
.comic_view .social_btn .googleplus,
.comic_view .social_btn .hatena,
.comic_view .social_btn .mixi,
.comic .col_2 .article_list + .social_btn .googleplus,
.comic .col_2 .article_list + .social_btn .hatena,
.comic .col_2 .article_list + .social_btn .mixi,
#comic .article_list + .social_btn .googleplus,
#comic .article_list + .social_btn .hatena,
#comic .article_list + .social_btn .mixi,
#comic .wrapper + .social_btn .googleplus,
#comic .wrapper + .social_btn .hatena,
#comic .wrapper + .social_btn .mixi { display: none; }
#keiba .stakes .race_comment .keiba_bucho .social_btn_box {
    position: relative !important;
    bottom: 60px !important;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
#keiba .stakes .race_comment .keiba_bucho .twitter { left: 140px !important; }
#keiba .stakes .race_comment .keiba_bucho .facebook { left: 200px !important; }
#keiba #ranking + .social_btn,
#ad_comic .txtc + .social_btn,
.comic_view .social_btn,
.comic .col_2 .article_list + .social_btn,
#comic .article_list + .social_btn,
#comic .wrapper + .social_btn {
    position: relative;
    top: 50px;
    left: 50%;
    width: 600px;
    margin: 0;
    padding-bottom: 130px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(/images/keiba_iine2.png) center top no-repeat;
    background-size: 90%;
}
#ad_comic .txtc + .social_btn { top: 0; background: url(/images/comic_iine.png) center top no-repeat; background-size: 90%; }
#comic .article_list + .social_btn,
#comic .wrapper + .social_btn { float: none; background: url(/images/comic_iine.png) center top no-repeat; background-size: 90%; }
#keiba #ranking + .social_btn .social_btn_box,
#ad_comic .txtc + .social_btn .social_btn_box,
.comic_view .social_btn .social_btn_box,
.comic .col_2 .article_list + .social_btn .social_btn_box,
#comic .article_list + .social_btn .social_btn_box,
#comic .wrapper + .social_btn .social_btn_box {
    position: relative !important;
    top: 100px !important;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
#keiba #ranking + .social_btn .twitter,
.comic .col_2 .article_list + .social_btn .twitter { left: 150px !important; }
#keiba #ranking + .social_btn .facebook,
.comic .col_2 .article_list + .social_btn .facebook { left: 210px !important; }
#ad_comic .txtc + .social_btn .twitter,
.comic_view .social_btn .twitter,
#comic .article_list + .social_btn .twitter,
#comic .wrapper + .social_btn .twitter { left: 170px !important; }
#ad_comic .txtc + .social_btn .facebook,
.comic_view .social_btn .facebook,
#comic .article_list + .social_btn .facebook,
#comic .wrapper + .social_btn .facebook { left: 230px !important; }

#keiba .stakes .past_result_list + .txtc { margin-bottom: 60px; }
#keiba .stakes .past_result_list + .txtc a {
    position: relative;
    display: inline-block;
    margin-top: 2em;
    padding: 10px 40px;
    color: #4cbb5f;
    font-size: 2rem;
    font-weight: bold;
    border: 3px solid #4cbb5f;
    text-decoration: none;
}
#keiba .stakes .past_result_list + .txtc a::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#keiba .stakes .race_info .race_data { width: auto; }
#keiba .stakes .race_info .race_number { position: relative; }
#keiba .stakes .race_info .race_number.label { line-height: 1.2; padding-top: 3px }
#keiba .stakes .race_info .race_number span:first-child { margin: 0; font-size: 2rem !important; }
#keiba .stakes .race_info .race_number span.win5,
#keiba .stakes .race_info .race_number span.umatan3 {
    left: 50%;
    font-weight: normal;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#keiba .stakes .race_info .race_name { width: 520px; margin-top: 2px; font-size: 2rem; }
@-moz-document url-prefix() {
    #keiba .stakes .race_info .race_name { float: left; }
}/* for Firefox */
#keiba .stakes .race_info .race_name span {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 10px;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    background: #4b4b4b;
    border-radius: 3px;
}
#keiba .stakes .race_info .race_date { bottom: 0; left: 134px; font-size: 1.2rem; }
#keiba .stakes .race_info .hit { display: block; line-height: 1.2; color: #ea5050; font-size: 1.4rem; }
#keiba .stakes .race_info .hit span:not(.fa) { margin-left: 5px; font-size: 1.6rem; font-weight: bold; }
#keiba .stakes .race_info .race_data + .txtr {
    position: relative;
    float: right;
    width: 300px;
    height: 60px;
    margin: 0;
}
#keiba .stakes .race_info .race_data + .txtr a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    color: #1d5aac;
    font-size: 1.4rem;
}
#keiba .stakes .race_info .race_data + .txtr a::after { content: '\f105'; font-family: FontAwesome; }
#keiba .stakes .horse_list .horse_name { min-height: 170px; }
#keiba .stakes .race_result h2 { margin-bottom: 2em; }
#keiba .stakes .race_result div[class^="col_"] { width: 49%; }
#keiba .stakes .race_result div[class^="col_"] table { width: 100%; margin: 0; }
#keiba .stakes .past_result_list { padding: 0 20px; }
#keiba .stakes .past_result_list .race_title { margin-top: 30px; color: #666; font-size: 1.6rem; }
#keiba .stakes .past_result_list .race_title span:first-child { color: #4b4b4b; font-size: 2rem; font-weight: bold; }
#keiba .stakes .past_result_list .race_result { width: 100%; margin-top: 1em; }
#keiba .stakes .past_result_list .race_result th:nth-of-type(1),
#keiba .stakes .past_result_list .race_result th:nth-of-type(2) { width: 50px; }
#keiba .stakes .past_result_list .race_result th:nth-of-type(3) { width: 160px; }
#keiba .stakes .past_result_list .race_result th:nth-of-type(4) { width: 130px; }
#keiba .stakes .past_result_list .race_result th:nth-of-type(5) { width: 150px; }
#keiba .stakes .past_result_list .race_result th:nth-of-type(7) { width: 160px; }
#keiba .stakes .past_result_list .race_result th:nth-of-type(8) { width: 160px; }
#keiba .stakes .past_result_list .race_result td { padding: 10px 5px; }
#keiba .stakes .stakes_list { margin-bottom: 100px; text-align: left; }
#keiba .stakes .stakes_list a {
    float: left;
    display: inline-block;
    width: calc((100% - 70px) / 5);
    margin: 5px;
    padding: 10px 5px;
    text-align: center;
    color: #808080;
    border: 2px solid #e5e5e5;
    text-decoration: none;
}
#keiba .stakes .stakes_list a.current { border: 2px solid #4cbb5f; cursor: default; }
#keiba .stakes .stakes_list a div { color: #4cbb5f; font-size: 1.4rem; font-weight: bold; }
#keiba .stakes .banner { margin-bottom: 80px; }
#keiba .stakes .banner span {
    display: block;
    margin: 2em 0 5px;
    padding-left: 10px;
    font-size: 1.4rem;
    font-weight: bold;
    border-left: 5px solid #4cbb5f;
}
#keiba .stakes .banner textarea { float: right; width: calc(100% - 250px); height: 70px !important; }
#keiba .stakes .banner div[class^="col_"] { width: 48%; }
#keiba .stakes .banner div[class^="col_"] textarea { width: 100%; }
#keiba .stakes_all_list .txtr { margin: 50px 0 20px; }
#keiba .stakes_all_list .txtr span,
.affiliater .horse_affiliate.stakes .txtr span {
    margin-left: 5px;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .stakes_all_list .txtr span:hover,
.affiliater .horse_affiliate.stakes .txtr span:hover { cursor: pointer; }
#keiba .stakes_all_list .txtr span:not(.active),
.affiliater .horse_affiliate.stakes .txtr span:not(.active) { opacity: .4; }
#keiba .stakes_all_list .txtr span.active,
#keiba .stakes_all_list .txtr span:not(.active):hover,
.affiliater .horse_affiliate.stakes .txtr span.active,
.affiliater .horse_affiliate.stakes .txtr span:not(.active):hover { opacity: 1; }
#keiba .stakes_all_list .txtr .show_all,
.affiliater .horse_affiliate.stakes .txtr .show_all { background: #808080; }
#keiba .stakes_all_list .txtr .show_g1,
.affiliater .horse_affiliate.stakes .txtr .show_g1 { background: #055590; }
#keiba .stakes_all_list .txtr .show_g2,
.affiliater .horse_affiliate.stakes .txtr .show_g2 { background: #d52114; }
#keiba .stakes_all_list .txtr .show_g3,
.affiliater .horse_affiliate.stakes .txtr .show_g3 { background: #1fab37; }
#keiba .stakes_all_list table { margin-bottom: 100px; }
#keiba .stakes_all_list table tr:nth-child(odd) { background: #f0f0e1; }
#keiba .stakes_all_list table th { color: #60605a; background: #e8e8da; }
#keiba .stakes_all_list table th,
#keiba .stakes_all_list table td { padding: 10px 20px; font-size: 1.4rem; border: 1px solid #fff; }
#keiba .stakes_all_list .stakes_date { width: 140px; text-align: center; font-size: 1.4rem; }
#keiba .stakes_all_list .stakes_name { font-size: 1.6rem; }
#keiba .stakes_all_list .stakes_name span {
    margin: 0 10px;
    padding: 3px 5px;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 3px;
}
#keiba .stakes_all_list .stakes_name span { background: #f03e3e; }
#keiba .stakes_all_list .stakes_name span[class^="grade"] { font-size: 1.4rem; }
#keiba .stakes_all_list .stakes_name span.grade1,
#form_hit_data_detail .grade1 { background: #055590; }
#keiba .stakes_all_list .stakes_name span.grade2,
#form_hit_data_detail .grade2 { background: #d52114; }
#keiba .stakes_all_list .stakes_name span.grade3,
#form_hit_data_detail .grade3 { background: #1fab37; }
#keiba .stakes_all_list .stakes_name span i {
    position: relative;
    top: 1px;
    margin: 0 2px;
    font-size: 1.4rem;
    font-weight: bold;
}
#keiba .stakes_all_list .stakes_page { width: 160px; text-align: center; }
#keiba .stakes_all_list .stakes_detail { width: 200px; text-align: center; color: #c0c0b4; }
#keiba .stakes_all_list .stakes_page a,
#keiba .stakes_all_list .stakes_detail a {
    position: relative;
    display: inline-block;
    padding: 2px 20px 2px 10px;
    color: #fff;
    border-radius: 3px;
}
#keiba .stakes_all_list .stakes_page a { background: #f03e3e; }
#keiba .stakes_all_list .stakes_detail a { background: #99d982; }
#keiba .stakes_all_list .stakes_page a::after,
#keiba .stakes_all_list .stakes_detail a::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 競馬の知識 */
#keiba_knowledge { float: left; width: 760px; margin-right: 20px; }
#keiba_knowledge .social_btn { float: right; }
#keiba_knowledge h1 { color: #4b4b4b; }
#keiba_knowledge h2 {
    position: relative;
    height: auto;
    line-height: 1.6;
    margin: 2em 0 1em;
    padding: 5px 10px 5px 50px;
    text-align: left;
    color: #4b4b4b;
    font-size: 2.4rem;
    background: rgba(76, 187, 95, .1);
    border-top: 2px solid #4cbb5f;
    border-bottom: 2px solid #4cbb5f;
    border-radius: 0;
}
#keiba_knowledge h2::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(/images/icon_horseshoe2.png);
    background-size: 30px;
}
#keiba_knowledge h3 {
    padding: 0 10px;
    font-size: 2rem;
    font-weight: normal;
    border: none;
    border-left: 5px solid #4cbb5f;
}
#keiba_knowledge p { padding: 0 10px; font-size: 1.4rem; }
#keiba_knowledge .knowledge_title {
    margin-top: 100px;
    font-size: 2rem;
}
#keiba_knowledge .knowledge_index { margin-top: 1em; }
#keiba_knowledge .knowledge_index a {
    display: block;
    padding: 5px 5px 5px 10px;
    color: #4b4b4b;
    font-size: 1.6rem;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba_knowledge .knowledge_index a:hover { border-color: #4cbb5f; }
#keiba_knowledge .knowledge_index a::before {
    content: '\f105';
    color: #4cbb5f;
    font-family: FontAwesome;
    font-size: 1.6rem;
}
#keiba_knowledge .knowledge_search {
    margin-top: 2em;
    padding: 1em;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
}
#keiba_knowledge .knowledge_search dt a { color: #4cbb5f; font-size: 2.4rem; text-decoration: none; }
#keiba_knowledge .knowledge_search dd { font-size: 1.4rem; }
#keiba_knowledge .knowledge_search dd:last-child { margin-top: 2em; }
#keiba_knowledge .knowledge_search dd:last-child .clear { height: 30px; line-height: 30px; }
#keiba_knowledge .knowledge_search dd:last-child .clear div:first-child {
    float: left;
    width: 100px;
    text-align: center;
    color: #fff;
    background: #4cbb5f;
    border: 2px solid #4cbb5f;
    border-radius: 3px 0 0 3px;
}
#keiba_knowledge .knowledge_search dd:last-child .clear div:last-child {
    float: left;
    width: calc(100% - 100px);
    padding-left: 1em;
    color: #4b4b4b;
    background: #fff;
    border: 2px solid #4cbb5f;
    border-radius: 0 3px 3px 0;
}
#keiba_knowledge .clear + p { margin-top: 2em; }
#keiba_knowledgeMenu { float: right; width: 200px; margin-top: 40px; }
#keiba_knowledgeMenu li { margin-bottom: 10px; font-size: 1.4rem; }
#keiba_knowledgeMenu li .major_category {
    display: block;
    margin: 2em 0 1em;
    padding: 2px 0 2px 10px;
    color: #4b4b4b;
    font-size: 1.6rem;
    font-weight: bold;
    border-left: 5px solid #4cbb5f;
    text-decoration: none;
}
#keiba_knowledgeMenu li .minor_category .fa {
    position: relative;
    top: 2px;
    color: rgba(76, 187, 95, .5);
    font-size: 1.8rem;
}
#keiba_knowledgeMenu .knowledge_search { margin-top: 5em; }
#keiba_knowledgeMenu .knowledge_search form { border: 1px solid #ccc; }
#keiba_knowledgeMenu .knowledge_search input[type="search"] {
    width: 170px;
    margin: 0 0 0 5px;
    padding: 5px 0;
    font-size: 1.4rem;
    -webkit-appearance: textfield;
    box-sizing: content-box;
    border: none;
    box-shadow: none;
}
#keiba_knowledgeMenu .knowledge_search input[type="search"]:focus { outline: none; }
#keiba_knowledgeMenu .knowledge_search button {
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0 -3px 0 0;
    color: #666 !important;
    font-size: 1.4rem;
    background: none;
    border: none;
    box-shadow: none;
}

/* 競馬ゴールドメンバー誘導動線追加 */
.gold_member_induction.banner { margin: 3em 0; }
.gold_member_induction.banner a { margin: 0; }
.gold_member_induction.banner img { -webkit-transition: all .2s; transition: all .2s; }
.gold_member_induction.banner img:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .3); -webkit-transform: translateY(-3px); transform: translateY(-3px); }
.gold_member_induction:not(.banner) {
    position: relative;
    margin: 2em 0 4em;
    padding: 2em 2em 1em;
    font-size: 1.4rem;
    border: 3px solid #78cc87;
    border-radius: 10px;
}
.gold_member_induction:not(.banner) h3 {
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
}
.gold_member_induction:not(.banner) h3.title_1 { background: url(/images/gold_member_induction_title_1.png) center 0 no-repeat; background-size: auto 25px; }
.gold_member_induction:not(.banner) h3.title_2 { background: url(/images/gold_member_induction_title_2.png) center 0 no-repeat; background-size: auto 25px; }
.gold_member_induction:not(.banner) img { float: left; width: 100px; }
.gold_member_induction:not(.banner) img ~ p { margin-left: 120px; text-align: left !important; }
.gold_member_induction:not(.banner) p b span { color: #d00; }

/* -------------------------------------------------- キャンペーン */
#campaign {
    position: relative;
    z-index: 0;
    width: 420px;
    margin: 2em auto;
    padding: 30px 10px 10px;
    text-align: center;
    color: #c00;
    background-color: rgba(237, 120, 119, .2);
    border: 1px dashed #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(237, 120, 119, .2);
}
#campaign .campaign_title {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 350px;
    height: 30px;
    line-height: 30px;
    margin: 1em auto;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #d00;
}
#campaign .campaign_title::before,
#campaign .campaign_title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    z-index: -1;
    display: block;
    background-color: transparent;
    border: 15px solid #c00;
}
#campaign .campaign_title::before { left: -20px; border-right-width: 15px; border-left-color: transparent; }
#campaign .campaign_title::after { right: -20px; border-left-width: 15px; border-right-color: transparent; }
#campaign .campaign_title_content::before,
#campaign .campaign_title_content::after {
    content: '';
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #a00 transparent transparent transparent;
    bottom: -10px;
}
#campaign .campaign_title_content::before { left: 0; border-width: 10px 0 0 10px; }
#campaign .campaign_title_content::after { right: 0; border-width: 10px 10px 0 0; }
#campaign .campaign_title_content .fa:first-child { margin: 0 10px 0 0; }
#campaign .campaign_title_content .fa:last-child { margin: 0 0 0 10px; }
.cont_detail #campaign { display: inline-block; width: 315px !important; padding-top: 15px !important; }
.cont_detail #campaign .campaign_title { width: 260px !important; }

/* -------------------------------------------------- 予想記事人数制限 */
.forecast_premium_info .button { height: auto; line-height: 1.6; padding: 10px 30px; font-size: 1.6rem; }
.forecast_premium_info .button span:not(.fa) { display: block; font-size: 1.2rem; }
.forecast_premium_info .button.soldout { background: #919191; box-shadow: none; }
.forecast_premium_info {
    position: relative;
    max-width: 400px;
    margin: 20px auto;
    padding: 15px;
    background: url(/images/premium_mark.png) right 15px top 15px no-repeat;
    background-size: 25% auto;
    border: solid 1px #999;
    border-radius: 5px;
}
.forecast_premium_info h5 { border-bottom: 2px solid #ccc; }
.forecast_premium_info p { margin: 0; }

/* -------------------------------------------------- ポイント還元 */
.stuff_recommend .reco_point_back {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin: -10px -5px 0;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    background: repeating-linear-gradient(-45deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
    border-radius: 0 0 4px 4px;
}
.stuff_recommend .reco_point_back strong { margin: 0 5px; font-size: 1.6rem; }
.stuff_recommend .reco_point_back span { display: block; font-size: 1.2rem; }
.stuff_recommend + .txtr {
    margin: -10px 10px 30px 5px;
    padding: 5px;
    background: repeating-linear-gradient(-45deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
    border-radius: 5px;
}
.stuff_recommend + .txtr a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
}
.stuff_recommend + .txtr a .fa { margin: 0; }
.point_back_label {
    display: inline-block;
    margin-bottom: 5px !important;
    padding: 5px !important;
    color: #fff;
    background: repeating-linear-gradient(-45deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
    border-radius: 3px;
}
.point_back_label strong { margin: 0 5px !important; font-size: 1.4rem; }
.point_back_label span { margin-left: 1em !important; font-size: 1rem; }
.blog_buy_info .point_back_label {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sub_wide .point_back_label { display: block; text-align: center; }

#keiba .stuff_recommend { margin-top: 2em; }
#keiba .stuff_recommend .heading .fa { color: #4cbb5f; }
#keiba .stuff_recommend li {
    width: calc((100% - 40px) / 3) !important;
    margin-right: 20px;
    padding: 0;
}
#keiba .stuff_recommend li:last-child { margin-right: 0; }
#keiba .stuff_recommend li img { width: 70px; height: 70px; margin-right: 10px; }
#keiba .stuff_recommend li .reco_box { overflow: visible; }
#keiba .stuff_recommend li .reco_box a { color: #4b4b4b; }
#keiba .stuff_recommend li .reco_box .reco_head { background: #4cbb5f; border-radius: 5px 5px 0 0; }
#keiba .stuff_recommend li .reco_body .sr_title { height: 46px; font-size: 1.4rem; overflow: hidden; }
#keiba .stuff_recommend li .reco_body .txtr { position: absolute; bottom: 60px; right: 0; font-size: 1.4rem; }
#keiba .stuff_recommend li .reco_point_back { background: #4cbb5f; }
#keiba .stuff_recommend + .txtr { margin: -10px 0 3em; background: repeating-linear-gradient(-45deg, #4cbb5f, #4cbb5f 10px, #5ec26f 0, #5ec26f 20px); }
#keiba #race_forecast_article_list .point_back_label { position: absolute; top: 252px; right: 10px; z-index: 2; }

.report .monthly_report .point_return_menu { color: #1d5aac; cursor: pointer; }
.report .monthly_report .point_return_menu:hover { text-decoration: underline; }
.report .monthly_report .point_return_report { margin: 40px 0 70px; }
.point_back_header {
    width: 100%;
    height: 500px;
    margin: 25px 0 30px;
    background: repeating-linear-gradient(-45deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
}
.point_back_header h1 {
    float: none;
    width: 100%;
    height: 100%;
    margin: 0;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background: url(/images/10th_anniversary_point_back_header.png) center 0 no-repeat;
    background-size: contain;
}
#point_back { padding-bottom: 300px; }
#point_back .cont > h2 {
    position: relative;
    margin: 0 -40px 2em;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: repeating-linear-gradient(-45deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
    border: none;
    border-radius: 3px;
}
#point_back .cont > h2::before,
#point_back .cont > h2::after {
    content: '\f005';
    position: absolute;
    top: 5px;
    font-family: FontAwesome;
    font-size: 3rem;
    color: #fc0;
}
#point_back .cont > h2::before { left: 20px; }
#point_back .cont > h2::after { right: 20px; }
#point_back .cont { padding: 0 40px; font-size: 1.6rem; }
#point_back .cont_01 {
    height: 1050px;
    margin-bottom: 110px;
    background: url(/images/10th_anniversary_point_back_cont_01.png) center 100px no-repeat;
    background-size: 900px 600px;
}
#point_back .cont_01 p { visibility: hidden; }
#point_back .cont_01 .point_back_detail {
    line-height: 1.2;
    margin: 350px 0 2em;
    padding: 20px 30px;
    font-size: 2rem;
    border: 3px solid #ee7f7f;
    border-radius: 10px;
}
#point_back .cont_01 .point_back_detail .ind { display: block; margin: 1em 0 2em; font-size: 1.4rem; }
#point_back .cont_01 .point_back_detail .ind + .ind { margin-top: -1em; }
#point_back .cont_01 .point_back_detail .ind:last-child { margin: -1em 0 0; }
#point_back .cont_02 .txtc { font-size: 3rem; }
#point_back .cont_02 img { display: block; width: 100%; margin-bottom: 2em; }
#point_back .cont_02 div:not(.clear) { float: left; width: calc(100% / 3); padding: 0 20px; }
#point_back .cont_03 { margin-bottom: 300px; padding-top: 60px; }
#point_back.keiba .cont_03 h2 + div { margin: -2em -40px 3em 0; font-size: 1.6rem; }
#point_back.keiba .cont_03 h2 + div a { color:#4cbb5f; }
#point_back .cont_03 ul + div { margin-top: 100px; }
#point_back.keiba .cont_03 ul + div a {
    position: relative;
    padding: 30px 50px;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
}#point_back.keiba .cont_03 ul + div a:hover { opacity: .8; }
#point_back:not(.keiba) .cont_03 ul + div,
#point_back:not(.keiba) .cont_03 h2 + div { display: none; }
#point_back .cont_03 ul + div a::after {
    content: '\f054';
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#point_back .cont_03 li {
    position: relative;
    margin-bottom: 2em;
    padding: 20px;
    border: 4px solid #ccc;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#point_back .cont_03 li a { display: block; color: #4b4b4b; }
#point_back .cont_03 li:hover { cursor: pointer; border-color: #ee7f7f; }
#point_back.keiba .cont_03 li:hover { border-color: #5ec26f; }
#point_back .cont_03 li a:hover { text-decoration: none; }
#point_back .cont_03 li a > .thumbnail { float: left; width: 150px; height: 150px; margin-right: 40px; border: none; }
#point_back .cont_03 li a > img[src*="/images/no_image"] { border: 1px solid #ccc; }
#point_back .cont_03 li .cont_wrapper { position: relative; min-height: 150px; margin-left: 190px; }
#point_back .cont_03 li .cont_name { width: 550px; line-height: 1.3; font-size: 2rem; font-weight: bold; }
#point_back .cont_03 li .cont_name span:not(.fa) {
    position : relative;
    top: -3px;
    padding: 5px;
    color: #fff;
    font-size: 1.2rem;
    background: #ee7f7f;
    border-radius: 3px;
}
#point_back .cont_03 li .cont_price {
    position: absolute;
    bottom: -10px;
    right: 10px;
    line-height: 1.4;
    text-align: right;
    font-size: 1.8rem;
    font-weight: bold;
}
#point_back .cont_03 li .cont_price span:first-child { margin: 0 5px 0 10px; font-size: 2.4rem; }
#point_back .cont_03 li .cont_price span:last-child { display: block; font-size: 1.2rem; font-weight: normal; }
#point_back .cont_03 li .cont_element { position: absolute; bottom: 19px; }
#point_back .cont_03 li .cont_desc_wrapper { position: absolute; bottom: 15px; left: 211px; }
#point_back .cont_03 li .cont_desc {
    position: absolute;
    top: 26px;
    left: 0;
    z-index: 999;
    display: none;
    width: 800px;
    max-height: 500px;
    padding: 20px;
    background: #fff;
    border: 3px solid #ee7f7f;
    border-radius: 3px;
    overflow-y: scroll;
}
#point_back .cont_03 li .cont_desc h2 { padding: 0; border: none; }
#point_back .cont_03 li .lanking_comment_count { position: absolute; bottom: 15px; left: 480px; }
#point_back .cont_03 li .lanking_comment_count .comment_count:hover { opacity: 1; }
#point_back .cont_03 li .ribbon-label {
    position: absolute;
    width: 150px;
    height: 150px;
    font-size: 1.6rem;
    overflow: hidden;
}
#point_back .cont_03 li .ribbon-label::before,
#point_back .cont_03 li .ribbon-label::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #a00;
}
#point_back .cont_03 li .ribbon-label span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 8px 0 8px 20px;
    text-align: center;
    color: #fff;
    background: repeating-linear-gradient(90deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
}
#point_back .cont_03 li .ribbon-label strong { margin-right: 5px; font-size: 2rem; }
#point_back .cont_03 li .ribbon-top-right { top: -10px; right: -10px; }
#point_back .cont_03 li .ribbon-top-right::before,
#point_back .cont_03 li .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; }
#point_back .cont_03 li .ribbon-top-right::before { top: 0; left: 0; }
#point_back .cont_03 li .ribbon-top-right::after { bottom: 0; right: 0; }
#point_back .cont_03 li .ribbon-top-right span { left: -25px; top: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.point_back_header.keiba,
#point_back.keiba .cont > h2,
#point_back.keiba .cont_03 ul + div a { background: repeating-linear-gradient(-45deg, #4cbb5f, #4cbb5f 10px, #5ec26f 0, #5ec26f 20px); }

/* -------------------------------------------------- アンケート */
#question {
    padding: 25px 0 100px;
    background: repeating-linear-gradient(-45deg, #21c129, #21c129 10px, #4dce50 0, #4dce50 20px);
}
#question.finished { padding-top: 0; }
#question #contents { margin-bottom: 1em; padding: 40px; }
#question ~ #footer { color: #fff; }
#question .wrapper { padding: 40px; background: #fff; border-radius: 10px; }
.question_header {
    position: absolute;
    top: 25px;
    width: 100%;
    height: 500px;
    background: repeating-linear-gradient(-45deg, #21c129, #21c129 10px, #4dce50 0, #4dce50 20px);
}
.question_header div {
    width: 100%;
    height: 100%;
    background: url(/images/10th_anniversary_question_header.png) center 0 no-repeat;
    background-size: contain;
}
#question h1 {
    position: relative;
    margin: 500px 0 1em;
    padding: 1em 0;
    text-align: center;
    color: #fff;
    font-size: 2.8rem;
    background: repeating-linear-gradient(-45deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
}
#question h1::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -20px;
  width: 100%;
  height: 20px;
  background: linear-gradient(45deg, transparent 33.333%, #e43333 33.333%, #e43333 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #e43333 33.333%, #e43333 66.667%, transparent 66.667%);
  background-size: 40px 80px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
#question h1.no_margin { margin-top: 0; }
#question h1 span { display: block; font-size: 4rem; }
#question h1 + .txtc { margin: -1em 0 1em; }
#question h2 {
    margin: 2em 0;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 2.8rem;
    background: repeating-linear-gradient(-45deg, #d00, #d00 10px, #e43333 0, #e43333 20px);
    border: none;
    border-radius: 3px;
}
#question p { font-size: 1.8rem; }
#question .wrapper > p:nth-of-type(3) { margin-bottom: 5em; }
#question table { margin-bottom: -1px; outline: 0; border-collapse: separate; }
#question.finished table { width: 600px; margin: 0 auto 100px; }
#question th {
    width: 200px;
    margin: 5px;
    text-align: left;
    vertical-align: top;
    font-size: 1.8rem;
    background: #e5e5e5;
    border: 5px solid #fff;
    border-radius: 10px;
}
#question td { text-align: left; font-size: 1.6rem; border: none; }
#question td p { margin-bottom: 2em; }
#question td .member_option_detail { padding: 0; font-size: 1.2rem; border: none; }
#question td .member_option_data { margin: 0; }
#question td .member_option_list { margin-top: 3em; }
#question td .member_option_list .toggle { font-size: 1.4rem; }
#question td .member_option_buttons { position: absolute; top: 10px; right: -10px; }
#question .question_wrapper { margin-top: 4em; padding: 2em; background: #f0f0f0; border-radius: 10px; }
#question .question_wrapper p:first-child { font-size: 1.8rem; font-weight: bold; }
#question .question_wrapper p .required { position: relative; top: -3px; }
#question .question_wrapper textarea { width: 100%; height: 10em; font-size: 1.6rem; }
#question .txtr { font-size: 1.6rem; }
#question .button { height: auto; padding: 15px 30px; font-size: 2rem; }
#question .finished {
    margin: -40px;
    padding: 25px;
    text-align: center;
    color: #d00;
    font-size: 2rem;
    font-weight: bold;
    background-color: #f8e5e5;
    border-radius: 10px;
}
#question .question_box {
    margin: 3em 5px;
    padding: 2em;
    text-align: center;
    font-size: 1.6em;
    border: 3px dotted #ccc;
    border-radius: 10px;
}
.question_banner { display: block; margin-top: 10px; }
#keiba .hit_report_ranking li.cp a {
    color: #d00 !important;
    font-size: 1.4rem;
    font-weight: normal !important;
}
#keiba .hit_report_ranking li.cp .fa { font-size: 1.8rem; }
#keiba .hit_report_ranking li.cp span:not(.fa) { width: auto !important; margin-right: 3px !important; font-size: 1.8rem !important; font-weight: bold; }
#keiba .hit_report_ranking li.cp span:last-child { font-size: 1.4rem !important; }

/* -------------------------------------------------- 予約したコンテンツ */
.detail .reservedList li { position: relative; padding: 20px 0 0; }
.detail .reservedList li:not(:last-child) { border-bottom: 1px solid #ccc; }
.detail .reservedList .category { top: 50px; }
.detail .reservedList .category.book { left: 17px; }
.detail .reservedList .tof { height: 50px; padding-left: 20px; font-size: 1.4rem; }
.detail .reservedList .clear { margin-bottom: 10px; }
.detail .reservedList .clear > div:not(.thumbnail) { float: left; width: 50%; }
.detail .reservedList .clear > div:not(.thumbnail) .item_cont { width: 70px; }

/* -------------------------------------------------- まんがのレジまぐ */
.comic_header {
    position: fixed;
    top: 25px;
    z-index: 99;
    width: 100%;
    padding: 5px 20px;
    background: #ed2618;
}
.comic_header h1 { float: left; margin-top: 2px; }
.comic_header h1 a { display: block; width: 130px; height: 18px; }
.comic_header h1 a img { vertical-align: top; }
.comic_header form { position: relative; float: right; display: inline-block; }
.comic_header form input { width: 200px; padding-left: 5px; }
.comic_header form button {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 2;
    margin: 0;
    height: auto;
    line-height: 1;
    padding: 5px;
    color: #ed7877;
    background: #fff;
    box-shadow: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comic_header form button:hover { color: #ed2618; }
.comic_header form button .fa { margin: 0; }
.comic_header form + a { float: right; margin: 4px 2em 0 0; color: #fff; }
.comic .col_2 {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
#contents.comic { padding: 100px 0; }
#contents.comic_view { padding-bottom: 100px; }
#comic { margin-top: 40px; }
.comic .col_2.wrapper { width: 980px; margin: 0 auto; }
.comic .col_2 .topicpath { position: relative; z-index: 3; margin-top: -50px; padding-top: 20px; }
.comic .col_2 .topicpath li:last-child,
.comic .col_2 .topicpath a { margin: 0; padding: 0 15px 0 5px; color: #fff; font-size: 1.2rem; background: none; }
.comic .col_2 .topicpath li:last-child::before,
.comic .col_2 .topicpath li:last-child::after,
.comic .col_2 .topicpath li a::before,
.comic .col_2 .topicpath li a::after { content: ''; position: static; border: none; width: 0; height: 0; }
.comic .col_2 .topicpath li a::after { content: '>'; position: absolute; right: 10px; }
.comic .col_2 .topicpath li:last-child::before,
.comic .col_2 .topicpath li a::before { left: auto; border-left-color: transparent; }
.comic .col_2 .topicpath li:last-child::after,
.comic .col_2 .topicpath li a::after { left: auto; border-color: transparent; border-left-color: #ffe4e7; }
.comic .col_2 .topicpath li:first-child a::before,
.comic .col_2 .topicpath li:last-child::after { border: none; }
.comic .col_2 .topicpath li a:hover { color: #fff; background: none; text-decoration: underline; }
.comic .col_2 .topicpath li a:hover::before { border: none; }
.comic .col_2 .topicpath li a:hover::after { border: none; }
#comic .topicpath li:last-child,
#comic .topicpath a { color: #fff; font-size: 1.2rem; background: #ed2618; }
#comic .topicpath li:last-child::before,
#comic .topicpath li:last-child::after,
#comic .topicpath li a::before,
#comic .topicpath li a::after {
    content: '';
    position: absolute;
    top: 0;
    border: 0 solid #ed2618;
    border-width: 10px 5px;
    width: 0;
    height: 0;
}
#comic .topicpath li:last-child::before,
#comic .topicpath li:last-child::after,
#comic .topicpath li a::before,
#comic .topicpath li a::after { border-width: 10px 5px; }
#comic .topicpath li:last-child::before,
#comic .topicpath li a::before { left: -10px; border-left-color: transparent; }
#comic .topicpath li:last-child::after,
#comic .topicpath li a::after { left: 100%; border-color: transparent; border-left-color: #ed2618; }
#comic .topicpath li:first-child a::before,
#comic .topicpath li:last-child::after { border: none; }
#comic .topicpath li a:hover { color: #fff; background-color: rgba(237, 38, 24, .5); }
#comic .topicpath li a:hover::before { border-color: rgba(237, 38, 24, .5); border-left-color: transparent; }
#comic .topicpath li a:hover::after { border-left-color: rgba(237, 38, 24, .5); }
.comic .preview:not(#gadget_preview),
.comic_view .preview {
    position: fixed;
    top: 100px;
    left: 50%;
    z-index: 9999;
    display: inline-block;
    background: rgba(0, 0, 0, .5);
    border: 2px solid #fff;
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.comic .preview:not(#gadget_preview) a,
.comic_view .preview a {
    display: block;
    padding: 1em 2em;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    text-decoration: none;
}
.comic .preview:not(#gadget_preview) a span:not(.fa),
.comic_view .preview a span:not(.fa) { display: block; font-size: 1.4rem; }
.comic .col_2 .cont_detail,
.comic_view .comic_premium_info_image {
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.comic .col_2 .cont_detail::before,
.comic_view .comic_premium_info_image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}
.comic .col_2 .cont_detail .partner_school {
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 2;
    width: 300px;
    height: 50px;
    overflow: hidden;
}
.comic .col_2 .cont_detail .partner_school img {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
}
.comic .col_2 .cont_detail > dl { position: relative; z-index: 3; margin-top: 20px; padding-bottom: 20px; }
.comic .col_2 .cont_detail > dl dt {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 50px;
    overflow: hidden;
}
.comic .col_2 .cont_detail > dl dt img {
    /* position: relative; */
    /* left: 50%; */
    width: 100%;
    /* max-width: 100%; */
    /* max-height: 100%; */
    /* -webkit-transform: translateX(-50%); */
    /* transform: translateX(-50%); */
}
.comic .col_2 .cont_detail > dl dd { padding-left: 350px; }
.comic .col_2 .cont_detail > dl dd *:not(.btn_favorite) { color: #fff; }
.comic .col_2 .cont_detail > dl dd span.item_cont_option { background: #ed2618; }
.comic .col_2 .cont_detail > dl dd h2 { line-height: 1.2; margin: 10px 0 0; padding: 0; font-size: 2.6rem; border: none; }
.comic .col_2 .cont_detail > dl dd h2 a:hover { text-decoration: none; }
.comic .col_2 .cont_detail > dl dd .publisher { margin-top: 5px; font-size: 1.6rem; }
.comic .col_2 .cont_detail > dl dd .introduction { margin: 20px 0 10px; font-size: 1.4rem; }
.comic .col_2 .cont_detail > dl dd .showmore .showmore_trigger {
    width: 100px;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 1rem;
    background: rgba(0, 0, 0, .2);
}
.comic .col_2 .cont_detail > dl dd .showmore .showmore_trigger .fa { display: none; }
.comic .col_2 .cont_detail > dl dd .read_beginning {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 47px;
    margin: 1em 0;
    text-align: center;
    font-size: 2rem;
    border: 3px solid #fff;
    border-radius: 25px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.comic .col_2 .cont_detail > dl dd .read_beginning:hover { color: #ed2618; border-color: #ed2618; }
.comic .col_2 .cont_detail > dl dd .thanks {
    position: relative;
    top: -50px;
    left: 280px;
    min-height: 22px;
    margin-bottom: -30px;
    font-size: 1.4rem;
}
.comic .col_2 .cont_detail > dl dd .thanks span[class^="thanks_"],
.comic .col_2 .cont_detail > dl dd .thanks span[class^="thanks_"] * { color: #f12b83 !important; }
.comic .col_2 .cont_detail > dl dd .thanks span.comment_count,
.comic .col_2 .cont_detail > dl dd .thanks span.comment_count * { color: #00a4e8 !important; }
.comic .col_2 .cont_detail > dl dd .thanks .word_hide { margin-right: 5px; }
.comic .col_2 .cont_detail > dl dd .notice_box { width: 300px; border: 2px solid #d00; }
.comic .col_2 .cont_detail > dl dd .notice_box + .thanks { top: -45px; left: 320px; }
.comic .col_2 .cont_detail > dl dd .add_mybook { display: inline-block; }
.comic .col_2 .cont_detail > dl dd .add_mybook + br { display: none; }
.comic .col_2 .cont_detail > dl dd .btn_favorite {
    position: relative;
    top: 1px;
    width: auto;
    height: 30px;
    line-height: 28px;
    margin-left: 1em;
    padding: 0 30px;
}
.comic .col_2 .cont_detail > dl dd .social_btn { margin: 0; }
.comic .col_2 .cont_detail > dl dd .notice_box,
.comic .col_2 .cont_detail > dl dd .notice_box * { color: #d00; }
.comic .col_2 .cont_data li { width: 200px; }
.comic .col_2 .article_list { padding: 20px 40px; background: #f0f0f0; }
.comic .col_2 .article_list .col_left {
    display: inline-block;
    margin-bottom: 20px;
    padding: 5px 10px;
    font-size: 1.6rem;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.comic .col_2 .article_list .col_left:hover { cursor: pointer; border-color: #ed2618; }
.comic .col_2 .article_list .col_left span:first-child { margin-right: 2px; }
.comic .col_2 .article_list .col_right a:not(.iine) {
    position: relative;
    display: inline-block;
    margin: -5px 0 0 15px;
    padding: 10px 20px 10px 15px;
    line-height: 1;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    background: #22ac38;
    border-radius: 3px;
    text-decoration: none;
}
.comic .col_2 .article_list .col_right a:not(.iine)::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comic .col_2 .article_list .col_right a:hover { background: #4ebd60; }
.comic .col_2 .article_list .col_right a:not(.iine) span:not(.fa) { margin-left: 5px; color: #fff; font-size: 1rem; opacity: .6; }
.comic .col_2 .article_list dl {
    position: relative;
    height: 149px;
    margin-bottom: 20px;
    background: #fff;
    border: 2px solid #e5e5e5;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/* .comic .col_2 .article_list dl:hover { border-color: #ed2618; } */
.comic .col_2 .article_list dl.read { background: #fdf1f1; }
.comic .col_2 .article_list dt { width: 650px !important; }
.comic .col_2 .article_list dt .thumbnail {
    position: relative;
    top: -25px;
    float: left;
    height: 146px;
    margin: 0 30px 0 0;
    overflow: hidden;
}
.comic .col_2 .article_list dt .thumbnail img { width: 195px; }
.comic .col_2 .article_list dt .thumbnail img[src*="/images/no_image"] { border: none; }
.comic .col_2 .article_list dt .article_date { display: block; margin: 20px 0 10px; }
.comic .col_2 .article_list dt .article_date:last-child { margin: 0; }
.comic .col_2 .article_list dt .article_date strong { font-size: 1.4rem; font-weight: normal; }
.comic .col_2 .article_list dt .article_date .read {
    position: relative;
    top: -2px;
    margin-left: 1em;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.2rem;
    background: #666;
    border-radius: 3px;
}
.comic .col_2 .article_list dt .article_date + a { position: relative; z-index: 3; line-height: 1.4; font-size: 1.6rem; }
.comic .col_2 .article_list dt .article_date + .chapter_title { line-height: 1.4; color: #4b4b4b; font-size: 1.6rem; font-weight: normal; }
.comic .col_2 .article_list dd { position: absolute; bottom: 0; right: 0; }
.comic .col_2 .article_list dd#keiba .text_red {
    position: relative;
    top: -4px;
    right: 5px;
    margin-right: 5px;
    color: #808080;
}
.comic .col_2 .article_list dd span.item_cont_option.free { margin-bottom: 10px; font-size: 1.6rem; }
.comic .col_2 .article_list dd span.item_cont_freeat { width: 220px; font-size: 1.6rem; background: #ed7877; }
.comic .col_2 .article_list dd span.btn_sub { min-width: 90px; margin-bottom: 10px; font-size: 1.6rem; }
.comic .col_2 .article_list dd span.btn_price { width: 220px !important; }
.comic .col_2 .article_list .keiba_comment_count { float: none !important; position: absolute; bottom: 70px; right: 5px; }
.comic .col_2 .article_list .keiba_comment_count a.iine { background: none; text-decoration: none; }
.comic .col_2 .article_list .comic_bookmark {
    position: absolute;
    top: 10px;
    right: -5px;
    z-index: 99;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 1em;
    color: #fff;
    text-align: center;
    background: #ed7877;
}
.comic .col_2 .article_list .comic_bookmark::after,
.comic .col_2 .article_list .comic_bookmark span::before,
.comic .col_2 .article_list .comic_bookmark span::after {
    content: '';
    position: absolute;
    z-index: 98;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}
.comic .col_2 .article_list .comic_bookmark::after {
    bottom: -5px;
    right: 0;
    border-width: 5px 5px 0 0;
    border-color: #d46c6a transparent transparent transparent;
}
.comic .col_2 .article_list .comic_bookmark span::before {
    top: 0;
    left: -10px;
    border-width: 20px 0 0 10px;
    border-color: #ed7877 transparent transparent transparent;
}
.comic .col_2 .article_list .comic_bookmark span::after {
    bottom: 0;
    left: -10px;
    border-width: 0 0 20px 10px;
    border-color: transparent transparent #ed7877 transparent;
}
.comic .col_2 .article_list .comic_tag { margin-left: 5px; color: #4b4b4b; font-size: 2rem; text-decoration: none; }
.comic .col_2 .article_list .comic_tag + .tips_cont { left: 280px; padding: 10px; }
.comic .col_2 .article_list .comic_tag + .tips_cont span { color: #ccc; }
.comic .col_2 .article_list + .social_btn { margin-bottom: 350px; background: url(/images/comic_contents_iine.png) center top no-repeat; background-size: 90%; }

/* まとめ買い */
.detail .select_buy h2,
.detail .auto_buy h2 {
    margin: 0 0 30px;
    padding: 10px 20px;
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    background: #1d5aac;
    border: none;
    border-radius: 3px;
}
.detail .select_buy .sticky { height: 66px; padding: 30px 20px 10px 18px; font-size: 1.6rem; background: #fff; border-bottom: 1px solid #ccc; }
.detail .select_buy .sticky.fixed { position: fixed; top: 25px; z-index: 2; width: 759px; }
.detail .select_buy input { margin-right: 10px; }
.detail .select_buy .sticky .col_right span:not(.tax) { margin-left: 2em; font-size: 2rem; }
.detail .select_buy ul:not(.window_message_div) { margin: -1px 0 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.detail .select_buy ul:not(.window_message_div) li:not(:last-child) { border-bottom: 1px dotted #ccc; }
.detail .select_buy li label,
.detail .select_buy form:not(.form) li { position: relative; display: block; padding: 10px 20px; font-size: 1.6rem; }
.detail .select_buy li label.selected { background: #f0f0f0; }
.detail .select_buy li div:not(.txtr):first-child,
.detail .select_buy li img { float: left; }
.detail .select_buy li img { width: 100px; margin-right: 20px; }
.detail .select_buy .form li img { margin-left: 40px; }
.detail .select_buy li div:not(.txtr):first-child {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.detail .select_buy li div:not(.txtr):last-child { font-size: 1.4rem; padding-left: 120px; }
.detail .select_buy .form li div:not(.txtr):last-child { padding-left: 160px; }
.detail .select_buy li div:not(.txtr):last-child > span { font-size: 1.6rem; }
.detail .select_buy li div:not(.txtr):last-child .txtr { margin-top: 10px; }
.detail .auto_buy label,
.detail .select_buy label { font-size: 1.4rem; }
.detail .auto_buy input[type="radio"],
.detail .select_buy input[type="radio"] { margin: 1em 10px 0 20px; }
.detail .select_buy .notice_window a { float: right; }
.detail .select_buy table { margin-bottom: 60px; }
.detail .select_buy td.txtr { font-size: 1.6rem; }

/* 自動購入 */
.detail .auto_buy form > div:not(.notice_window) { margin: 2em 0 5em; }
.detail .auto_buy form > div:not(.notice_window) > p:nth-child(2) {
    display: inline-block;
    padding: 5px 1em;
    font-size: 1.4rem;
    background: #f0f0f0;
    border-radius: 5px;
}
.detail .auto_buy form > div > p:nth-child(2) input { width: 100px; margin: 0 5px; }
.detail .auto_buy .ind { display: block; }
.detail .auto_buy form > div:not(.notice_window) > .ind { margin-left: 1em; }
.detail .auto_buy form > div:last-child > p { margin-bottom: 0; }
.detail .auto_buy form > div:last-child > p + div { margin-bottom: 1em; }
.detail .auto_buy form .tips_cont { width: 600px; }
.detail .auto_buy form .tips_cont dt:first-child { margin-top: 0; }

/* ビュー */
.comic_view ~ #pagetop a { background: #303030; }
.scroll_control { position: fixed; top: 160px; right: 20px; text-align: center; }
.scroll_control > div {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 10px auto;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
}
.scroll_control .selected { background: #ed7877; }
.scroll_control .fa { margin: 0; }
.scroll_control .scroll_start > div {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
}
.scroll_control .scroll_start.slow > div { top: 10px; }
.scroll_control .scroll_start.medium > div { top: 8px; }
.scroll_control .scroll_start.fast > div { top: 5px; }
.scroll_control .scroll_start span {
    display: block;
    height: 5px;
    font-size: 2rem;
    font-weight: bold;
}
.scroll_control .scroll_start.medium .fa { opacity: .75; }
.scroll_control .scroll_start.medium .fa + .fa { opacity: 1; }
.scroll_control .scroll_start.fast .fa { opacity: .5; }
.scroll_control .scroll_start.fast .fa + .fa { opacity: .75; }
.scroll_control .scroll_start.fast .fa + .fa + .fa { opacity: 1; }
.scroll_control #scroll_end { cursor: pointer; }
.comic_view .comic_view_bar {
    position: fixed;
    top: 56px;
    z-index: 4;
    width: 100%;
    height: 80px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: .3s;
    transition: .3s;
}
.comic_view .comic_view_bar a { color: #fff; }
.comic_view .comic_view_bar > a:first-child {
    position: absolute;
    top: 50%;
    left: 40px;
    z-index: 4;
    line-height: 1;
    color: #fff;
    font-size: 3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comic_view .comic_view_bar .tag,
.comic_view .comic_view_bar .tooltips {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #fff;
    font-size: 1.4rem;
    cursor: pointer;
    text-decoration: none;
}
.comic_view .comic_view_bar .tooltips + .tips_cont {
    position: relative;
    top: 40px;
    right: 10px;
    z-index: 5;
    float: right;
    width: 300px;
    padding: 10px 20px 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.comic_view .comic_view_bar .tips + .tips_cont { top: 30px; right: 0; }
.comic_view .comic_view_bar .title {
    position: absolute;
    top: 50%;
    left: 150px;
    padding-right: 370px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comic_view .comic_view_bar h2 {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: normal;
    border: none;
}
.comic_view .comic_view_bar h3 {
    line-height: 1.2;
    margin: 5px 0 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: normal;
    border: none;
}
.comic_view .comic_view_bar ~ .wrapper { width: 690px; margin: 150px auto 50px; text-align: center; }
.comic_view .comic_view_bar + .wrapper img { width: 100%; }
.comic_view .comic_add_mybook { margin-top: 60px; text-align: center; }
.comic_view .comic_add_mybook p { font-size: 2rem; font-weight: bold; }
.comic_view .comic_add_mybook button {
    height: auto;
    line-height: 1;
    margin: 0;
    padding: 10px 20px;
    font-size: 1.6rem;
}
.comic_view .comic_pager { position: relative; height: 90px; margin-top: 100px; text-align: center; }
.comic_view .comic_pager > a {
    position: absolute;
    height: 90px;
    padding: 10px;
    color: #4b4b4b;
    border: 2px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.comic_view .comic_pager > a.toc {
    left: 50%;
    width: 80px;
    height: 90px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.comic_view .comic_pager > a.toc .fa { margin: 0; font-size: 3rem; }
.comic_view .comic_pager > a:not(.toc) { width: 295px; }
.comic_view .comic_pager > a.left { left: 0; }
.comic_view .comic_pager > a.left::before,
.comic_view .comic_pager > a.right::after {
    position: absolute;
    top: 50%;
    font-family: FontAwesome;
    font-size: 3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comic_view .comic_pager > a.left::before { content: '\f104'; left: 5px; }
.comic_view .comic_pager > a.right { right: 0; }
.comic_view .comic_pager > a.right::after { content: '\f105'; right: 5px; }
.comic_view .comic_pager > a:hover { border-color: #ed2618; }
.comic_view .comic_pager > a > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 245px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.comic_view .comic_pager > a.left div { left: 51%; }
.comic_view .comic_pager > a.right div { left: 49%; }
.comic_view .comic_pager > a:not(.toc) > div > span { margin-left: 1em; color: #bbb; }
.comic_view .comic_pager > a .tof { margin: -2px 0 2px; font-size: 1.4rem; }
.comic_view .comic_pager .btn .fa-arrow-right,
.comic_view .comic_premium_info .btn .fa-arrow-right,
#comic .article_list li .btn .fa-arrow-right { margin: 0 5px; }
.comic_view .comic_pager > a .btn,
.comic_view .comic_premium_info .btn,
#comic .article_list li .btn {
    max-width: 255px;
    margin: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.5rem;
    background: #22ac38;
    border-radius: 3px;
    white-space: nowrap;
}
.comic_view .comic_pager > a .btn.free,
#comic .article_list li .btn.free { background: #ed7877; }
.comic_view .comic_pager > a .btn.soldout,
.comic_view .comic_premium_info .btn.soldout,
#comic .article_list li .btn.soldout { background: #919191; }
.comic_view .btn .tax,
.detail .select_buy .tax,
.detail .backnumber_list .tax,
#comic .btn .tax { font-size: 1rem; }
.comic_view #iine { margin-top: -40px; padding-top: 100px; }
.comic_view .comic_publisher { position: relative; margin-bottom: -30px; }
.comic_view .comic_publisher img { width: 100px !important; }
.comic_view .comic_publisher img[src*="/images/no_image"] { border: 1px solid #ccc; }
.comic_view .comic_publisher:not(.no_intro) .col_left:last-child {
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    padding-left: 30px;
    text-align: left;
}
.comic_view .comic_publisher .col_left p:first-child { font-size: 1.6rem; }
.comic_view .comic_publisher.no_intro .col_left:first-child { width: 40%; padding: 0 15px; text-align: right; }
.comic_view .comic_publisher.no_intro .col_left:last-child { width: 60%; padding: 0 15px; }
.comic_view .comic_publisher.no_intro .col_left p {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comic_view .comic_publisher .col_left .intro {
    position: relative;
    padding: 1em;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.comic_view .comic_publisher .col_left .intro::after,
.comic_view .comic_publisher .col_left .intro::before {
    content: '';
    position: absolute;
    top: 30px;
    right: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
}
.comic_view .comic_publisher .col_left .intro::after {
    margin-top: -5px;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 5px;
}
.comic_view .comic_publisher .col_left .intro::before {
    margin-top: -6px;
    border-color: rgba(170, 170, 170, 0);
    border-right-color: #aaa;
    border-width: 6px;
}
.comic_view .comic_publisher .col_left p a:last-child {
    position: relative;
    top: -2px;
    margin-left: 2em;
    padding: 2px 20px 2px 10px;
    color: #4b4b4b;
    font-size: 1.2rem;
    border: 1px solid #4b4b4b;
    border-radius: 3px;
}
.comic_view .comic_publisher .col_left p a:last-child::after {
    position: absolute;
    top: 50%;
    right: 5px;
    content: '\f105';
    margin-left: 10px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comic_view .comic_thanks { position: relative; margin-top: 60px; padding-top: 40px; font-size: 1.4rem; }
.comic_view .comic_thanks .thanks_thanks + p,
.comic_view .comic_thanks .thanks_comment + p { margin-top: 3rem; }
.comic_view .comic_thanks a.iine + p { margin-top: 3rem; }
.comic_view .comic_thanks .thanks_thanks,
.comic_view .comic_thanks .thanks_comment { font-size: 3rem; }
.comic_view .comic_thanks .thanks_thanks span:not(.fa),
.comic_view .comic_thanks .thanks_comment span:not(.fa) { margin-left: 5px; font-size: 2rem; }
.comic_view .comic_thanks .thanks_count + span { margin-left: 2em; }
.comic_view .comic_thanks .thanks_count .fa + span,
.comic_view .comic_thanks .comment_count .fa + span { margin-right: 5px; }
.comic_view .comic_thanks a.iine { color: #f12b83; }
.comic_view .comic_thanks a.iine:hover { text-decoration: none; }
.comic_view .social_btn { background: url(/images/comic_article_iine.png) center top no-repeat; background-size: 90%; }
.comic_view .premium_message {
    margin-top: 60px;
    padding: 20px;
    text-align: left;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.comic_view .premium_message h3 { margin: 0; padding: 0; font-size: 2rem; border: none; }
.comic_view .premium_message .premium_message_list {
    margin-top: 10px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.comic_view .premium_message .premium_message_title { padding: 0; font-size: 1.6rem; }
.comic_view .premium_message .btn { margin: 10px 0 0; font-size: 1.4rem; }
.comic_view .premium_message .btn .txtc { font-size: 1.2rem; }
.comic_view .comic_premium_info {
    position: relative;
    width: 400px;
    margin: 200px auto 0;
    padding-bottom: 20px;
    border: 2px solid #ccc;
    border-radius: 3px;
}
.comic_view .comic_premium_info_image { position: relative; height: 200px; margin-bottom: 30px; }
.comic_view .comic_premium_info_image p {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 100%;
    color: #fff;
    font-size: 1.6rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.comic_view .comic_premium_info_image p span { font-size: 1.2rem; }
.comic_view .comic_premium_info > p { margin: 0 20px 1em; text-align: left; }
.comic_view .comic_premium_info .notice_window { margin: 20px; padding: 10px; }
.comic_view .comic_premium_info .btn { max-width: none; margin-top: 1em; font-size: 1.6rem; }
.comic_view .comic_premium_info .btn + .txtc { margin-top: 1em; font-size: 1.2rem; }
.comic_view .view_mode { position: absolute; bottom: 0; right: 10px; }
.comic_view .view_mode a {
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 10px;
    border: 1px solid #666;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.comic_view .view_mode a:hover { background: rgba(0, 0, 0, .5); }
.comic_view .view_mode a.selected { background: #ed7877; border-color: #ed7877; }
.comic_view .view_mode a.selected:hover { cursor: default; }
.comic_view .view_mode a .fa { margin: 0; }
.comic_view .view_mode .tips_cont img { margin-bottom: 1em; }
.comic_view .view_mode .tips_cont p { margin: 0; }
.comic_view .wrapper_horizontal { position: relative; margin: 140px 0 -50px; padding: 0 60px; }
.comic_view .wrapper + .wrapper_horizontal { margin-top: 0; }
.comic_view .wrapper_horizontal .blank_page { min-height: 1px; border: 1px solid #e5e5e5; }
.comic_view .wrapper_horizontal .horizontal_view { width: 50%; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"] { position: absolute; top: 0; width: 20%; height: 100%; }
.comic_view .wrapper_horizontal .page_end { border: 1px solid #f00; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].left { left: 0; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].right { right: 0; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"] > span {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 100px;
    height: 100px;
    padding-top: 15px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.comic_view .wrapper_horizontal div[id^="horizontal_go"].left > span { left: -50px; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].left > span * { visibility: hidden; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].right > span { right: -50px; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].right > span * { visibility: hidden; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].left:hover > span { left: 10px; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].left:hover > span * { visibility: visible; color: #fff; text-decoration: none; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].right:hover > span { right: 10px; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].right:hover > span * { visibility: visible; color: #fff; text-decoration: none; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"] > span:hover { background: rgba(0, 0, 0, .7); }
.comic_view .wrapper_horizontal div[id^="horizontal_go"] span .fa { display: block; font-size: 5rem; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].left span .fa { margin-right: 5px; }
.comic_view .wrapper_horizontal div[id^="horizontal_go"].right span .fa { margin-left: 5px; }
.comic_view .wrapper_horizontal #horizontal_go_end:hover > span { width: 200px; height: 200px; padding-top: 40px; font-size: 1.6rem; }
.comic_view .wrapper_horizontal #horizontal_go_end:hover span .fa { margin: -25px 0 0; font-size: 6rem; }
.comic_view .wrapper_horizontal #horizontal_go_end:hover span b { font-size: 2rem; font-weight: normal; }
.comic_view .nextload a img { width: auto !important; }
.comic_view .recommend { position: relative; margin-top: 60px; }
.comic_view .recommend h3 { margin-bottom: 2em; padding: 0; font-size: 2rem; border: none; }
.comic_view .recommend li { display: inline-block; width: 32%; padding: 0 10px; }
.comic_view .recommend a { text-decoration: none; }
.comic_view .recommend .thumbnail { width: 207px; height: 207px; margin-bottom: 1em; overflow: hidden; }
.comic_view .recommend .thumbnail img { width: 100%; }
.comic_view .recommend .tof { color: #808080; }
.comic_view .recommend .title.tof { color: #4b4b4b; font-size: 1.6rem; font-weight: bold; }

/* 作品一覧 */
#comic .publisher_profile { text-align: center; font-size: 1.6rem; }
#comic .publisher_profile h2 { margin-bottom: 1em; }
#comic .publisher_profile h2 span { font-size: 2rem; font-weight: normal; }
#comic .publisher_profile img { width: 150px; margin-bottom: 1em; }
#comic .publisher_profile a { font-size: 1.2rem; }
#comic .comic_list { margin: 50px 0 100px; padding: 30px 0; background: #f0f0f0; }
#comic .comic_list li {
    position: relative;
    float: left;
    width: 20.5%;
    height: 290px;
    margin: 20px;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#comic .comic_list li:hover { border-color: #ed2618; }
#comic .comic_list li a { display: block; color: #4b4b4b; text-decoration: none; }
#comic .comic_list li .thumbnail { height: 197px; padding-top: 1px; }
#comic .comic_list li .thumbnail img { width: 100%; max-height: 197px; }
#comic .comic_list li .thumbnail + div { padding: 10px; }
#comic .comic_list li .title { font-size: 1.6rem; }
#comic .comic_list li .genre { margin-top: 1em; text-align: right; }
#comic .comic_list li .genre span.fa { margin-right: 3px; }
#comic .comic_list li .genre span:not(.fa) {
    position: relative;
    top: -1px;
    margin-right: 10px;
    padding: 0 5px;
    color: #fff;
    font-size: 1rem;
    background: #ed7877;
    border-radius: 3px;
}
#comic .comic_list li .word_hide { display: none; }

/* 発行管理 */
.seller .comic_upload { margin-top: 50px; }
.seller .comic_upload #comicThumbnailFormId { margin-bottom: 60px; }
.seller .comic_upload .files { float: left; }
.seller .comic_upload .thumbnail_box,
.seller .comic_upload .list_comics .thumbnail_box:first-child {
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
    margin: 20px 20px 0 0;
    padding: 5px;
    text-align: center;
    background: #fff;
    border: 1px dotted #ccc;
    border-radius: 3px;
}
.seller .comic_upload .files .thumbnail_box { border: 1px solid #ccc; border-radius: 0; }
.seller td.comic_upload .files .thumbnail_box { margin-top: 0; border: none; }
.seller .comic_upload .files .thumbnail_box .preview { height: 188px; overflow: hidden; }
.seller .comic_upload .files .thumbnail_box .preview::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    width: 24px;
    height: 24px;
    background: url(/images/lightbox_loading.gif) center center no-repeat;
    background-size: contain;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.seller .comic_upload .thumbnail_box img { position: relative; z-index: 2; width: 100%; max-height: none; }
.seller .comic_upload .thumbnail_box .fileinput-button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #1d5aac;
    border-radius: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.seller .comic_upload .thumbnail_box input[type="file"] {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 2;
    width: 100px;
    height: 50px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.seller .comic_upload .thumbnail_box div[id^="dropzone_"] {
    width: 100%;
    height: 100%;
    padding-top: 67px;
    text-align: center;
    background: #fff url(/images/icon_comic.png) left 58% top 30px no-repeat;
    background-size: 50%;
}
.seller .comic_upload .thumbnail_box .size {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 2;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    background: rgba(255, 255, 255, .9);
    border-radius: 10px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.seller .comic_upload .list_comics .thumbnail_box .size { width: 90%; }
.seller td.comic_upload .files .thumbnail_box .size { top: 10px; bottom: auto; }
.seller .comic_upload .thumbnail_box .btn {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 3;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #666;
    border-radius: 50%;
}
.seller .comic_upload .thumbnail_box .btn .fa { margin: 0; }
.seller .comic_upload .thumbnail_box .error { padding-top: 80px; }
.seller .comic_upload .thumbnail_box .error::before {
    content: '\f071';
    position: absolute;
    top: 40px;
    left: 50%;
    font-family: FontAwesome;
    font-size: 3rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.seller .comic_upload .thumbnail_box .error:empty::before { content: ''; }
.seller .comic_upload .total_filesize {
    margin: 2em 2em 0 0;
    padding: 1em 0 0 1em;
    border-top: 1px solid #e5e5e5;
}
.seller .comic_upload .total_filesize span { margin-left: 10px; font-size: 1.4rem; font-weight: bold; }

.seller .comic #bookChapterPublishingDoChangeOrderFormId { display: inline-block; }
.seller .comic #sortdata { margin: 30px 0; }
.seller .comic #sortdata > div {
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
    margin: 0 10px 10px 0;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.seller .comic #sortdata.sort_chapter > div { height: 235px; }
.seller .comic #sortdata.sort_chapter > div:not(.disabled):hover { border-color: #808080; outline: 1px solid #808080; }
.seller .comic #sortdata.sort_chapter > div.disabled::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 200px;
    height: 235px;
    background: rgba(0, 0, 0, .1);
}
.seller .comic #sortdata > div a { display: block; height: 160px; overflow: hidden; }
.seller .comic #sortdata .number { margin-bottom: 10px; }
.seller .comic #sortdata.sort_chapter .number { margin: 2em 0 0; }
.seller .comic #sortdata.sort_chapter .number .tof { font-weight: bold; }
.seller .comic #sortdata img {
    position: relative;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.seller .comic #sortdata .placeholder {
    /* width: 100%; */
    /* height: 100px; */
    width: 200px;
    height: 200px;
    background: #f0f0f0;
    border: dotted 2px #ccc;
}
.seller .comic #sortdata .placeholder::before {
    content: '\3053\3053\306B\914D\7F6E'; /* ここに配置 */
    position: absolute;
    left: 50%;
    line-height: 200px;
    color: #ccc;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.seller td a.thumbnail { display: inline-block; width: 200px; max-height: 200px; overflow: hidden; }
.seller td a.thumbnail img { width: 100%; max-height: none; }
.seller .tips_cont.guide_thumbnail .clear div:first-child { width: 400px; }
.seller .tips_cont.guide_thumbnail .clear div:last-child { width: 180px; margin-left: 20px; }
.seller .tips_cont.guide_thumbnail img { margin-bottom: 2em; border: 1px solid #ccc; }
.seller .tips_cont.guide_thumbnail p span { margin-right: 1em; padding: 0; font-weight: bold; }
.seller .partner_school_cancel {
    position: absolute;
    top: 126px;
    right: 20px;
    font-size: 1.4rem;
}
.seller .partner_school_cancel .tips:hover { text-decoration: underline; }
.seller .partner_school_cancel .tips_cont { width: 320px; right: -5px; font-size: 1.2rem; }
.seller .comic_pdf_convert p:nth-of-type(4) { margin-top: 2em; }
.seller .comic_pdf_convert table { margin-top: 4em; }
.seller .comic_pdf_convert table th { width: auto; text-align: center; }
.seller .comic_pdf_convert table td { text-align: center; }
.seller .comic_upload #comicPageFormId h3 { margin-top: 50px; }
.seller .comic_upload .pdf { position: absolute; right: 30px; margin-top: -45px; }

/* まんがのレジまぐ */
.comic_slider_wrapper { position: relative; margin: 32px 0 -30px; overflow: hidden; }
.comic_slider_wrapper .bx-wrapper { margin: 0 auto; }
.comic_slider_wrapper img { width: 100%; }
#comic .topicpath { float: left; }
#comic .social_btn { float: right; margin-top: 0; }
#comic .information { position: relative; margin-bottom: 1em; font-size: 1.4rem; }
#comic .information span {
    margin-right: 1em;
    padding: 5px 10px;
    color: #fff;
    background: #ed2618;
    border-radius: 3px;
}
#comic .information a:hover { text-decoration: underline; animation: puyo .6s linear 0s 1; }
@keyframes puyo {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(.9, .9) translate(0%, 5%); }
  30%  { transform: scale(1.3, .8) translate(0%, 10%); }
  50%  { transform: scale(.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, .9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
#comic .information a + a {
    position: absolute;
    top: -180px;
    right: 110px;
    z-index: 2;
    opacity: .8;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#comic .information a + a:hover { opacity: 1; }
#comic .information a + a img { width: 220px; }
#comic .information a:last-child { position: absolute; top: 0; right: 0; opacity: 1; }
#comic h2 { margin-bottom: 10px; padding: 0; font-weight: bold; border: none; }
#comic h2 span { color: #ed2618; }
#comic .generic_refine_tool {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 30px;
    text-align: left !important;
}
#comic .generic_refine_tool .generic_genre_midashi { display: none; }
#comic .generic_genre_refinemenu label { margin-bottom: 5px; font-size: 1rem; background: #ed2618; }
#comic .wrapper + .article_list:not(.content_thanks_ranking) { padding: 1px 0 30px; background: rgba(237, 38, 24, .2); }
#comic .article_list ul + a { color: #fabeba; border-color: #fabeba; }
#comic .wrapper + .article_list:not(.content_thanks_ranking) ul + a { color: rgba(237, 38, 24, .4); border-color: rgba(237, 38, 24, .4); }
#comic .article_list ul + a:hover,
#comic .wrapper + .article_list ul + a:hover,
#comic #ranking #ranking_view + a:hover { color: #ed2618; border-color: #ed2618; text-decoration: none; cursor: pointer; }
#comic .article_list li {
    position: relative;
    float: left;
    width: 220px;
    height: 360px;
    margin: 20px 10px;
}
#comic .article_list:not(.content_thanks_ranking) li { background: #fff; border-radius: 3px; }
#comic .article_list li > a {
    position: relative;
    height: 220px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 220px 220px;
    border: 2px solid #fff;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#comic .article_list.content_thanks_ranking { margin-bottom: 30px; }
#comic .article_list.content_thanks_ranking li > a { border-color: #fff; }
#comic .article_list li a:hover { border-color: #ed2618; }
#comic .article_list li a:not(.btn) { display: block; color: #fff; text-decoration: none; }
#comic .article_list li > a > div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 10px 5px;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
}
#comic .article_list li .title { margin-top: 10px; font-size: 1.6rem; }
#comic .article_list li .article_title { padding: 5px 10px 0; }
#comic .article_list li .article_title .tof { font-size: 1.6rem; }
#comic .article_list li .btn { margin-top: 5px; }
#comic .article_list li .txtr:not(.tof) { padding: 0 10px; color: #808080; }
#comic .article_list .article_box > .txtc { position: relative; height: 65px; }
#comic .article_list .article_box > .txtc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#comic #ranking h3 { background: #ed2618; }
#comic #ranking .ranking_inner,
#comic #ranking.rankAll .box .generic_lanking {
    display: inline-block;
    width: -webkit-calc((980px - 60px) / 3) !important;
    width: calc((980px - 60px) / 3) !important;
}
#comic #ranking .box .generic_lanking .ranking_body_top:hover { border: 3px solid #ed2618; }
#comic .ranking_body_genre { position: relative; top: 18px; z-index: 3; color: #999; font-size: 1.2rem; }
#comic #ranking.refine #sticker_ranking { width: 980px; margin-left: -10px; padding: 0 0 30px 10px; }
#comic .ranking { margin: 0; }
#comic .ranking .sales,
#comic .ranking .favorite,
#comic .ranking .trend { width: auto; }
#comic .ranking h3 { margin-left: -10px; }
#comic .wrapper + .article_list.content_thanks_ranking { padding: 1px 0 40px; background: rgba(237, 38, 24, .1); }
#comic .content_thanks_ranking { counter-reset: rank; }
#comic .content_thanks_ranking li { float: none; display: inline-block; height: auto; }
#comic .content_thanks_ranking li a::before,
#comic .content_thanks_ranking ul + ul li a::before,
#comic .content_thanks_ranking li .rank {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 42px;
    height: 42px;
    line-height: 44px;
    text-align: center;
    color: #303030;
    font-size: 1.6rem;
    font-weight: bold;
    background: #f0f0f0;
    border-radius: 50%;
}
#comic .wrapper + .article_list.content_thanks_ranking li:nth-of-type(n+4) a::before { color: #fff; background: #fabeba; }
#comic .content_thanks_ranking li a::before,
#comic .content_thanks_ranking ul + ul li a::before { counter-increment: rank; content: counter(rank); z-index: 2; }
#comic .content_thanks_ranking li:nth-of-type(-n+3) a::before {
    width: 42px;
    height: 55px;
    line-height: 46px;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
#comic .content_thanks_ranking ul:nth-of-type(1) li:nth-child(1) a::before {
    background: url(/images/icon_gold.png) center center no-repeat;
    background-size: 100%;
}
#comic .content_thanks_ranking ul:nth-of-type(1) li:nth-child(2) a::before {
    background: url(/images/icon_silver.png) center center no-repeat;
    background-size: 100%;
}
#comic .content_thanks_ranking ul:nth-of-type(1) li:nth-child(3) a::before {
    background: url(/images/icon_bronze.png) center center no-repeat;
    background-size: 100%;
}

/* おすすめピックアップ */
#comic .pickup_list { margin-bottom: 30px; padding: 1px 0 30px; background: rgba(237, 38, 24, 1); }
#comic .pickup_list h2,
#comic .pickup_list h2 .fa { color: #fff; }
#comic .pickup_list li {
    position: relative;
    float: left;
    width: 470px;
    height: 170px;
    margin: 20px 10px;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#comic .pickup_list li:hover {
    text-decoration: none;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, .3); */
     animation: poyo .2s linear 0s 1;
}
@keyframes poyo {
  0%   { transform: scale(1, 1); }
  50%  { transform: scale(1.02, 1.02); }
  100% { transform: scale(1, 1); }
}
#comic .pickup_list li a { display: block; padding: 10px; color: #4b4b4b; text-decoration: none; }
#comic .pickup_list li a:hover { text-decoration: none; }
#comic .pickup_list li .reco {
    position: absolute;
    top: -16px;
    left: -16px;
    z-index: 2;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #ed2618;
    border-radius: 50%;
    transform: rotate(-30deg);
}
#comic .pickup_list li .thumbnail { float: left; width: 150px; height: 150px; overflow: hidden; }
#comic .pickup_list li .thumbnail img { width: 100%; }
#comic .pickup_list li .thumbnail ~ * { margin-left: 170px; }
#comic .pickup_list li .title { font-size: 1.8rem; font-weight: bold; }
#comic .pickup_list li p { height: 78px; overflow: hidden; }
#comic .pickup_list li .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.6rem;
    background: #22ac38;
    border-radius: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#comic .pickup_list li .btn::after { content: '\f105'; margin-left: 1em; font-family: FontAwesome; }
#comic .pickup_list li a:hover .btn { opacity: .7; }

/* 提携学校のご紹介 */
#comic h2.partner_school_name { font-size: 3rem; }
#comic .partner_school { margin: 100px 0 -100px; padding: 1px 0 100px; text-align: center; background: #f0f0f0; }
#comic .partner_school h2 { margin-bottom: 2em; font-weight: normal }
#comic .partner_school .partner_school_name { margin-bottom: 1em; color: #4b4b4b; font-size: 1.4rem; }
#comic .partner_school a { display: inline-block; width: 300px; margin: 0 10px; text-decoration: none; }
#comic .partner_school a:hover .txtr { text-decoration: underline; }
#comic .partner_school img { width: 100%; margin-bottom: 1em; border: 1px solid #808080; }
#comic .partner_school .information { margin-top: 60px; padding: 0; }
#comic .partner_school .information b { float: left; font-size: 1.6rem; }
#comic .partner_school .information p { margin-left: 140px; text-align:left; font-size: 1.2rem; }
#comic .partner_school .information a { position: static; width: auto; }
#comic .partner_school .information a:hover { animation: none; }
#comic .partner_school .information a::before {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    background: url(/images/icon_new_window_open.png) 0 0 no-repeat;
    background-size: 100%;
}
#comic .partner_school_footer { margin: 100px 0 -100px; padding-bottom: 70px; background: #fff; }

/* タグ検索 */
#comic .tag_list_all { margin-bottom: 50px; padding-top: 50px; }
#comic .tag_list_all .fa { margin-right: 5px; }
#comic .tag_list_all span:not(.fa) {
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px 10px;
    color: #fff;
    background: #f6938c;
    border-radius: 3px;
}
#comic .tag_list_all .showmore_trigger span:not(.fa) { width: 100%; color: #1d5aac; background: none; }
#comic .tag_search_list li { height: 300px; }
#comic .tag_list {
    height: 74px;
    margin: 1em 5px 0;
    font-size: 1rem;
    overflow: hidden;
}
#comic .tag_list span:not(.fa) {
    display: inline-block;
    margin-bottom: 5px;
    padding: 2px 5px;
    color: #999;
    background: #e5e5e5;
    border-radius: 3px;
}
#comic .tag_list span.tag { color: #fff; background: #f6938c; }

/* 年齢認証 */
.adult_authorize_wrapper {
    position: absolute;
    top: -100px;
    bottom: -100px;
    z-index: 101;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, .8);
}
.adult_authorize_wrapper ~ * { filter: blur(5px); }
.adult_authorize {
    position: fixed;
    top: 100px;
    left: 50%;
    width: 600px;
    padding: 20px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.adult_authorize h2 { margin-top: 0; padding: 0; border: none; }
.adult_authorize img { width: 150px; margin-bottom: 30px; }
.adult_authorize strong { color: #d00; font-size: 1.6rem; font-weight: bold; }
.adult_authorize a { margin: 1em; }

/* 発行者募集ページ */
#ad_comic { font-size: 1.6rem; color: #666; }
#ad_comic div[class^="cont_"] { position: relative; margin-bottom: 60px; }
#ad_comic div[class^="cont_"] h2 {
    height: 300px;
    margin: 0 0 60px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
}
#ad_comic div[class^="cont_"] h3 {
    margin-bottom: 1em;
    padding-bottom: 0;
    font-size: 2rem;
    font-weight: normal;
    border: none;
}
#ad_comic div[class^="cont_"] .ind { font-size: 1.2rem; }
#ad_comic div[class^="cont_"] h3:not(:last-child) { margin-top: 60px; }
#ad_comic .social_btn {
    position: relative;
    top: -30px;
    left: 50%;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#ad_comic .cont_02 { margin-top: 34px; }
#ad_comic .cont_02 h2 { background: #e83428 url(/images/ad_comic_cont_02.png) center center no-repeat; }
#ad_comic .cont_02 h3 { position: relative; margin-left: -1em; padding-left: 40px; color: #ed2618; }
#ad_comic .cont_02 h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: url(/images/icon_feature_comic.png) 0 0 no-repeat;
    background-size: 30px;
}
#ad_comic .cont_02 div[class^="cont_"] { padding-left: 1em; }
#ad_comic .cont_02 .wrapper > p { text-align: center; color: #ed2618; font-size: 3rem; font-weight: bold; }
#ad_comic .cont_02 div[class^="cont_"] p:not(.ind)::before { position: absolute; left: 0; }
#ad_comic .cont_02 .cont_02_01 p:not(.ind)::before { content: '\30FB'; } /* ・ */
#ad_comic .cont_02 .cont_02_02 p:not(.ind)::before,
#ad_comic .cont_02 .cont_02_03 p:not(.ind)::before { content: '\203B'; } /* ※ */
#ad_comic .cont_02 p.ind { margin-left: -1em; }
#ad_comic .cont_02 img {
    position: relative;
    left: 50%;
    margin-bottom: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#ad_comic .cont_03 h2 { background: #00a0e9 url(/images/ad_comic_cont_03.png) center center no-repeat; }
#ad_comic .cont_03 .wrapper > p { text-align: center; color: #00a0e9; font-size: 3rem; font-weight: bold; }
#ad_comic .cont_03 dl { margin-top: 60px; padding-bottom: 70px; counter-reset: count; }
#ad_comic .cont_03 dt { margin-bottom: 1em; color: #00a0e9; font-size: 2.4rem; }
#ad_comic .cont_03 dt span {
    display: inline-block;
    height: 40px;
    line-height: 42px;
    margin-right: 1em;
    padding: 0 1em;
    color: #fff;
    font-size: 2rem;
    background: #00a0e9;
    border-radius: 20px;
}
#ad_comic .cont_03 .step1 { background: url(/images/ad_comic_cont_03_01a.png) right top no-repeat; background-size: 200px; }
#ad_comic .cont_03 .step2 { background: url(/images/ad_comic_cont_03_01b.png) right top no-repeat; background-size: 200px; }
#ad_comic .cont_03 .step3 { background: url(/images/ad_comic_cont_03_01c.png) right top no-repeat; background-size: 200px; }
#ad_comic .cont_03 .step4 { background: url(/images/ad_comic_cont_03_01d.png) right top no-repeat; background-size: 200px; }
#ad_comic .cont_03 .step2 h3 { font-size: 2.6rem; }
#ad_comic .cont_03 .step2 img { margin: 2em 0; }
#ad_comic .cont_03 .step2 .ind { display: block; margin-left: 1em; }
#ad_comic .cont_03 .step2 table { margin: 1em 0; }
#ad_comic .cont_03 .step2 th { padding: 10px; font-size: 1.2rem; background: #ddd; }
#ad_comic .cont_03 .step2 th.vertical { background: #f0f0f0; }
#ad_comic .cont_03 .step2 td { padding: 20px 10px; text-align: center; font-size: 1.4rem; }
#ad_comic .cont_03 .step3 img,
#ad_comic .cont_03 .step4 img {
    float: left;
    width: 350px;
    margin-bottom: 1em;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
}
#ad_comic .cont_03 .step3 img + div,
#ad_comic .cont_03 .step4 p { padding-left: 380px; }
#ad_comic .cont_03 .step3 img + div p.ind { margin-bottom: 1em; font-size: 1.6rem; text-indent: -2.2rem; }
#ad_comic .cont_03 .step3 img + div span { font-weight: bold; }
#ad_comic .cont_03 .step3 img + div b,
#ad_comic .cont_03 .step4 p b { color: #ed7877; }
#ad_comic .cont_03 + .txtc { margin-bottom: 100px; color: #00a0e9; font-size: 4rem; }
#ad_comic .cont_03 + .txtc a {
    display: inline-block;
    padding: .5em 4em;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    background: #00a0e9;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#ad_comic .cont_03 + .txtc a:hover { opacity: .8; }

/* -------------------------------------------------- 学校管理画面 */
.school_manage { position: relative; }
.school_manage .nav {
    position: relative;
    left: 50%;
    width: 700px;
    margin-bottom: 60px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.school_manage .nav li { float: left; margin-top: 1em; }
.school_manage .nav li a {
    display: block;
    margin-right: 1em;
    height: 30px;
    line-height: 28px;
    padding: 0 2em;
    color: #666;
    font-size: 1.2rem;
    border: 2px solid #ddd;
    border-radius: 15px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.school_manage .nav li a:hover { color: #1d5aac; border-color: #1d5aac; text-decoration: none; }
.school_manage .col_single { width: 600px; }
.school_manage .notice { margin: 0 0 60px; }
.school_manage form { margin-bottom: 3em; }
.school_manage textarea { width: 100%; }
.school_manage table { margin-top: 3em; }
.school_manage th { padding: 10px; text-align: center; }
.school_manage td { padding: 20px 10px; text-align: center; }
.school_manage th:not(.title),
.school_manage td:not(.title) { white-space: nowrap; }
.school_manage td.title { text-align: left; }
.school_manage td.title > div { position: relative; display: table-cell; }
.school_manage td.title span { display: block; margin-bottom: .5em; font-weight: bold; }
.school_manage td.title img {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.school_manage td.title img:not(.thumbnail) { margin-left: 8.5px; }
.school_manage td.title img.thumbnail { width: 67px; border: none; }
.school_manage td.title img + div { padding-left: 80px; }
.school_manage td .sale { color: #22ac38; }
.school_manage td .delete { color: #d00; }

/* -------------------------------------------------- 広告支援メニュー */
.sellerMenu.site_ad_menu { padding-bottom: 1em; border-bottom: 1px solid #ccc; }
.sellerMenu.site_ad_menu li { border: none; }
.sellerMenu.site_ad_menu li span.fa { margin-left: -2px; }
.sellerMenu.site_ad_menu ul li a { margin-left: -20px; }
.sellerMenu.site_ad_menu ul li a::before {
    content: '\f105';
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 10px;
    font-family: FontAwesome;
}
.site_ad_apply h2 { line-height: 1.4; font-size: 3.1rem; font-weight: normal; }
.site_ad_apply h3 {
    position: relative;
    margin-bottom: 2em;
    padding: 50px 0 0;
    font-size: 2.4rem;
    font-weight: normal;
    border: none;
    overflow: hidden;
}
.site_ad_apply h3::before {
    content: attr(title);
    position: absolute;
    top: 35px;
    color: #ccc;
    font-size: 1.2rem;
    font-weight: normal;
}
.site_ad_apply h3 span::before,
.site_ad_apply h3 span::after { content: ''; position: absolute; bottom: 0; }
.site_ad_apply h3 span::before { width: 100%; padding: 0 10px; border-bottom: 3px solid #1d5aac; }
.site_ad_apply h3 span::after { width: 100%; border-bottom: 3px solid #e0e0e0; }
.site_ad_apply h4.mark {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    text-align: left;
    font-size: 2rem;
    font-weight: normal;
}
.site_ad_apply h4.mark::before,
.site_ad_apply h4.mark::after { content: ''; position: absolute; width: 12px; height: 12px; }
.site_ad_apply h4.mark::before { left: 0; top: 0; z-index: 2; border: 2px solid #1d5aac; }
.site_ad_apply h4.mark::after { left: 7px; top: 7px; border: 2px solid #ccc; }

.site_ad_apply.finish div[class^="check"] { margin: 30px 0 60px; padding-left: 220px; }
.site_ad_apply.finish div[class^="check"] a { font-size: 1.6rem; }
.site_ad_apply.finish .check_icon_header {
    background: url(/images/ad_finish_apply_01.png) 20px 0 no-repeat;
    background-size: 150px;
}
.site_ad_apply.finish .check_description {
    background: url(/images/ad_finish_apply_02.png) 20px 0 no-repeat;
    background-size: 150px;
}
.site_ad_apply.finish p { font-size: 1.4rem; }
.site_ad_apply.finish b { font-size: 1.6rem; text-decoration: underline; }
#site_ad_menu {
    display: flex;
    justify-content: center;
    padding: 30px 0 20px;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#site_ad_menu li {
    position: relative;
    width: 100%;
    padding: 20px 10px 10px;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
}
#site_ad_menu #menu_01 { padding: 0;}
#site_ad_menu li:not(:last-child) { margin-right: 10px; }
#site_ad_menu li::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: -1px;
    width: 100%;
    height: 0;
    background: #1d5aac;
    border-left: 1px solid #1d5aac;
    border-right: 1px solid #1d5aac;
    -webkit-transition: height .2s;
    transition: height .2s;
}
#site_ad_menu li:hover,
#site_ad_menu li.current { padding-top: 20px; background: #fff; }
#site_ad_menu li:hover p,
#site_ad_menu li.current p { color: #4b4b4b; }
#site_ad_menu li:hover::after,
#site_ad_menu li.current::after { height: 4px; }
#site_ad_menu li p { text-align: center; color: #ccc; font-size: 1.6rem; }
#site_ad_menu li a { display: block; color: #ccc; }
#site_ad_menu li a::before {
    content: '\f105';
    display: inline-block;
    width: 10px;
    font-family: FontAwesome;
}
#site_ad_menu li a:hover,
#site_ad_menu li.current a.active { color: #1d5aac; }
#site_ad_menu li.current a.active:hover { text-decoration: none; cursor: default; }
#site_ad_menu + a { position: relative; top: -40px; float: right; }
#site_ad_menu #menu_01 a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    text-decoration: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#site_ad_menu #menu_01 a::before { display: none; }

#site_ad_container.cont_01 .site_ad_inner > h4,
#site_ad_container.cont_01 .cont_02_wrapper h4 { margin-bottom: 2em; text-align: center; font-size: 3rem; font-weight: normal; }
#site_ad_container.cont_01 .site_ad_inner > h4 { margin: 1em 0 0; }
#site_ad_container.cont_01 [class$="_wrapper"] { margin-bottom: 50px; }
#site_ad_container.cont_01 .cont_01_wrapper { display: flex; flex-wrap: wrap; }
#site_ad_container.cont_01 .cont_01_wrapper h4 { line-height: 1.4; margin-bottom: 10px; font-size: 2rem; font-weight: normal; }
#site_ad_container.cont_01 .cont_01_wrapper div { width: 50%; padding: 4em 3em 0; }
#site_ad_container.cont_01 .cont_01_wrapper p { text-align: justify; color: #808080; }
#site_ad_container.cont_01 .cont_02_wrapper dl { display: flex; width: 100%; margin-top: 60px; }
#site_ad_container.cont_01 .cont_02_wrapper dt {
    position: relative;
    width: 30%;
    height: 140px;
    text-align: center;
    background: rgba(29, 90, 172, .2);
}
#site_ad_container.cont_01 .cont_02_wrapper dl dt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#site_ad_container.cont_01 .cont_02_wrapper dl.type_a dt::before {
    background: #fff url(/images/ad_plan01.png) 0 0 no-repeat;
    background-size: contain;
}
#site_ad_container.cont_01 .cont_02_wrapper dl.type_b dt::before {
    background: #fff url(/images/ad_plan02.png) 0 0 no-repeat;
    background-size: contain;
}
#site_ad_container.cont_01 .cont_02_wrapper dl.type_c dt::before {
    background: #fff url(/images/ad_plan03.png) 0 0 no-repeat;
    background-size: contain;
}
#site_ad_container.cont_01 .cont_02_wrapper dt::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 0;
    margin-top: -70px;
    border: solid transparent;
    border-color: rgba(224, 224, 224, 0);
    border-left-color: rgba(29, 90, 172, .2);
    border-width: 70px;
}
#site_ad_container.cont_01 .cont_02_wrapper dt span,
#site_ad_container.cont_01 .cont_02_wrapper dd p {
    position: absolute;
    top: 50%;
    left: 100px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#site_ad_container.cont_01 .cont_02_wrapper dt span { left: 50%; }
#site_ad_container.cont_01 .cont_02_wrapper .type_b dt span { left: 40%; }
#site_ad_container.cont_01 .cont_02_wrapper dt b { font-size: 2rem; }
#site_ad_container.cont_01 .cont_02_wrapper dd { position: relative; width: 70%; color: #808080; }
#site_ad_container.cont_01 .cont_02_wrapper dd span { color: #4b4b4b; font-size: 2rem; }
#site_ad_container.cont_01 .cont_03_wrapper ul { display: flex; margin-bottom: 50px; }
#site_ad_container.cont_01 .cont_03_wrapper li { width: 25%; margin: 0 10px; }
#site_ad_container.cont_01 .cont_03_wrapper li img { background: rgba(29, 90, 172, .2); border-radius: 50%; }
#site_ad_container.cont_01 .cont_03_wrapper li p {
    position: relative;
    min-height: 90px;
    margin-top: -2em;
    padding: 15px 10px 10px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}
#site_ad_container.cont_01 .cont_03_wrapper li p span {
    position: absolute;
    top: -8px;
    left: 5px;
    padding: 0 5px;
    font-size: 1.2rem;
    font-weight: bold;
    text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
}
#site_ad_container.cont_01 .cont_03_wrapper .ind { display: block; margin: 1em 0 0 1em; }
#site_ad_container.cont_01 .cont_04_wrapper h4.mark:not(:first-child) { margin-top: 80px; }
#site_ad_container.cont_01 .cont_04_wrapper .site_ad_detail h4 { margin-bottom: .5em; font-size: 2.5rem; font-weight: normal; }
#site_ad_container.cont_01 .cont_04_wrapper span {
    position: relative;
    display: inline-block;
    margin: 15px 5px 0;
    padding: 10px 5px 10px 10px;
    color: #1d5aac;
    font-size: 1.4rem;
    border: 2px solid #1d5aac;
    border-radius: 3px;
}
#site_ad_container.cont_01 .cont_04_wrapper span::after {
    content: '\f105';
    display: inline-block;
    width: 20px;
    text-align: right;
    font-family: FontAwesome;
}
#site_ad_container.cont_01 .cont_04_wrapper span:hover { color: #fff; background: #1d5aac; cursor: pointer; }

#site_ad_container .site_ad_wrapper { display: flex; width: 100%; }
#site_ad_container .site_ad_wrapper .site_ad_image { width: 45%; padding: 0 20px; }
#site_ad_container .site_ad_wrapper .site_ad_detail { width: 55%; padding: 0 20px; }
#site_ad_container .site_ad_detail dl { display: flex; margin-bottom: 10px; }
#site_ad_container .site_ad_detail dl:first-child { margin-top: 30px; }
#site_ad_container .site_ad_detail dt { width: 130px; padding-right: 30px; text-align: right; font-size: 1.2rem; }
#site_ad_container .site_ad_detail dd { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); }
#site_ad_container .site_ad_detail .price dd b { font-size: 1.8rem; font-weight: normal; }
#site_ad_container .site_ad_detail .price dd .tax { font-size: 1rem; }
#site_ad_container .site_ad_detail .title { margin: 50px -.6em 0 .6em; letter-spacing: .6em; }
#site_ad_container .site_ad_detail .title + dd { margin-top: 50px; }
#site_ad_container .site_ad_detail .ind,
#site_ad_container.cont_01 .cont_02_wrapper dd .ind { display: block; font-size: 1.2rem; }
#site_ad_container .site_ad_detail .ind + .ind { margin-top: 1em; }
#site_ad_container .site_ad_detail a,
#site_ad_apply_form + .notice_window a { margin: 0 5px; }
#site_ad_container .site_ad_detail a::before,
#site_ad_apply_form + .notice_window a[target="_blank"]::before {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    background: url(/images/icon_new_window_open.png) 0 0 no-repeat;
    background-size: 100%;
}
#site_ad_apply_form dl { display: flex; margin-bottom: 30px; padding: 0 250px 0 50px; }
#site_ad_apply_form dt { width: 210px; padding-right: 50px; text-align: right; font-size: 1.4rem; }
#site_ad_apply_form dd { width: -webkit-calc(100% - 210px); width: calc(100% - 210px); }
#site_ad_apply_form select { font-size: 1.6rem; }
#site_ad_apply_form select[name="content_type"],
#site_ad_apply_form textarea { width: 100%; }
#site_ad_apply_form .ind { display: block; margin-top: 5px; }
#site_ad_apply_form button { height: auto; line-height: 1; padding: 10px 20px; font-size: 1.8rem; }
#site_ad_apply_form + .notice_window { width: 800px; margin: 30px auto 0; padding: 15px 20px; }
#site_ad_apply_form + .notice_window .ind { margin: .5em 0; }
#site_ad_apply_form + .notice_window label { color: #1d5aac; }
#site_ad_apply_form + .notice_window label:hover { text-decoration: underline; }

/* -------------------------------------------------- 171120 競馬ランキング改修 */
#keiba #ranking { background: #f0f0f0; padding-bottom: 40px; }
#keiba .wrapper.refine h2 { margin-top: 60px; }
#keiba .wrapper.refine .is-sticky #sticker_ranking { width: 980px; }
#keiba .storeNav {
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 30px;
}
#keiba .storeNav > a,
.list_view_select label.no_gold_member a {
    position: absolute;
    top: -40px;
    left: 20px;
    z-index: 2;
    display: block;
    width: 200px;
    padding: 10px;
    text-align: center;
    color: #1d5aac;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none !important;
}
.list_view_select label.no_gold_member a {
    top: -50px;
    left: 5px;
    width: 120px;
    line-height: 1.4;
    padding: 5px;
    font-size: 1.2rem;
}
#keiba .storeNav > a::after,
#keiba .storeNav > a::before,
.list_view_select label.no_gold_member a::after,
.list_view_select label.no_gold_member a::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    pointer-events: none;
}
#keiba .storeNav > a::after,
.list_view_select label.no_gold_member a::after {
    margin-left: -5px;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
}
#keiba .storeNav > a::before,
.list_view_select label.no_gold_member a::before {
    margin-left: -6px;
    border-color: rgba(187, 187, 187, 0);
    border-top-color: #bbb;
    border-width: 6px;
}
#keiba .storeNav > a .fa,
.list_view_select label.no_gold_member a .fa { margin: 0 3px; }
#keiba .storeNav span:not(.fa) {
    float: left;
    display: block;
    width: 25%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ccc;
    font-size: 1.6rem;
    border-bottom: 5px solid #fff;
}
#keiba .storeNav span a        { display: block; color: #4b4b4b; text-decoration: none; }
#keiba .storeNav span.home     { border-bottom-color: rgba(235, 25, 132, .2); }
#keiba .storeNav span.sales    { border-bottom-color: rgba(248, 163, 0, .2); }
#keiba .storeNav span.favorite { border-bottom-color: rgba(160, 204, 0, .2); }
#keiba .storeNav span.trend    { border-bottom-color: rgba(38, 159, 159, .2); }
#keiba .storeNav span.active   { color: #4b4b4b; font-size: 2rem; font-weight: bold; border-bottom: 5px solid #fff; }
#keiba .storeNav span.active a { color: #4b4b4b; }
#keiba .storeNav span.active.home     { border-bottom-color: #eb1984; }
#keiba .storeNav span.active.sales    { border-bottom-color: #f8a300; }
#keiba .storeNav span.active.favorite { border-bottom-color: #a0cc00; }
#keiba .storeNav span.active.trend    { border-bottom-color: #269f9f; }
#keiba .storeNav + .recovery_rate .bg_salon { display: none; }

#keiba #ranking .generic_box:not(:first-child) { margin-top: 40px; }
#keiba .horseList_wrapper { position: relative; padding: 15px 20px 10px; background: #fff; border: 1px solid #ccc; }
#keiba .horseList_wrapper:not(:first-child) { margin-top: 40px; }
#keiba .horseList_wrapper.flex-wrapper:first-child {
    width: 980px;
    margin: 0 auto 3em;
}
#keiba .horseList_wrapper.flex-wrapper:first-child a {
    right: 1em;
    padding: .5em 1.5em .5em 1em;
    color: #fff;
    color: var(--c-wht);
    font-size: 1.6rem;
    font-size: var(--f-l);
    background: #22ac38;
    background: var(--c-grn);
    border-radius: 3px;
    border-radius: var(--border-r);
}
#keiba .horseList_wrapper.flex-wrapper:first-child a::after {
    position: relative;
    right: -1em;
    content: '\f105';
    font-family: FontAwesome;
}
#keiba .horseList_wrapper.flex-wrapper:first-child a:hover { text-decoration: none; opacity: .7; }
#keiba #ranking .generic_box .horseList_wrapper .rank {
    position: absolute;
    top: -20px;
    left: -10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 1.6rem;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 50%;
    z-index: 1;
}
#keiba #ranking .generic_box .horseList_wrapper .rank1,
#keiba #ranking .generic_box .horseList_wrapper .rank2,
#keiba #ranking .generic_box .horseList_wrapper .rank3,
#keiba .wrapper + #ranking .generic_box .horseList_wrapper:nth-of-type(3) .rank,
#keiba .wrapper + #ranking .generic_box .horseList_wrapper:nth-of-type(4) .rank,
#keiba .wrapper + #ranking .generic_box .horseList_wrapper:nth-of-type(5) .rank {
    width: 44px;
    height: 66px;
    line-height: 58px;
    color: #303030;
    border: none;
}
#keiba #ranking .generic_box .horseList_wrapper .rank1,
#keiba .wrapper + #ranking .generic_box .horseList_wrapper:nth-of-type(3) .rank { background: url(/images/icon_gold.png) center center no-repeat; background-size: 40px 52px; }
#keiba #ranking .generic_box .horseList_wrapper .rank2,
#keiba .wrapper + #ranking .generic_box .horseList_wrapper:nth-of-type(4) .rank { background: url(/images/icon_silver.png) center center no-repeat; background-size: 40px 52px; }
#keiba #ranking .generic_box .horseList_wrapper .rank3,
#keiba .wrapper + #ranking .generic_box .horseList_wrapper:nth-of-type(5) .rank { background: url(/images/icon_bronze.png) center center no-repeat; background-size: 40px 52px; }
#keiba .horseList_wrapper .thumbnail { float: left; width: 100px; height: 100px; margin: 0; }
#keiba .horseList_wrapper .thumbnail.book { width: 70px; }
#keiba .horseList_wrapper .cont_data { margin-left: 120px; }
#keiba .horseList_wrapper .cont_data .col_left { width: 74%; }
#keiba .horseList_wrapper .cont_data .col_right {
    position: relative;
    width: 24%;
    height: 108px;
    color: #22ac38;
    text-align: center;
}
#keiba .horseList_wrapper .tof {
    display: inline-block;
    max-width: 100%;
    line-height: 1;
    margin-bottom: 5px;
    padding-top: 5px;
    font-size: 2rem;
    border-bottom: 1px solid #fff;
}
#keiba .horseList_wrapper a.tof:hover { border-color: #1d5aac; text-decoration: none; }
#keiba .horseList_wrapper .data { min-height: 30px; }
#keiba .horseList_wrapper .data span {
    display: inline-block;
    padding: 3px 6px;
    color: #d00;
    font-size: 1.2rem;
    background: #fff;
    border: 1px solid #d00;
    border-radius: 3px;
}
#keiba .horseList_wrapper .data + div { margin-top: 10px; }
#keiba .horseList_wrapper .data + div a { transition: none; }
#keiba .horseList_wrapper .counts_wrapper { display: inline-block; padding-left: 10px; }
#keiba .horseList_wrapper .counts_wrapper .word_hide { margin-right: 5px; }
#keiba .horseList_wrapper .cont_type { position: relative; top: 5px; font-size: 1.6rem; }
#keiba .horseList_wrapper .sub_btn {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #22ac38;
    background: #fff;
    border: 2px solid #22ac38;
    border-radius: 5px;
    text-decoration: none;
}
#keiba .horseList_wrapper .sub_btn::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    font-size: 1.6rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#keiba .horseList_wrapper .sub_btn:hover::after { right: 5px; opacity: 1; }
#keiba .horseList_wrapper .sub_btn span:not(.fss) { font-size: 2.4rem; }
#keiba .horseList_wrapper .sub_btn .fs { font-size: 2rem !important; }
#keiba .horseList_wrapper .sub_btn .fss { font-size: 1.6rem; }
#keiba .horseList_wrapper .sub_btn.rows { bottom: -10px; line-height: 1.4; }
#keiba .horseList_wrapper .sub_btn.rows .fss { display: block; }
#keiba .horseList_wrapper .horse_racing_content_report { color: #ccc; }
#keiba .horseList_wrapper .horse_racing_report,
#keiba .horseList_wrapper .article_data,
#keiba .horseList_wrapper .hit_data {
    position: relative;
    margin: 20px -20px 0;
    padding: 15px 10px 5px;
    color: #4b4b4b;
    border: none;
    border-top: dotted 1px #ccc;
    border-radius: 0;
}
#keiba .horseList_wrapper .inlineTitle2 { left: 10px; font-size: 1.6rem; }
#keiba .horseList_wrapper .inlineTitle2 span:not(.fa) { font-size: 1.4rem; font-weight: normal; }
#keiba .horseList_wrapper .inlineTitle2 a span { margin-left: 5px; }
#keiba .horseList_wrapper .horse_racing_report .report_wrapper { margin: 0; padding: 0; }
#keiba .horseList_wrapper .horse_racing_report > div:last-child { border: none; overflow-x: scroll; }
#keiba .horseList_wrapper .horse_racing_report > div:last-child::-webkit-scrollbar { height: 5px; }
#keiba .horseList_wrapper .horse_racing_report > div:last-child::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
#keiba .horseList_wrapper .horse_racing_report .report_nav { margin: 1em 0; }
#keiba .horseList_wrapper .horse_racing_report li { margin: 0; }
#keiba .horseList_wrapper .horse_racing_report li:last-child { float: none; top: -1px; left: 10px; }
#keiba .horseList_wrapper .horse_racing_report li .report_tab {
    padding: 3px 10px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    background: #22ac38;
    border-radius: 3px;
    opacity: .5;
    cursor: pointer;
}
#keiba .horseList_wrapper .horse_racing_report li.active .report_tab { opacity: 1; }
#keiba .horseList_wrapper .horse_racing_report td { text-align: center; }
#keiba .horseList_wrapper .horse_racing_report td span { font-size: 1.8rem; }
#keiba .horseList_wrapper .horse_racing_report .monthly_report td,
#keiba .horseList_wrapper .horse_racing_report .yearly_report td { text-align: right; }
#keiba .horseList_wrapper .horse_racing_report .monthly_report td:first-child,
#keiba .horseList_wrapper .horse_racing_report .yearly_report td:first-child { text-align: left; }

/* -------------------------------------------------- 171122 競馬レースページ改修 */
#keiba .sort_box.func { margin: 0 auto 60px; border-color: #ccc; }
#keiba .sort_box.func h3 { margin: 0; padding: 0; text-align: center; color: #22ac38; border: none; }
#keiba .sort_box.func > div { margin-bottom: 0; }
#keiba .sort_box.func .sort_display,
#keiba .sort_box.func .race_ticket_sortmenu {
    position: relative;
    margin-top: 1em;
    padding-top: 1em;
    text-align: center;
    border-top: 1px dotted #ccc;
}
#keiba .sort_box.func .sort_display:nth-of-type(1) { margin: 0; padding: 0; border: none; }
#keiba .sort_box.func .race_ticket_sortmenu,
#keiba .sort_box.func .race_contents_sortmenu { text-align: right; }
#keiba .sort_box.func .sort_display > span,
#keiba .sort_box.func .race_ticket_sortmenu > span {
    position: absolute;
    top: -10px;
    left: 20px;
    padding: 0 5px;
    color: #ccc;
    background: #fff;
}
#keiba .sort_box.func .gm {
    position: relative;
    display: inline-block;
    margin: 15px 10px 0 0;
    padding: 10px 10px 5px;
    border: 1px solid #22ac38;
    border-radius: 5px;
}
#keiba .sort_box.func .gm span:not(.fa) { color: #22ac38; font-weight: bold; }
#keiba .sort_box .sort_display a:not(:first-child),
#keiba .sort_box .sort_display:not(:last-child) label { /* width: 100px; */ text-align: center; }
#keiba .sort_box .sort_display:not(:last-child) label[for="list_sort-5"] { width: auto; }
#keiba .sort_box .sort_display a:first-child,
#keiba .sort_box.func .gm span:not(.fa) {
    position: absolute;
    top: -10px;
    left: 50%;
    width: 180px;
    padding: 0 5px;
    background: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#keiba .sort_box.func .gm span:not(.fa) { width: 100px; }
#keiba .sort_box .sort_display a:first-child .fa {
    position: relative;
    top: 1px;
    margin: 0 0 0 5px;
    font-size: 1.3rem;
}
#keiba .horseList_wrapper .article_data .col_left { width: 68%; }
#keiba .horseList_wrapper .article_data .col_right { width: 30%; }
#keiba .horseList_wrapper .article_data .date { color: #ccc; }
#keiba .horseList_wrapper .article_data .menu_profile_edit { left: 10px; right: auto; }
#keiba .horseList_wrapper .article_data .ticket div { display: inline-block; margin-right: 20px; font-size: 1.4rem; }
#keiba .horseList_wrapper .article_data .ticket span,
#keiba .horseList_wrapper .hit_data .hit_ticket span {
    display: inline-block;
    min-width: 50px;
    line-height: 1;
    margin: 0 10px 5px 0;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 5px;
}
#keiba .horseList_wrapper .article_data [class$="comment"] {
    position: relative;
    min-height: 90px;
    padding: 15px 10px 10px;
    text-align: left;
    color: #4b4b4b;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
#keiba .horseList_wrapper .article_data [class$="comment"]::before {
    content: '\f075'' ''\30B3\30E1\30F3\30C8'; /* コメント */
    position: absolute;
    top: -8px;
    left: 10px;
    padding: 0 5px;
    font-family: FontAwesome, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #22ac38;
    background: #fff;
}
#keiba .horseList_wrapper .article_data .no_comment { color: #ccc; }
#keiba .horseList_wrapper .article_data .recommend_rank {
    display: inline-block;
    margin-top: 10px;
    padding: 0 10px;
    color: #ed7877;
    border: 2px solid #ed7877;
    border-radius: 5px;
}
#keiba .horseList_wrapper .article_data .recommend_rank strong { margin-left: 10px; font-size: 2rem; }
#keiba .horseList_wrapper .hit_data .col_left { width: 74%; }
#keiba .horseList_wrapper .hit_data .col_right { width: 24%; }
#keiba .horseList_wrapper .hit_data [class^="hit_"]:not(.hit_btn) { font-size: 1.4rem; }
#keiba .horseList_wrapper .hit_data [class^="hit_"]:not(.hit_btn):first-child,
#keiba .horseList_wrapper .hit_data [class^="hit_"]:not(.hit_btn):last-child { margin-top: 10px; }
#keiba .horseList_wrapper .hit_data .hit_price span { margin-right: 20px; font-size: 1.6rem; }
#keiba .horseList_wrapper .hit_data .hit_price span:nth-last-child(-n+2) { color: #ed7877; }
#keiba .horseList_wrapper .hit_data .hit_price span b { margin-left: 10px; font-size: 2rem; }
#keiba .horseList_wrapper .hit_data .hit_btn {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    background: #ed7877;
    border-radius: 5px;
}
#keiba .horseList_wrapper .hit_data .hit_btn:hover { opacity: .8; text-decoration: none; }
#keiba .horseList_wrapper .hit_data .hit_btn b { display: block; font-size: 1.6rem; }
#keiba .horseList_wrapper .article_data .confident,
#keiba .horseList_wrapper > .hit {
    position: absolute;
    top: -60px;
    width: 0;
    height: 0;
    z-index: 2;
    color: #fff;
    border: 60px solid transparent;
}
#keiba .horseList_wrapper .article_data .confident {
    right: -60px;
    border-bottom: 60px solid #4cbb5f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#keiba .horseList_wrapper > .hit {
    left: -60px;
    border-bottom: 60px solid #ea5050;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#keiba .horseList_wrapper .article_data .confident::before {
    content: '';
    position: relative;
    top: 14px;
    left: -13px;
    display: block;
    width: 26px;
    height: 26px;
    background: url(/images/icon_horseshoe.png) 0 0 no-repeat;
    background-size: 26px;
}
#keiba .horseList_wrapper > .hit::before {
    content: '\f140';
    position: relative;
    top: 3px;
    left: -12px;
    font-family: FontAwesome;
    font-size: 3rem;
}
#keiba .horseList_wrapper .article_data .confident::after {
    content: '\81EA\4FE1\3042\308A\307E\3059!!'; /* 自信あります!! */
    white-space: pre;
    position: relative;
    top: 15px;
    left: -41px;
    font-weight: bold;
}
#keiba .horseList_wrapper > .hit::after {
    content: '\7684\4E2D!!'; /* 的中!! */
    white-space: pre;
    position: relative;
    top: -6px;
    left: -15px;
    display: inline-block;
    font-weight: bold;
}
#keiba .horseList_wrapper .keiba-open-button {
    display: inline-block;
    position: relative;
    left: 50%;
    width: 210px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    text-align: center;
    color: #22ac38;
    font-size: 1.4rem;
    border: 2px solid #22ac38;
    border-radius: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#keiba .horseList_wrapper .keiba-open-button:hover { cursor: pointer; }
#keiba #ranking_view.rank_all > .wrapper:first-child { display: none; }

/* -------------------------------------------------- Media Queries */
@media screen and (max-width:650px){
    .tabs { margin: 30px auto; }
    ul.intro_editer_tab,
    ul.main_editer_tab { margin-top: 28px; }
    .blog_editor_all .bl_editor_main { min-width: 270px; height: 760px; }
}
@media screen and (max-width:900px){
    .report ul.done_edit_list li { width: 790px; }
    .report .done_edit_list { width: 100%; min-width: 800px; }
    .report .done_edit_list div.sel_mons,
    .report .done_edit_list div.sel_day,
    .report .done_edit_list div.sel_time,
    .report .done_edit_list div.sel_status,
    .report .done_edit_list div.sel_transmission { width: 100px; text-align: center; }
    .report .done_edit_list div.sel_edit { width: 170px; text-align: center; }
    .report ul.reserve_edit_list li { width: 790px; }
    .report .reserve_edit_list { width: 100%; min-width: 800px; }
    .report .reserve_edit_list div.sel_title { width: 630px; text-align: left }
    .report .reserve_edit_list div.sel_date { width: 160px; text-align: center; }
    .report ul.done_edit_list li { width: 790px; }
    .report .done_edit_list { width: 100%; min-width: 800px; }
    .report .done_edit_list div.sel_title { width: 445px; text-align: left }
    .report .done_edit_list div.sel_date { width: 135px; text-align: center; }
    .apply_edit .report_list div.sel_subtitle,
    .apply_edit .report_list div.sel_detail { width: 410px; text-align: left; }
    .apply_edit .report_list div.sel_article_status2 { width: 300px; }
    .sel_subtitle.showmore,
    .sel_detail.showmore,
    .sel_page_detail { width: 790px; }
    .report .book_chapter_list,
    .report  ul.book_chapter_list { width: 100%; min-width: 800px; }
    .report .book_chapter_list div.book_chapter_number { width: 70px; text-align: center; }
    .report .book_chapter_list div.book_all_title { width: 545px; padding-right: 10px; text-align: left; }
    .report .book_chapter_list div.book_chapter_title { width: 375px; padding-right: 10px; text-align: left; }
    .report .book_chapter_list div.book_chapter_pay { width: 80px; text-align: center; }
    .report .book_chapter_list div.book_chapter_page { width: 80px; text-align: left; }
    .report .book_chapter_list div.book_chapter_date { width: 115px; text-align: left; }
    .report .book_chapter_list div.book_chapter_menu { width: 245px; text-align: left; }
    .report .book_chapter_list div.book_all_menu { width: 200px; text-align: left; }
    .report .book_chapter_list div.book_chapter_menu.bm .book_menu_box,
    .report .book_chapter_list div.book_all_menu.bm .book_menu_box { position: static; padding-left: 20px; }
    .report .salon_thread_list,
    .report ul.salon_thread_list { width: 100%; min-width: 800px; }
    .report .salon_thread_list div.salon_thread_title { width: 200px; text-align: center; }
    .report .salon_thread_list div.salon_thread_un_post,
    .report .salon_thread_list div.salon_thread_un_comment { width: 100px; text-align: left; }
    .report .salon_thread_list div.salon_thread_post,
    .report .salon_thread_list div.salon_thread_status { width: 100px; text-align: center; }
    .report .salon_thread_list div.salon_thread_menu { width: 200px; text-align: left; }
    .report .salon_member_list,
    .report ul.salon_member_list { width: 100%; min-width: 800px; }
    .report .salon_member_list div.salon_member_name { width: 400px; text-align: left; }
    .report .salon_member_list div.salon_member_join { width: 150px; text-align: left; }
    .report .salon_member_list div.salon_member_status { width: 150px; text-align: center; }
    .report .salon_member_list div.salon_member_menu { width: 100px; text-align: right; }
    .report .specialty_list,
    .report ul.specialty_list { width: 100%; min-width: 800px; }
    .report .specialty_list div.salon_thread_title { width: 600px; text-align: center; }
    .report .specialty_list div.salon_thread_status { width: 100px; text-align: center; }
    .report .specialty_list div.salon_thread_menu { width: 100px; text-align: left; }
    .report .page_list,
    .report  ul.page_list { width: 100%; min-width: 800px; }
    .report .page_list div.page_title,
    .report .page_list div.page_kind { width: 200px; text-align: left; }
    .report .page_list div.page_tab_position { width: 100px; text-align: center; }
    .report .page_list div.page_status { width: 100px; text-align: center; }
    .report ul.premium_message_list li { width: 790px; }
    .report .premium_message_list { width: 100%; min-width: 800px; }
    .report .premium_message_list div.mes_title { width: 160px; text-align: left; }
    .report .premium_message_list div.mes_notreply,
    .report .premium_message_list div.mes_user,
    .report .premium_message_list div.mes_payment,
    .report .premium_message_list div.mes_revenue,
    .report .premium_message_list div.mes_status { width: 100px; text-align: center; }
    .report .premium_message_list div.mes_edit { width: 130px; text-align: center; }
}
@media screen and (max-width:1000px){
    .seller th,
    .entry th { width: 120px; padding: 20px 5px; }
    td.apply_center { width: 400px; padding: 20px 10px; }
    td.apply_right { width: 120px; padding: 20px 5px; }
}
@media screen and (max-width:1050px){
    .report .report_list li { width: 790px;}
    .report .report_list div.sel_article_title_blo1 { width: 350px; text-align: left; }
    .report .report_list div.sel_article_title_blo2 { width: 210px; text-align: left; }
    .report .report_list div.sel_article_title_blo3 { width: 420px; text-align: left; }
    .report .report_list div.sel_blog_option { position: inherit; right: inherit; }
    .report .report_list div.sel_number { width: 95px; text-align: center; }
    .report .report_list div.sel_status,
    .report .report_list div.sel_status3 { width: 135px; text-align: center; }
    .report .report_list div.sel_article_status2 { width: 115px; text-align: right; }
}
@media screen and (max-width:1095px){
    .report .thanks_comment_list,
    .report ul.thanks_comment_list li { width: 850px; }
}
@media screen and (max-width:1220px){
    .report .report_list { width: 100%; min-width: 800px; }
}
@media screen and (max-width: 1280px) {
    .blog_editor_all .bl_editor_category,
    .blog_editor_all .bl_editor_tag {
        float: none;
        width: 100%;
        margin: 5px 10px 10px 0;
        border: solid 1px #ccc;
    }
}